react7 1) 프로젝트 셋팅. Hello world 터미널을 열어서 프로젝트를 생성할 폴더로 가자. 그다음 프로젝트 생성 mkdir tutorial && cd tutorial yarn init 엔터를 따다당 눌러주다 보면 package.json이 생성된다. VS code를 열어보자. code . 이 커맨드가 안먹힌다면, VS code를 열어서 cmd + shift + p를 입력하자. 그런 다음 shell이라고 누르면 끝 이제 프로젝트를 구축할텐데 react js, next js를 설치해주자. yarn패키지를 이미 설치했길 바라며, cmd + j를 눌러 터미널을 Vscode에 띄운 다음에 아래 커맨드를 입력한다. yarn add next react react-dom 이번 프로젝트에서는 단순히 react만 사용하지 않고 next js를 사용하는데 개인적으로 .. 2020. 7. 15. 0)프로젝트 개요 코로나 현황 무료 API를 활용한 간단한 React 웹 어플리케이션. 결과물 : https://corona-tracker-one.vercel.app/ 사전 준비사항 1. 개발 에디터. VS Code 추천 2. npm혹은 yarn 패키지 매니저 설치 https://just-coding.tistory.com/4 yarn 패키지 매니저 설치 Mac Os를 사용하면 npm이 설치되어있는데 좀 더 보안성있고 빠른 패키지매니저로 Yarn을 사용한다. https://yarnpkg.com/ Home Fast, reliable, and secure dependency management. yarnpkg.com 1. Yarn 설치 npm.. just-coding.tistory.com 사용할 무료 API 코로나 현황을 알려.. 2020. 7. 15. VS Code 추천 Extensions (for. React개발자 ) 요즘 개발자들의 최애 에디터로 떠오른 VS Code 다들 쓰고 계시죠? ㅎㅎ 제가 사용하는 Extension들을 소개해 드리겠습니다. 1. Material Theme ⭐️⭐️⭐️ : 보기 좋은 떡이 먹기도 좋은법! 에디터를 이쁘게 꾸며줍니다. https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme Material Theme - Visual Studio Marketplace Extension for Visual Studio Code - The most epic theme now for Visual Studio Code marketplace.visualstudio.com 2. Material Theme Icons ⭐.. 2020. 7. 12. 이전 1 2 다음
