IT학습 (4) 썸네일형 리스트형 리액트 학습#02 - 카운터 앱 카운터 앱 만들기 1. 리액트 프로젝트 생성 npm create vite@latest 2. npm 빌드 npm install 3. 소스코드 구현 1) components 디렉토리 생성 및 Controller.jsx, Viewer.jsx 파일 생성 2) Controller.jsx 컴포넌트 수정const Controller = ({ onClickButton }) => { return { onClickButton(-1) }}>-1 { onClickButton(-10) }}>-10 { onClickButton(-100) }}>-100 { onClickButton(100) }}>+100 { .. 리액트 학습 #01 - 리액트 프로젝트 생성 (VS Code설치 및 Node JS 설치 생략) 1. 리액트 프로젝트 생성 npm create vite@latest 2. vite 리액트 프로젝트 실행 npm run dev 3. 실행화면 sh: vite: command not found 오류 리액트 vite 프로젝트를 설치하고 실행을 시켰는데 아래와 같은 오류가 발생했다. 이 경우는 보통 참조 모듈이 정상적으로 빌드되지 않은 경우로npm install 명령어를 통해서 해결 가능하다. 위와 같이 다시 npm install로 빌드하고 실행시켜보면 정상적으로 실행이 가능한것을 알 수 있다. React(리액트) 스터디 리액트가 인기가 많아지고 리액트 사용 기술에 대한 수요가 늘면서리액트가 무엇인지 대충 검색은 했었지만 실제 공부는 해보지 않았기 때문에 이번 기회에 리액트 공부를 해보기로 했다..시간 효율을 높이고자 온라인 강의 신청완료!! udemy에 있는 한 입 크기로 잘라먹는 리액트 라는 강의를 들으면서 공부를 해나갈 예정이다나중에 기회가 되면 토이 프로젝트 하나 해봐야지.. 이전 1 다음
