본문 바로가기

React19

[React] 보일러 플레이트 보일러 플레이트 초기 셋팅이 완료된 폴더입니다. 보일러 플레이트는 회사마다 다를 수 있습니다. 몇몇 폴더, 파일에 대해 알아보겠습니다. 📌node_modules yarn ~~~ npm~~~ 으로 설치한 라이브러리 / 프레임워크 등이 여기에 저장됩니다. 📌public 이미지, 폰트 등의 파일을 저장합니다. 📌yarn.lock 처음에 설치할 당시의 버전을 기록하는 파일입니다. 최신 버전은 어떤 버그가 있을지 모르고 버전은 안정적인것이 중요합니다. 📌README.md 프로젝트 소개하는 상세설명서 입니다. (제 프로그램은 무엇이며 어떤 기능이 있습니다~ 라는 식.) 개발자가 직접 작성하여 다른 사람들에게 프로젝트를 소개하는 용도입니다. 📌pages 프런트엔드 페이지 화면들 모아 놓은 폴더 api폴더는 사용하지 .. 2022. 1. 30.
[React] 폴더에 프로젝트 설치 전 블로그 글에서는 node.js를 os에 설치했습니다. 이번에는 폴더에 프로젝트에 필요한 프로그램들을 설치합니다. Next.js를 설치하면 React 는 자동으로 설치됩니다. 1. 바탕화면에 "HelloReact" 폴더 만들기 2. "HelloReact" 폴더에 "class" 라는 이름의 Next.js 프로젝트 설치하기 => Next.js를 설치하면 React.js는 자동으로 함께 설치됩니다. 3. "class" 폴더에 Emotion 설치하기 4. "class" 폴더에 Apollo-Client, Graphql 설치하기 5. "class" 폴더에 Ant-Design 설치하기 6. "class" 폴더에 Material-UI 설치하기 7. "class" 폴더에 Axios 설치하기 ---- 상세한 설치 방법은.. 2022. 1. 30.
[React] node.js / npm / yarn 설치 리액트 시작 전 몇가지 환경 설정이 필요합니다. 먼저 os에 환경 설정을 해줍니다. (어떤 폴더에 설치하는 것이 아니라 내컴퓨터에 설치하는 것.) 리액트 애플리케이션은 웹 브라우저에서 실행되는 코드이므로 Node.js와 직접적으로 연관이 있는 것은 아니지만 프로젝트 개발하는데 필요한 주요 도구들이 node.js를 사용하므로 설치합니다. ✨ node.js 를 깔면 node.js 패키지 매니저 도구인 npm은 자동으로 설치됩니다. (yarn도 패키지를 관리해주는 도구이되 npm보다 빠릅니다.) node.js 프로그램 설치 후 노드, npm, yarn 버전을 체크하여 설치 확인을 합니다. 이게 다입니다. 끝. node.js 설치 1. node.js (LTS) 설치 구글에 node.js 검색. LTS( 2022. 1. 30.
[husky error] yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\Jina Kim\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Exe cution_Policies(https://go.microsoft.com/fwlink/?LinkI.. 문제 상황 yarn add husky@4 --dev 위 명령어로 허스키 4버전을 설치해보려는데 에러가 뜨면서 되지 않았다. yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\Jina Kim\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Exe cution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + yarn add husky@4 --dev + ~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 문제.. 2022. 1. 30.