분류 전체보기66 [eslint error] Expected blank line between class members.eslint(lines-between-class-members) 문제 상황 강의와 똑같이 코드를 쳤는데도 어째서인지 알 수 없는 빨간 줄 에러가 계속 났다. 한줄 한줄 문법을 따져봐도 틀린 것이 없는데 원인을 알 수 없었다. Expected blank line between class members. eslint(lines-between-class-members) 에러 문구는 위과 같았다. 해결 검색해보니 --fix 명령어로 해결 가능한 부분이라고 해서 npx eslint "**/*{ts,tsx}" --fix 로 해결봤다. 뭐가 바뀐건가 봤더니..... eslint에서 개행해달라고 빨간지렁이 냈던 것.................... . . . 에러 나면 일단 에러문구 잘 보고 구글링부터 해보자 ㅎㅎㅎ 2022. 2. 3. [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. 이전 1 ··· 7 8 9 10 11 12 13 ··· 17 다음
