오전
- 알람이 10분간격으로 울리는데 끄질 않아서 2시간은 잠을 설쳤고 일어났을 때 너무 피곤했다.
- 결과적으로 스벅에 11시가 돼서야 도착했다.
- 오늘도 JS튜토리얼 JSON과 메서드 한 챕터를 정독했다. 집중도 잘했다.
- 코딩의기술(책) 조건문 챕터도 읽었다. 코린이시절엔 이해가 1도 안됐는데 이젠 눈으로만 봐도 이해가 된다. 신기하다.
- 타입스크립트를 프로젝트에 적용해나가면서 이론공부를 진행하고 싶어서 강의는 pause한 상태이다.
오후
- 집에와서 과거 이력서/프로젝트 피드백을 정리하는데 달라진게 없는 것 같았다.
- 그래서 나름의 타겟팅을 위해 원티드 공고를 보고 자격요건을 정리했다.
- 이제야 눈에 보이는 것들이 있었고 뭘해야할지 알았다. 그렇기 때문에 공부해야할게 많다.
-
그 중심엔 프로젝트가 있다.. 저녁먹고 쭉 프로젝트를 만졌다. 오늘 처리한 이슈는 모바일화면에서 사이드바 햄버거메뉴를 클릭했을때 와이드 사이드바가 모달처리되는데 그럴때 탑서치바/네브바가 상단에 고정되지 않는다.
-
문제해결이랄 것 까진 없지만, 컴포넌트의 구조에 대해 다시 생각해봤고, 상태변화가 됐을때 삼항연산자 조건식이 true일 때 class 속성으로
filter: brightness(50%)를 적용해주는 것을 Pages(상위 컴포넌트)에서 모두 해주고있는데, 탑바는 하위 컴포넌트에 있는 것이 문제였다. -
때문에 isPc(웹/모바일 구분해주는 인수), callSideBarMenu(햄버거메뉴 클릭유무를 구분해주는 인수)를 직접 HomePage, SearchPage 등에 내려줘서 조건식을 적용해주었고, 탑바에는 별개로 조건식을 적용해주었다.
-
결과적으로 모달처리가 잘 된다! 코드가 지저분해졌는데 추후에 모달을 커스텀훅으로 만들어서 간단하게 처리해봐야겠다.
-
그리고 현재 DB로 파이어베이스를 사용하고있는데, MongoDB와의 차이점이 궁금해서 찾아보기도하고 튜터님께 질문도 했다.
-
직관적인 차이는 모르겠지만, 둘다 NoSQL언어인데, 개인프로젝트땐 직접 값을 입력하지 않아도 DB에 JSON포맷을 사용해 정보를 저장할 수 있는 파이어베이스를 사용하고, 추후 팀프로젝트때 MongoDB를 공부하여 사용해보는 것으로 해야겠다.
☑️ 참고
Superduper-India