[TDL] 06/24 Today's-Done-List

- leetcode array and string 복습

지난번에 어렵다고 생각했던 Add Binary와 Longest Common Prefix 문제들을 복습하였음.
Longest Common Prefix는 이번에는 괜찮았는데,
Add Binary는 다른 사람들의 코드를 봐도 이해가 잘 안 되는 부분들이 있어서 다음번에 다시 풀어보자.

https://www.youtube.com/watch?v=6axItxXHouA

https://www.youtube.com/watch?v=IWok_vEB3I0

https://www.youtube.com/watch?v=NBrgHratVPE

---

- 제로베이스 JS스터디 미션 4

구조를 하나하나 다시 뜯어보면서 몇몇 부분 수정을 하였더니, 해결되지 않던 부분들이 해결되는 중이다!
천천히지만 계속 나아가고 있다! 칭찬해!

기존의 코드에서는 html 동적 생성을 하면서
동시에 데이터를 업데이트해주는 코드를 구현하였는데,
어떤 이유 때문인지는 정확히는 모르겠지만,
아무래도 업데이트되는 부분에서 제대로 렌더를 못해서
이벤트가 아예 먹히질 않았다.

 

바뀐 코드에서는 먼저 html 동적 코드를 생성해주고,
오른쪽의 코드는 renderDate라는 함수를 따로 만들고, 그 안에서 작동시켰음.

코드를 여러 번 작성하지 않으려고 고민 끝에 백틱 안에 넣은 건데 이거에 발목 잡힐 줄은 몰랐다...ㅠ

---

오후 회고 스터디 (만족도 : 6)

4시 이후부터 개인 일정으로 인해 오래는 못했지만, 집중도는 괜찮았기에 만족도는 6점 주면 될 것 같음.

---

- 제로베이스 JS스터디 미션 4

1. 이제 달력 부분에서 일요일만 빨간색으로 font color를 바꾸는 것을 하면 되는데,
생각보다 구현하기가 어려워서 애먹고 있는 중이다. 내가 너무 어렵게 생각하고 있는 걸까..?
어떻게 해야 구현이 될지 감이 안 잡힌다.

2. 달력 부분에서 헤매고 삽질하는 부분을 스킵하고 date-picker 먼저 구현하였다.
자식 요소인 달력에서 날짜를 클릭하면 input으로 생성한 부모 요소 date-picker의 value값에 클릭한 날짜가 나타나는 부분이 생각보다 잘 풀렸다. 잘 풀렸다기엔 사실 요리조리 시도해봤지만...
그래도 나름 손쉽게 미션 3에서 활용했던 커스텀 이벤트를 사용하여 구현 완료!
모든 과제를 끝내면, 커스텀 이벤트 관련 TIL 작성할 예정.

---

22:50 저녁 회고 스터디 (만족도 : 8)

date-picker 부분은 생각한 대로 구현이 잘 된 편이라 저녁 파트는 재미있게 코딩했던 것 같아서 만족도는 8점 하겠음!
2점을 뺀 이유는 아직 구현하지 못한 달력 부분ㅠ