한 것
: 리액트 컴포넌트 분리
버튼이 클릭 되었을 때 클릭 이벤트가 실행되도록 구현
라이브러리의 임포트와 로컬 파일 임포트 구분
배운 것
: if를 사용해서 리턴하는 법을 배웠다. vscode에도 에러가 없을때 웹에서 에러가 있을때 npm run test:e2e를 이용해서 좀 더 자세하게 에러난 부분을 확인 할 수 있는 것을 알게 되었다.
function handleClick(value) {
setState({
count: count + value,
});
}
이 부분은 원래 value 대신에 increase를 썼었는데 +랑 의도가 중복 된다구 하셔서 수정한 것! 이렇게 사소한 것들도 신경 써줘야되는구나 생각했다.
리액트 훅이라는 것도 첨 배운거고 Input을 할때 change는 이벤트를 돌려준다는 것도 알게되었다.
느낀 것
: 과제 1까지는 생각해가면서 겨우 했는데 과제2는 너무 어려웠다..ㅜ 이번주에도 결국 과제2는 과제 풀이 영상을 보고(한번에 이해가 안돼서 여러번 본,,) 겨우 해결을 했다. 그리고 회고 쓸 때도 무엇을 배웠고 무엇을 했는지 생각이 나지 않아서 너무 힘들다.. 아직 용어 같은것도 너무 어렵고 잘 모르겠고 리액트 공식문서 보고 따로 정리 해봐도 넘 어렵다.. 과제 1하는데도 시간이 너무 오래 걸려서 과제2는 결국 따라가지 못하는 것 같아서 속상하다..ㅜ 그래도 꾸역꾸역해가면서 조금씩 이해가 되는게 잼난다.. 코드가 오류 없이 쓱 돌아가면 엄청 기쁘다가도 바로 다음에 오류나면 너무 화난다... ... 내가 코딩하는 건 바퀴 빠진 자동차를 뒤에서 0.01mm씩 밀면서 가는 느낌.. 그래도 저번주에 비해서 좀 나아진 것 같아서 다행인것 같다ㅜ
목표
: 시간 투자를 더 해서 엄청나게 많ㅇㅣ 공부해야겠다.. 자료도 더 찾아보고 책도 읽고..
'CODESOOM' 카테고리의 다른 글
CODESOOM: REACT-3 (0) | 2021.05.25 |
---|---|
CODESOOM: REACT -2 (0) | 2021.05.17 |
CODESOOM: REACT -1 (0) | 2021.05.12 |
CODESOOM: REACT -3 (0) | 2021.02.07 |
CODESOOM: REACT -1 (0) | 2021.01.25 |
댓글