2주차 미션: React-Todo
세오스 2주차를 마무리하며...
리액트로 구현하면 쉽지 않을까 생각했던 난 바봉 멍충이,,,
내 기억력은 휘발성이 미쳤다
요상하고 잡다한 건 잘 기억하면서 왜 공부는 기억을 못 하지ㅋㅋ 켘ㅋ
이번 과제하면서 아쉬운 점이 많았다.. 뭔가 렌더링 최적화도 멋있게 딱!!딱!! 하고 싶었고
useEffect도 쉬리릭 쓰면서 휘황찬란하게 코딩해서 멋찌게 제출하는 나를 상상했지만 따흑.....
다음 주는 타입스크립트 쓰는 것 같던데 난 망해따 헤헤 얼른 공부나 하고 있어야지 에휴우웅....
새롭게 알게 된 부분 & 어려웠던 부분
1. rendering 두 번씩...
[React] console 2번씩 찍히는 이유(렌더링 2번씩 되는 이유)
React 를 가지고 콘솔을 찍을 때마다 2번씩 찍히는 이유가 궁금해졌다.render를 배우고 나니 그러면 랜더가 두번씩 되는 것인데, 왜 두번씩 되는걸까?🤔구글링하니 답은 금방 나왔다.index.js에서 우
velog.io
오늘의 에러
리액트로 프로젝트를 진행하다보니 console창에서Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your
velog.io
응... 그렇다.. 이런 에러가 있었고...
2. GlobalStyle
Styled-Components 에서 createGlobalStyle 사용하기
Styled-Components에서 margin: 0, padding: 0, font-family 같이 Global한 속성들을 적용시킬 수 있게 해주는 방법이 있다.우선 createGlobalStyle 을 import 해준다.그 다음 GlobalStyle 을 생성해준다
velog.io
얘는 진짜 유용한 것 같다.
따로 globalStyle 파일 만들어서 넣고 쓰니까 편리한 듯!!!!
약간 얼렁뚱땅 돌아간 것 같아서 다시 코드를 좀 살펴봐야 할 것 같다.
이게 왜 되는 거지? 이게 왜 안 되는 거지? 를 무한 반복하며 어질어질 넘겨버린 것들이 있었는데...
아아아 핑계가 아니고 이번 주 진짜 스케쥴이 헬이라서 그랬다ㅠㅠㅠㅠ으앙 좀 제대로 하고싶었는데!!!
코드 다시 보고 새롭게 알게 됐던 거(?) 발견하면 다시 와서 수정해야지...
아 그리고 hooks 공부 좀 더 해야할 것 같다...암만봐도........
뭐 암툰 이번 주도 쉽지 않았다는 거... 그거 하나는 확실하다...
이번에 발표도 있어서 노션에 열심히 쓰느라 여기까지.....
'CEOS_Front' 카테고리의 다른 글
| react-messenger-refactoring (1) | 2023.10.15 |
|---|---|
| react-todo-refactoring (1) | 2023.10.05 |
| Week_5,6 (0) | 2023.05.22 |
| Week_3,4 (1) | 2023.05.08 |
| Week_1 (1) | 2023.03.19 |