✔️ 오늘 한 일
- 도서관 다녀오기
- 정보처리산업기사 실기 접수
- 자바스크립트+리액트 디자인 패턴 도서 ch01-ch04
- 한입 리액트 강의 ch07
- 노마드 코더 자바스크립트 챌린지 2일차
➕ 학습한 내용
- 자식 컴포넌트 사이에서 state 값을 전달하고 싶을 때
자식 컴포넌트 사이에서는(즉 형제 컴포넌트) state값을 전달할 수 없다.
왜? 리액트는 단방향 데이터 흐름(One-way data flow)을 따르기 때문이다.
그럼 어떻게 전달할까? 공통된 부모 컴포넌트를 두고 부모 컴포넌트에 state를 선언한다.
그 값을 props로 전달 받으면 된다.
해당 방식을 상태 끌어올리기, 리프팅 업(lifting state up)이라고 한다.
- document.write를 사용하는 것이 왜 안티 패턴인가?
자바스크립트+리액트 디자인 패턴 도서 ch04장에서 나온 자바스크립트 안티 패턴 예시에 있는 내용인데, document.write는 사용해본적이 없어 찾아보게 되었다.
지금 mdn 문서의 document.write를 보면 권장하지 않음이라고 나온다.
사실 document.createElement를 제외하더라도 document.write 함수 자체가 안티 패턴이라고 한다.
document.write를 사용하면 html을 파싱하는 과정에서 중단이 발생하게 되고, 이때 기존 파일을 덮어씌우기 때문에 예외가 발생할 확률이 높다.
또한 여러 보안적 취약점과 현대 개발 방식(SPA) 등과 함께 사용하기에 부적절해 안티 패턴이라고 한다.
추가로 setTimeout에서 eval()함수를 동작하게 하는 것 역시 안티 패턴이라고 한다.
- CSS 회고 방식
4Ls, KPT 회고 방식에 대해서는 이미 알고 작성해본 경험이 있다.
CSS 회고 방식은 처음 들어보기도 하고 하루에 대한 회고를 하기에 적당한 분량이라 선택하게 되었다.
CSS 회고 방식은 Continue, Stop, Start로 KPT와 비슷한 양식이다.
단어 그대로 계속할 행동, 멈출(그만둘) 행동, 개선이 필요한 행동으로 구성된다.
참고: 애자일 회고의 4가지 방식
🔎 하루 회고 (CSS 회고)
Continue:
1. 집중 안될 때는 장소 옮겨다니면서 하기. 오늘도 시간 단위로 장소를 옮겨서 하니까 평소보다 많은 양을 할 수 있었다.
2. 타이머 맞추고 공부할 때 집중해서 하기. 오늘 맥북에 타이머 어플 깔고 해봤는데 평소보다 집중이 잘 됐다.
3. 날 응원해주는 사람들 생각하면서 꾸준히 포기하지 말고 계속 나아가기
Stop:
1. 늦게 잠들기. 늦게 잠들어서 늦게 일어나게 된다.
2. 공부 시작 전에 다른 행동 최소한의 시간으로 빠르게 끝내기. 노트북만 열면 메일 확인에 블로그 글 적고 하는 행동 타이머 맞춰두고 15-20분 내로 끝내고 바로 계획한 일 실행하자.
Start:
1. 아침 시간 알차게 사용하기
일어나서 바로 준비하고 나오자. 뒹굴거리는 시간만큼 아까운 시간도 없다.
2. 다음 날 계획 미리 작성해두기.
하루를 시작할 때 계획이 없으면 바로 할 일을 시작할 수 없으니까 미리 작성해두자.
3. 운동하기.
잠깐이라도 시간 내서 운동하기. 체력이 있어야 생활이 완만히 돌아감
'🗓️ TIL' 카테고리의 다른 글
| [TIL] 2025년 03월 26일 수요일 (1) | 2025.03.27 |
|---|
