*요약*
아무폴더만들고->우클릭해서 code로열기클릭->상단에 터미널 눌르기->새터미널 클릭->
거기다가 npm init -y 입력 엔터->다음에 npx serve 입력하고 엔터->
localhost어쩌고 ctrl+좌클릭으로 열기->index.html만들고->내가 적어놓은거 입력(13번가면 있음)
->https://ko.reactjs.org/이동->우측위 돋보기에서 cdn검색 ->젤위에꺼 클릭 ->젝위에꺼 두줄 복사 해서 헤드안에에 붙여넣기->바디에 20번에 적어놓은거 붙여넣기
->아까열어놓은 인터넷 창에서ctrl+shitf+i 눌러서 입력한거 확인
진짜로 구경만하는거다 구경.....별거 없다.... 그래도 해보자
일단 아무 폴더 만들고 더블클릭
1.그리고 파란색인" Code(으)로 열기" 클릭
뭐 보라색 저런거 없어도 된다 내가 공부한다고 깐거다 무시 해라
2.이런 창이 열리면 위쪽에 "터미널(T)"눌러라
3.이제 새터미널을 눌러 보자
4.짠 이렇게 밑에 터미널이 생긴다 이친구 자주 보게 된다 고마운 친구이다
5.그림처럼 "npm init -y" 치고 엔터 눌러라
6.대충 이런식으로 나오면 된거다 모양만 저런식이면 된다 세부내용은 다를수 있다 저렇게 안나오면 오타 일 확률 높다
7.오타치면 이렇게 나오는데 무시하고 그냥 다시"npm init -y" 쳐라
8."npx serve"치고 엔터
9.이런식으로 나온거면 성공 한거다 그리고 ctrl+좌클릭으로 그림이 가르치는 localhost어쩌고 하는거 켜보자
10.이런식으로 뜨면 정상이다
아니면 처음부터 다시 시도해보자
(해석:index.html이 없습니다 만들어야지 연결합니다)
11.여기서 왼쪽 상단에 종이처럼생긴 아이콘 클릭
12.이렇게 되면 하얀 저기에 "index.html"적고 엔터
13.이제 본문에
를 복 붙 하자 그리고 ctrl+s눌러서 저장하자(자주하면 좋다)
14.이런식으로 될거다 index.html옆에 검은색 동그라미 있으면 저장안되거다 안에 한번 클릭해주고 저장하자
15.구글에 react 검색하고 젤위에 클릭 해서 드가자 혹시 몰라 링크(https://ko.reactjs.org/)
16.들어가보니 한국어다 기분이 좋다 한국 만세
위쪽 오른쪽에 검색 돋보기 모양있다 클릭"cdn"쳐보면 뭔가 밑에 나온다
17.젤위에뜨는거 클릭하자
18.이제 위에있는 검은배경 두개중에 위에있는거 두줄을 복사하자
19.헤드안에 빈줄 하나 만들고 복사한거 붙여넣어라 <> 여기 안에서 엔터 누르면 안된다..... 실수했으면 ctrl+z로 되돌려라
20.그리고 또 바디 내부에 빈줄 만들고
이제 9번에 켰던 창으로 가보자 만약꺼졌으면 터미널 보고 다시 클릭해서 키면된다
visualstudiocode를 껐으면 "npx serve" 이거만 다시쳐서 키면된다
빈화면이 정상이다 당황하지마라
ctrl+shitf+i 눌러보자
이런식으로 뜬거면 완료 오른쪽에object를 눌러보면 밑에 이상한거 엄청뜬다 그게 react 고 밑에께 reactdom이다
나도 뭔지모른다 구경은 했다 완료 ㅎㅎ
'React를 같이 배워보자' 카테고리의 다른 글
| React2일차-React 컴포넌트2 (0) | 2022.01.21 |
|---|---|
| React2일차-React 컴포넌트1 (0) | 2022.01.21 |
| React2일차-React쓰기전 babel설정 (0) | 2022.01.21 |
| React 1일차 -Visual Studio Code설치 (0) | 2022.01.20 |
| React 1일차 -설치 파일 목록 +node.js설치 (0) | 2022.01.20 |
