[나도 프로그래머] 리액트 2. 코드를 수정해봅시다.

이제 코딩을 하기 위해서
코딩 파일을 열어봅시다.

편집기로 열어보시면 됩니다.
저 같으면 아톰을 여는 거죠.

아톰 아이콘을 더블클릭하시고 실행해주세요.

폴더 열기를 클릭하시고요.
방금 만든 my-app 폴더를 선택해줍니다.

그러면 이제 코드가 보입니다.

my-app 안에는 폴더가 3개가 있어요.
node-modules / public / src

src 폴더를 클릭하면 파일이 여러개 나옵니다.
그중에서 App.js 라는 파일을 수정해보겠습니다.

흰 색으로 된 메시지 부분을 수정하겠습니다.

다시 아톰을 보세요.
코드로 돌아와서 보시면

코드 12번째 줄에 똑같은 메시지가 있습니다.
그 줄을 전부 삭제하시고요.
원하는 메시지를 써주세요.

저도 바꿨습니다.
그리고 저장버튼 혹은 ctrl + s 를 눌러주시면

쨘

자동으로 반영이 됩니다. ^^

아, 혹시 웹 화면이나 검은 입력창을 꺼서
안 되시는 분들이 계실 겁니다.

1. 웹 화면을 껐을 경우.
   검은 입력창으로 돌아가서요.
   c:\react\my-app 에서
   그냥 npm start
   다시 써주시고 엔터치시면
   실행 됩니다.

그리고

1. 검은 입력창을 껐을 경우
   windows 키 + R 누르셔서
   입력창을 다시 여시고요.
   거기서 cmd를 입력하시면
   검은 입력창이 다시 열립니다.
   거기서 폴더 위치가 다시
   c:\react 일 겁니다.
   cd my-app 하고 엔터를 치셔서
   c:\react\my-app 으로 이동을 하시고요.
   거기서 npm start 하시고 엔터치시면
   똑같이 실행됩니다.

2강은 여기까지

감사합니다.

리액트 1. 스타트 https://steemit.com/kr/@urobotics/6bpyss-1

다음 강의부터 본격적으로 시작됩니다. ^^

참고한 강의는 4강까지였습니다.
#5 Creating React Components with JSX
https://programmers.co.kr/learn/courses/944/lessons/6712
그건 다음에 계속 ㅋㅋㅋㅋ