일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- useEffect
- 동기
- 라우팅
- updater
- qwe
- 배포
- 후기
- react
- 비동기
- 채팅방
- FileReader
- 7기
- rendering
- Redux
- 미리보기
- 접근 제한 라우팅
- setstate
- 브라우저 렌더링
- CI/CD
- 개발
- S3
- previousState
- routing
- 항해99
- Github Actions
- 스파르타코딩클럽
- route
- socket.io
- imagePreview
- Preview
- Today
- Total
목록전체 글 (105)
삐옹
렌더링렌더링.. 그 놈의 렌더링 플젝하다가.. 내가 짠 코드에 state나 일반 변수들 이러저리 쓰다보니, 객체에 값이 없다(undefined)는 빨간 메시지를 종종 보게 된다. 리액트의 라이프싸이클을 생각않고 막 쓴거라 할 수 있겠다. 기억을 더듬을겸 관련 내용을 몇 장에 걸쳐 간단히 정리해본다. 렌더링? 렌더링 === (가장 최신 상태의)컴포넌트 호출 === 함수 호출 컴포넌트가 그려지는 과정을 알아야하는데 컴포넌트가 그려지려면 바로 이 렌더링이 필수적이다. 렌더링은 다음과 같은 경우에 일어난다. 앱 초기 실행 시(initial execution) state값이 변경 될 때(re-rendering) 앱 초기 실행시 : 리액트에서 우리가 짠 코드는 모두 App컴포넌트에 담겨 html에 root 엘리먼트..
일 다녀와서 낮잠까지 때려 밤 늦게 공부 시작 오늘 할 건 블로그 정리 플젝 home 화면 타이머 구현(타이머 작동, 설정 값 동기화 잘 되는지까지
어제 잔 낮잠 때문인지 오늘은 일찍 눈을 떴다. 역시 난 아침형인간인걸까? 오늘 뭐할거냐면. 코테 day6 프젝 진행 setting, home 페이지 mvp 완성 하여 커밋 배운 것 Javascript 얕은 복사: 기존 값과 복사한 값이 같은 주솟값을 참조한다. 그래서 복사한 값을 변경하면 기존 값에도 변경이 일어난다. 단 원시형은 항상 깊은 복사가 일어난다(slice로 실습해보면 1차원 배열or객체에 변경을 하면 기존값에 변경이 일어나지 않아 slice가 깊은 복사를 하는건가 싶을 수 있지만, 앞의 이유 때문에 그런 것이고 그 외 경우엔 모두 얕은 복사를 일으킨다.) ex) slice, Object,assign(), spread operator 깊은 복사: 복사한 객체는 객체 안의 객체까지 원본 객체와..