Jaddong's Lab

이미 리액트 빌드 되어진 저장소에서 프로젝트는 받아서 작업하여 빌드, 배포합니다. 1. 프로젝드받아서 실행하기 프로젝트의 깃주소로 저장소 프로젝트를 로컬에 clone 및 실행합니다. git clone https://github.com/{username}/{repo-name}.git // 예시 cd {repo-name} // 로컬 프로젝트 폴더로 들어감 yarn yarn start 2. 작업 후에 저장소로 커밋, 푸쉬 git add . // 내가 수정한 전체내역을 git commit -m "커밋메세지" // 커밋하고 git push // 푸쉬 3. 빌드 후 배포 $ yarn build $ yarn run deploy

node, npm/yarn, create-react-app 설치, build와 GitHub Pages 배포까지 1. node.js 설치 리액트 작업에 필요한 라이브러리들을 손쉽게 설치하기 위한 node의 패키지 매니저 npm/yarn을 위해 먼저 node.js 를 설치합니다. node.js 사이트 : https://nodejs.org/ko/ 설치가 잘 되었다면 터미널에서 버전확인이 가능합니다. $ node -v v10.15.1 npm은 node.js를 설치할 때 함께 설치되기 때문에 따로 설치할 필요가 없습니다. $ npm -v 6.8.0 2. create-react-app 설치 및 사용 프로젝트들을 담아둘 디렉토리에서 아래와 같이 설치를 하면 "my-app"이라는 폴더가 생깁니다. $ npx creat..

웹프론트엔드와 관련된 외부행사 검색 중 네이버 테크 콘서트 를 알게 되었습니다:) 네이버에서 하는 DEVIEW 2018에 갔었는데, 흥미롭긴 했지만 저에겐 다소 이해하기 어려운 세션들이 많았던 걸로 기억합니다. 그런데, 이번에 하는 테크 콘서트는 주니어 개발자에게 적합한 컨텐츠를 소개하고 있는 것 같아서 참가 신청 후 당첨되어 방문하게 되었습니다. # 네이버 테크콘서트 소개와 참가신청 네이터 테크 콘서트는 작년 2018년이 처음이었고, 올해 2회차입니다. 작년에는 라는 제목으로 안드로이드 관련 세미나를 했었고, 올해는 프론트엔드 개발자가 함께 IT개발 노하우와 경험을 공유하는 자리가 마련되었습니다. 매년 주제가 바뀌는 것을 보니 트렌드나 흐름에 맞춰 콘서트의 주제를 선택하는 것 같아 제목만으로도 흥미를 ..