1) 학습한 내용

1. 한영 변환 버튼

새 프로젝트 만들기
npx create-react-app projcon

(1)App.js

(2)Button.js

(3)Title.js

(4)Message.js

(5)결과

npm start

2. consumer로 Context 접근

(1)App.js

(2)Button.js

(3)Title.js

(4)Message.js

(5)LangContext.js

(6)결과

npm start

3.AddNumber / DisplayNumber

(1)App.js

(2)AddNumber.jsx

(3)AddNumberRoot.jsx

(4)DisplayNumber.jsx

(5)DisplayNumberRoot.jsx

(6)App.css

(7)결과

2) 학습내용 중 어려웠던 점

코드를 다 작성했는데 파일을 찾을 수 없다고 오류가 발생했다.

3) 해결방법

코드 끝 부분에 export default 부분을 작성하지 않아서 오류가 발생함을 알고 수정하였다.

4) 학습소감

코드가 계속 반복되서 어느정도 어떤 구조로 이루어지는지 감을 잡게 되었다.