220624 금

1) 학습한 내용

리액트

실습에 필요한 도구
노드 패키지 매니저(npm), 웹팩
리액트개발 환경설치
node.js(필수), 에디터(vs코드...), 웹브라우저(크롬...)

JSX = javascript+xml(하나의 파일에 자바스크립트와 html을 동시에 작성)

<div>
	<img src="http://www.easyspub.co.kr/images/logo_footer.png"/>
    <div>Hello world!</div>
</div>

todaysplan 컴포넌트 만들때 주의사항

box값 변경 - props: 함수의 매개변수와 같은 존재
버튼클릭시 숫자 증가하기 - state사용

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

3) 해결방법

4) 학습소감
리액트 환경을 통해 자바스크립트와 html을 통시에 활용하는것을 배웠는데 리액트 환경을 만드는 단계만 조금 복잡하고 환경을 만든 후에는 재미있게 실습을 할 수 있었다.