react설치
개발환경
1. nodejs 설치
LTS다운받기 안되면 오른쪽꺼 설치
2. vscode 설치
https://code.visualstudio.com/
3. 리액트설치
- 바탕화면에 작업용 새폴더 만들기
- vscode에서 방금 만든 폴더 열기
- 위쪽에 터미널 >> 새터미널 열기
- 터미널에 "npx create-react-app 이름"
- 설치가 완료 되었다면 다시 vscode에서 이름 폴더 열기
react 폴더 구성 설명
node_modules폴더 : 라이브러리 코드 보관함
public폴더 : static 파일 모아놓는 곳
src폴더 : 코드 짜는 곳
src/app.js가 index라고 생각하면 됨
(app.js가 script로 public/index.html로 변환해준다고 생각하셈)
package.json: 프로젝트 정보
.
.
.
javascript 공부하러가기: 자바스크립트 기초
리액트 강의처럼 독학 배우기
리액트 인강을 구매하고 싶지만 인강을 구매하기에는 귀찮으신 분들, 저의 얇은 지식으로 도움 드릴테니 같이 공부해봅시다. 리액트를 배우기 이전에 html , css, javascript의 기초 지식이 없으신 분
ineedurhelp.tistory.com
리액트 Component문법, 삼항연산자, .map()
리액트 Component문법, 삼항연산자, .map()
Component 예시 component 만드는 방법/ 특징 동적인 ui만들기 삼항연산자 Component의 예시 제목 날짜 상세내용 이거를 function Modal() { return ( 제목 상세내용 ); } function App() { return ( ); } 요렇게 사용이 가
ineedurhelp.tistory.com
'react' 카테고리의 다른 글
| react설치방법 (0) | 2024.09.26 |
|---|---|
| react란 (0) | 2024.09.26 |
| 리액트 Component문법, 삼항연산자, .map() (0) | 2023.07.15 |
| 리액트 useState문법 쓰는이유 (0) | 2023.07.14 |
| 리액트 강의처럼 독학 배우기 (0) | 2023.07.05 |