본문 바로가기

JavaScript/React27

[생활코딩-React] JS 코딩하는 법 [출처 : Youtube - 생활코딩] https://youtu.be/LEPiRfPD9Uw?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi public index.html 파일이 있는 곳임. index.html 안에 id가 root인 곳 태그 안쪽에 컴포넌트가 들어가도록 create-react-app은 약속했음. src 컴포넌트는 src 안에 있는 파일들을 수정해서 만듬. 앞으로 개발작업을 하게되면 대부분의 파일을 src 안에 넣게 될 것임. 그중에서 entry파일, 즉 진입파일은 index.js 파일임. 위에 밑줄 친 부분을 기반으로 해서 public의 index.html 파일을 수정한다. 위에 밑줄 친 은 react를 통해 만든 사용자 정의 컴포넌트이다. 저 컴포넌트의 실제 구.. 2021. 4. 19.

[생활코딩-React] 샘플 웹앱 실행 [출처 : Youtube - 생활코딩] https://youtu.be/O58tOX0CtoY?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi terminal을 실행한 후 다음과 같이 명령어를 입력한다. npm run start 실행하면 아래와 같은 창이 뜬다. ★npm을 끄고싶을땐 ctrl + c 를 입력한다. 2021. 4. 19.

[생활코딩-React] create-react-app을 이용해서 개발환경구축 [출처 : Youtube - 생활코딩] https://www.youtube.com/watch?v=C9l-dQTeW7k&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=5 1. 먼저 Node.js와 create-react-app을 설치한다 (설치&세팅법 카테고리에 있음) 2. react-app이라는 폴더를 생성한다. 3. cmd 창을 띄우고 경로를 react-app 폴더로 설정한다. 그리고 다음과 같이 명령어를 입력한다. create-react-app . ★주의 create-react-app이 최신버전이 아니면 최신버전으로 재설치해야함!! 설치 : npm install -g create-react-app 제거 : npm uninstall -g create-react-app.. 2021. 4. 18.

React(리액트)의 장점 -가독성 -재사용성 -유지보수 2021. 4. 15.

[생활코딩-React] 배포하는 법 [출처 : Youtube - 생활코딩] https://www.youtube.com/watch?v=E_-ua6uCQOU&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=9 npm run build 공백과 같이 불필요하게 공간을 차지하는 정보들을 싹 살균시킴. (용량이 작아짐) create-react-app이 알아서 용량을 줄여줌. npx serve -s build 2021. 2. 7.

[생활코딩-React] CSS 코딩하는법 [출처 : Youtube - 생활코딩] https://www.youtube.com/watch?v=FbNvDu-XTVg&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=8 2021. 2. 7.

이전 1 2 3 4 5 다음

티스토리툴바