리액트

Svelte는 멘토님의 일침과 함께 고이 던져두고, 원래 공부하던 리액트로 돌아왔다. NodeJS는 설치되어 있다는 가정하에 시작한다. 이번엔 카카오API로 로그인을 만들어보고, 다음편엔 sms나 email을 push하는 기능을 만들어볼거다. 개인 프로젝트명을 요약하면 '리액트와 노드JS를 사용해서, sms, email, kakao 메시지를 push하는 기능을 만들껀데, 인증은 카카오 로그인 API로' 정도가 될것 같다. Setting 1. 프로젝트 폴더(빈 폴더)에서 npm init을 해주고, client, server 폴더를 만들어준다. npm init mkdir client mkdir server 2. client 폴더로 들어가서 npx CRA . 을 해준다. cd client npx create-..

http://dongjun.me wq0212 / Dongjun Shin dongjun.me 최근 새로운 사람만날일이 부쩍 많아졌다. 다들 처음 만나서 이름, 나이, 학력을 물어보고 기술스택을 물어보며 첫마디를 땐다. 아무래도 다들 팀원을 구하고 있어서 그런가 이름보다 기술스택을 먼저 물어보는 일도 허다하다. 어딜가나 본인을 소개하고, 본인을 어필하는 일이 반복되다보니 개인적으로는 적지 않은 피로감도 느낀다. 누굴 만나면 면접을 만난 복어마냥 촉을 세우고, 자기를 소개해야하고, 남이 소개하는걸 들으며 (심지어 받아적는 분들도 있다) 팀원을 물색해야한다. 앞으로 개발자로 계속 일하다보면 본인을 소개할 랜딩페이지 정도는 있으면 좋겠다 싶어, 도메인도 하나 지르고 아래 두 선배분들 페이지를 참고해서 만들어 보았..

리액트는 '사용자 인터페이스를 만들기 위한 JavaScript 라이브러리'이다. Front : react Back : nodejs + express DB : mongodb 로 이뤄진 프로젝트를 기획중인데, 준비하며 리액트 공부를 해보고자 한다. 2편까지의 setting으로 node와 npm을 설치해준다. 1. npm의 상위호환인 yarn을 설치해준다. (성능 속도를 개선했다고 한다.) $ sudo npm install -g yarn 2. create-react-app을 설치하고, 프로젝트 폴더를 생성한다. (이하 myshop 자리엔 프로젝트 폴더) $ sudo yarn global add create-react-app $ sudo create-react-app myshop 생성되면 다음과 같이 뜸 3. ..