본문 바로가기

분류 전체보기21

[처음 배우는 리액트 네이티브] 3장. 컴포넌트(Component) - JSX, props, state, event 3장. 컴포넌트 - 리액트 컴포넌트 연습을 위한 프로젝트 생성 expo init react-native-component 3.1 JSX - 객체 생성과 함수 호출을 위한 문법적 편의를 위해 만들어진 확장 기능 - html, xml과 유사 중첩된 구조를 나타내기 용이 3.1.1 하나의 부모 - JSX 하나의 부모로 감싸진 객체를 반환할 수 있음 - 각각의 요소를 반환하고자 할 경우 컴포넌트로 감싸줘야 함 - 컴포넌트는 로 단축해서 사용 가능 3.1.2 자바스크립트 변수 - JSX내부에 자바스크립트 변수 전달 가능 선언 const name = "skan"; 활용 My name is {name}. 3.1.3 자바스크립트 조건문 - 즉시 실행 함수 형태로 if문 구현 가능 - 삼항연산자 사용 가능 - AND 와.. 2022. 2. 6.
[Tip] 지마켓, 옥션, G9 설 빅세일 기간, 쿠폰, 할인혜택, 스마일클럽 추천인, 친구추천 기간 : 22.01.12 ~ 22.01.25 쿠폰 : 세일기간 동안 매일 매일 할인쿠폰 지급! 스마일클럽 회원은 더 큰 혜택! 혜택 : 매일 지급되는 쿠폰 + 브랜드별 중복쿠폰으로 왕창 할인받자! 스마일클럽 친구추천 : 스마일클럽 가입 시 더 큰 혜택, 추천인 입력 후 가입 시 5000point 제공(현금과 동일) 추천인 초대코드 : ZL8X73MU 초대 캐시 5천원 + 쇼핑지원금 최대 37,000원을 드려요. https://smileclub.gmarket.co.kr/invite-gate/via?code=ZL8X73MU 2022. 1. 15.
[처음 배우는 리액트 네이티브] 2장. 리액트 네이티브 시작하기. (개발 환경 세팅, 프로젝트 만들기) 2장. 리액트 네이티브 시작하기 - 맥, 윈도우, 리눅스 환경에서 개발 가능 2.1 개발 환경 준비하기 - 공통 : Node.js, JDK, 안드로이드 스튜디오 - Mac : 왓치맨, Xcode - Window : Python - 그밖에 OS와 설치 경로에 맞게 환경 변수 설정 2.2 리액트 네이티브 프로젝트 만들기 - Expo : 리액트 네이티브의 사용을 편리하게 해주는 툴 https://expo.io 아이폰과 안드로이드 폰이 있으면 Xcode, 안드로이드 스튜디오 없이도 해당 플랫폼 테스트 가능 expo에서 제공하는 API만 사용 가능 expo-cli 설치 : npm install --global expo-cli 프로젝트 생성 : expo init my-first-expo / choose a remp.. 2022. 1. 15.
[처음 배우는 리액트 네이티브] 1장. 리액트 네이티브란? 장단점, 동작방식 새해를 맞아 미루던 공부 시작. 시작은 한빛미디어에서 출판한 [처음 배우는 리액트 네이티브] 서점에서 훑어보지도 않고 바로 공부 시작할 계획으로 온라인 서평만 보고 즉흥적으로 구매. 목차대로 공부해나가면 엄청 깊이 있고 전문적이지는 않아도 원하는 어플 한두개는 만들고 배포까지 경험해 볼 수 있을 것 같아서 이 책을 선택했다. 시작부터 완벽하게 잡아나가고 싶어하는 성격을 최대한 제쳐두고, 가볍게 읽어가면서 클론코딩 완성에 목표를 두고 공부해보려고 한다. 올해 안에 작게나마 내 어플 마켓에 등록하는 것을 목표로..! 화이팅!! 1장. 리액트 네이티브란? - 2015년 3월 페이스북에 의해 공개(오픈소스) - 리액트 기반(자바스크립트 프레임워크) - IOS, 안드로이드에서 동작하는 네이티브 모바일 앱 프레임워.. 2022. 1. 2.
[Tip] G마켓, 옥션, G9 빅스마일데이 시작!(기간 11.1 ~ 11.12) 쿠폰, 혜택, 스마일클럽 친구추천 알아보기 빅스마일 데이란? G마켓, 옥션, G9(이하 지옥구)에서 할인율 높은 쿠폰을 제공하여 미뤄둔 지름을 촉진하는 행사 기간이에요! 행사는 11월 1일부터 11월 12일까지 진행되는데 11.1 ~ 11.4 (1차) 11.5 ~ 11.8 (2차) 11.9 ~ 11.12 (3차) 위와 같이 3회차로 나눠 각각 회차마다 쿠폰을 발행해줍니다. 20% 할인쿠폰을 발급해주는 것으로 예를 들면, 1회차에 20프로 쿠폰을 적용해서 면도기를 구입하고, 2회차에 20프로 쿠폰을 또 받아서 키보드를 구입하고, 3회차에 또 20프로 쿠폰을 받아서 마우스를 구입하는 것이 가능하다는 말이죠! 다만, 회차별 쿠폰은 각 기간 내에만 사용 가능하니 참고하시구요!! 정확한 쿠폰 할인율은 내일 시작된 직후에 알 수 있을 것 같아요^^ 스마일클.. 2021. 10. 31.
[Lottie] 웹 퍼블리싱 아이콘, 이미지 애니메이션 / 로티(Lottie) 사용법, web 적용 Lottie란? Airbnb에서 제작한 애니메이션 구현 라이브러리이다. 활용 플로우는 다음과 같다. 애프터이펙트에 Bodymovin 플러그인을 설치 애프터이펙트로 애니메이션 작업 작업물을 .json 또는 .lottie 확장자로 추출 lottie 라이브러리 import 후 간단한 스크립트 추가로 애니메이션 로드(웹, 앱 모두 가능) 활용 전달받은(또는 제작한) 소스를 웹에 적용시키는 방법을 알아보자. 소스상에서 lottie 라이브러리를 import 하는 방법으로는 cdn 방식과 download 후 직접 import 방식이 있다. cdn : https://cdnjs.com/libraries/bodymovin download : https://github.com/airbnb/lottie-web/tree/mas.. 2021. 9. 8.
[Tip] 옥션 지마켓 한가위 빅세일 쿠폰, 추석 할인 특가 / 스마일클럽 추천인, 가입, 혜택 스마일클럽 친구 추천하고 5000캐시 더 받기! 초대코드 : ZL8X73MU https://smileclub.gmarket.co.kr/invite-gate/via?code=ZL8X73MU 함께 스마일클럽 어때요? 친구와 함께 스마일클럽을 시작해볼까요? 초대코드 입력하고 스마일클럽 시작하면 5천원 더 드려요 smileclub.gmarket.co.kr 지마켓, 옥션 한가위 빅세일에 대해 알아보자! 9월 1일 ~ 9월 14일까지 한가위 빅세일 시작! 주요 혜택을 정리하면 다음과 같다! 혜택 1. 쿠폰 혜택 2. 스마일카드 혜택 3. 스마일페이 이 중에서, 주목할만한 혜택은 1번과 3번이다! (솔직히 스마일카드 만드는 건 너무 귀찮으니까..) 쿠폰은 매일 매일 발급받아서 사용할 수 있다. ex) 어제 발급받은 .. 2021. 9. 2.
[서평] Vue.js 프로젝트 투입 일주일 전 (부제: vue.js 3.x 실무 개발을 위한 모든 것 / feat.개발자의품격) 발단 얼마 전 평소와 다름 없이 퇴근길에 유튜브를 켰는데 구독중이던 '개발자의품격' 채널에 흥미로운 글이 올라왔다. 채널을 운영중이신 고승원님이 Vue.js 관련 책을 출간하셔서 책을 제공받고 SNS와 온라인 서점에 서평을 남기는 이벤트. 구미가 당겨서 잽싸게 신청을 한 후 잊고 지냈는데, 며칠 뒤 이벤트에 당첨됐다는 반가운 소식과 함께 책을 받아 볼 수 있었다. 책을 완독하는데는 총 일주일 정도의 시간이 걸렸다. 책의 첫 장을 넘길때까지만 해도 책에서 다루는 내용들을 모두 직접 코딩하면서 읽어나갈 계획이었는데, 그러지 못했다. 부제에 나타나있듯 굉장히 많은 개념들이 담겨 있어서 다 따라 치기엔 시간적 여유도 없었고, 원래 하려고 했던 건 베껴쓰기가 아니고 책에서 다룬 개념을 활용-응용해서 더 제대로 이.. 2021. 7. 2.
[VScode, PowerShell] vue : 이 시스템에서 스크립트를 실행할 수 없으므로 ~ 파일을 로드할 수 없습니다. 증상 npm install -g @vue/cli 설치 후 VScode 터미널에서 vue create 명령어 실행 시 스크립트 실행 불가 원인 Window 자체적으로 스크립트 실행 권한 제한 해결방안 PowerShell 관리자 권한으로 실행 후 스크립트 실행 권한 변경 Set-ExecutionPolicy RemoteSigned 입력 후 [A] 모두 예 선택 Get-ExecutionPolicy 입력 후 변경된 권한 확인 2021. 6. 27.
반응형

티스토리툴바