가수면
기능 마무리 본문
최적화와 컴포넌트를 쪼개는 것에 대한 고민은 기획 단계에서부터 했었던 고민들이다.
그러나 기능부터, 기능부터라며 차일피일 미뤄왔던 것들...
이젠 그 작업이 코앞으로 다가온 것이다!
light house 점수가 낮게 나와 걱정이 크지만...리팩토링 하다보면 나아지겠지...?
이번 주 한 작업
- 컴파운드 패턴의 모달 만들기
- 수정 되거나 추가 된 디자인 반영
- 일기 설정 페이지 기능 구현
- 프로젝트에 PWA 적용
- 추가된 달력 기능 작업 중
트러블 슈팅
- 지난 주 모달이 자꾸 닫히던 오류 원인 해결 -
지난주 어디를 눌러도 모달이 꺼지던 문제가 발생했었는데, 모달을 새로 만들어 해결은 했었지만 끝내 찾지 못했었던 원인을 찾음.
부모 컴포넌트로부터 전파된 이벤트가 적용되던 것이었음.
- 도움을 받은 블로그 -
https://programmingsummaries.tistory.com/313
[JavaScript] JavaScript에서 이벤트 전파를 중단하는 네가지 방법
자바스크립트 이벤트 리스너에서 preventDefault() 와 stopPropagation() 그리고 return false 는 자바스크립트 프로그래밍을 할 때 이벤트 중단을 위해 자주 사용되는 코드들이다. 이벤트 중단 시에 사용되
programmingsummaries.tistory.com
- 컴파운드 컴포넌트 만들기 -
컴파운드 패턴의 레퍼런스들은 인터넷에 꽤 많았지만, 코드들을 봐도 도무지 모르겠었기에 내 것으로 만들기 위해 공부했었다.
딱 봐도 시니어 느낌인 듯한 코드들(바닐라 자바 스크립트가 마구 섞이고 처음 보는 코드들을 보면 컴파운드 외에 다른 패턴들도 섞인 것 같았다.)은 당연히 어려웠고, 현재 내 수준에서 맞도록 내 방식의 코드를 만드는 데 만족했다.
만드는 데도 꽤나 고생했었지만, 사용하는 데도 꽤나 어려움이 있었다!
https://jhchoi1182.tistory.com/139
모달 컴파운드 컴포넌트 제작기
Compound 합성. 하나의 컴포넌트를 잘게 쪼개 레고 블럭처럼 조립해 쓴다니, 이 얼마나 리액트 컨셉에 잘 맞아 떨어지는 패턴이란 말인가. 내가 컴파운드 패턴을 공부하기 시작한 데에는 몇 가지
jhchoi1182.tistory.com
'일지' 카테고리의 다른 글
| 프로젝트 마무리는 어디로... (1) | 2023.02.05 |
|---|---|
| 전역 상태 관리 Redux Vs React Query (0) | 2023.02.02 |
| 컴파운드 패턴 모달 적용기 (0) | 2023.01.27 |
| 중간 발표 (0) | 2023.01.22 |
| 쉽지 않다... (0) | 2023.01.15 |
