* 필요한 내용은 ctrl+F로 찾아보세요! 저번 게시물에서 한 대로 하면(Create React App로 리액트 시작한) https://blog.naver.com/cleveryellowduck/222843086757 [React JS] 리액트(React)란?
Create-React-App, Npm과 Npx Node JS로 백엔드 부분 기초를 게시물로 남겼는데, 프론트엔드에서 사용하는 라이브러리인 React JS... blog.naver.com 요로케 client 폴더 안에 이런 것들이 생깁니다. ① 리액트를 켜보자. 먼저 vs code terminald에서 cd client입력해서 client 디렉토리(리액트가 있는 디렉토리)로 가서 npm run start 참고로, 아래 보이는 것처럼 client의 package.json 파일에서 드래그 한 부분이 start로 되어있으므로 npm run start를 입력하면 되는 것이다.
여기를 "다른거"로 바꾸면 npm run 다른거로 명령어를...
![[React JS] Create React App 구조, rfce(리액트 함수형 컴포넌트 생성)](https://mblogthumb-phinf.pstatic.net/MjAyMjA4MDlfNjgg/MDAxNjYwMDUzNjc3NzE4.KVX78iIzCX_sWu6bVUSkLTiQ0Zh0hwxRQPkdesqxW4Qg.0lvoE8upQIhUaytet8IUPHneKes7JLv3HMTlxDxbdQ0g.PNG.cleveryellowduck/image.png?type=w2)
#
App
#
es7
#
functionalComponent
#
react
#
rfce
#
webpack
#
노란오리의하루기록
#
리액트
![[Day 8] 폼과 관련된 태그들2(HTML의 다양한 태그들 - 6)](https://mblogthumb-phinf.pstatic.net/MjAyMjAxMDNfMTY4/MDAxNjQxMjExMTk2NDU1.yz5QmbNcPGcshr9_1DC2y2-0iaMZM68JDplQDwLowM4g.C3_Ahj_q5nbUtuo9UPr3GaMyI5DBhjtdy6laDDHegH0g.JPEG.cleveryellowduck/rubber-ducks-1271197_1920.jpg?type=w2)
![[Day 26] 자바스크립트 - 내장 객체 Array (자바스크립트 배열 사용법, 메서드)](https://mblogthumb-phinf.pstatic.net/MjAyMjAxMzFfMjgz/MDAxNjQzNTU2MDc1NDQy.jRJbYIFbo2YqxhPn4Q7cJzAxwF3pNz_41YvxBXoEaY4g.9cW2bmRDnr0o_x4hE6jagwcWRz6XUMYNbaOkkI_kVVQg.PNG.cleveryellowduck/%BD%BA%C5%A9%B8%B0%BC%A6_2022-01-30_%BF%C0%C8%C4_11.46.05.png?type=w2)
![[나머지 연산] 음수의 나머지 연산(Modular Arithmetic) 결과값이 프로그래밍언어마다 다른 이유(C, Python)](https://mblogthumb-phinf.pstatic.net/MjAyMjA3MDdfMjIy/MDAxNjU3MTkzMTQ2NTY4.hMSTXEfGhpZaKWvtnmtg6q01oZLPIuQUDGNASgjySuwg.kcdoq9N9JbywZU8JD5Wk-1dT_coJLdcPDHVB_AKZrIog.PNG.cleveryellowduck/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-002.png?type=w2)
![[주간일기] 26주차(11.28~12.04) 일기](https://mblogthumb-phinf.pstatic.net/MjAyMjEyMDRfODAg/MDAxNjcwMTYxMDM2MTI1.gzqVNAeMC2DkRMPgfoA1kG5AwnH92t4U8IzgxLZoJq8g.MDIbZiRpfNSavCyZaaTcgtivuBmsLXFmijr8zNPrh8Ag.JPEG.cleveryellowduck/IMG_9077.jpeg?type=w2)