Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- line-through
- 카우치코딩
- Redux store
- 6주포트폴리오
- redux 사용방법
- toString
- useParams
- useEffect
- javascript React
- 자바스크립트배포
- React onClick
- 자바스크립트
- react redux
- redux toolkit
- useSearchParams
- React state
- Redux
- 협업프로젝트
- db.json
- 콜백함수
- couchcoding
- 인라인블럭
- foreach
- javascript코딩테스트
- first-child
- JavaScript
- react
- JSON
- 블럭요소
- sort
Archives
- Today
- Total
개발하는 루루언니
React : 설치 환경 만들기 본문
728x90
반응형
** 리액트 시작
1. node.js 를 사용하는 이유
-> 자바스크립트를 브라우저 밖에서도 동작할수 있게하는 런타임을 제공한다.
2. npm 을 제공해준다.
-> 내가 필요한걸 외부에서 쓸수있게 도와준다.
-> 다른개발자가 만들어논 패키지를 다운로드 받아 유용하게 사용할 수 있다.
node.js 및 reate - app 설치하기
1. node.js 설치 -> [터미널] -> node -v 잘 설치되었는지 확인하기
2. [터미널] npm create-react-app
3. [터미널] npx create-react-app (작업할 폴더명)
4. [터미널] code . (파일을 실행한다)
React / rafce , rafc 기본설정
마켓 = react 를 검색하면 ES7 + React /Redux/React-Native anippets 라는 설치파일이
나온다. 설치해주면 단축키로 기본설정을 할 수 있다.
728x90
'컴퓨터 정보 > 리액트' 카테고리의 다른 글
react : 공공데이터 포털 api 불러오기 사용법 (0) | 2024.03.19 |
---|---|
react: input값이 여러개일때 각각 제어하기 (0) | 2023.10.26 |
react : API 요청하기 (GET) (0) | 2023.09.13 |
react : scroll 값에 따른 text 값 변화주기 (0) | 2023.09.07 |
react : EmailJs 와 reCaptcha 연동하여 사용하기 (0) | 2023.07.20 |