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..

글은 조금씩 쓰고 있었는데, 완성되지 않아서 비공개로 해놨다가 공개로 돌리는 형식으로 하고 있다.(라고 귀차니즘을 포장해본다.....) 2019/04/14 - [Developer/Tools] - VSCode로 갈아타기_1 : 설치방법 이번에는 저번 VSCode 설치( 위의 링크 참고! )에 이어 확장 플러그인 설치를 해봅니다. 이것 저것 써보면서 나에게 맞는 것들을 골라서 설치하면 좋지만, 조금은....귀찮고 이미 좋은 블로그(https://junhobaik.github.io/vsc-plugin-list/)가 많기 때문에 참고해서 설치해봤습니다. 기본적이라고 생각하는 것들을 설치했고, 추가적인 플러그인들이나 후기는 나중에 업데이트 해나갈까합니다. VSCode를 키고! 왼쪽 세로 메뉴에서 네모난 아이콘(E..

난 처음에 에디터 플러스로 마크업을 배우기 시작했고, 그 이후에는 아톰을 잠깐 거치고 작년 이맘 때쯤 학생계정이 있어서 WebStrom 웹스톰을 지금까지 무료로 사용해오고 있다. 하지만, 1년 간의 무료가 곧 끝난다ㅠㅠ!! 그래서 다른 에디터를 찾게되었다. 웹스톰을 이어서 쓰고 싶단 생각도 있지만, 우선 돈이 든다는 점이 단점이었고, 한편으론 다른 에디터를 써보고 싶기도 했다. 스택오버플로우 조사(https://www.software.com/review/ranking-the-top-5-code-editors-2019)에 따르면 VSCode가 빠르게 힛업하고있다는 자료를 접했다. 물론 사용해봐야 알겠지만, 괜히 많이 쓴다니까 궁금해서.... 써보도록 한다 (⁄ ⁄•⁄ω⁄•⁄ ⁄) 1. 설치방법 https:..

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