1/31 TIL | 쉼표 작업 일지 #26. 결제 페이지 작업 & 『코어 자바스크립트』 북스터디 시작!

🔙 이전 시리즈

1/30 TIL | 쉼표 작업 일지 #25. 다 놀았니? 이제 할 일을 하자. 예약 화면 완성!

---

작업 회고

1. 결제하기 페이지 마크업 및 스타일링

결제하기 페이지 작업 현황

우선 어제 예약 프로세스 페이지 3개를 완성하여 PR을 날린 후, 결제 프로세스 작업을 시작하였다. 근데 역시나 대망의 결제 페이지.. 마크업부터 어렵더라.. 스타일링은 이전 페이지들과 겹치는 UI는 가져다 쓰고, 새롭게 해야 하는 부분은 아직 하지 않고, 마크업부터 먼저 해치우려고 한다.

마크업이 힘들다고 느낀 적은 없었는데.. 오늘은 체크박스나 드롭다운 관련해서 어떻게 처리할지를 고민하다 마크업이 꽤 오래 걸렸다. 무튼 그래도 결제 프로세스 중에 가장 분량이 많은 것을 마크업 완료하였으니, 이제 남은 페이지도 후딱 작업하고 바로 스타일링까지 끝내야 서버 작업을 진행할 수 있다. 빨리 속도를 내서 내일은 모든 페이지 스타일링까지 완료해 보자!

2. 『코어 자바스크립트』 북스터디 시작!

꽤 먼 미래인 줄 알았는데, 금방 다가온 북스터디 첫날! 역시나 몸풀기인 1장은 쉽게 이해할 수 있었다. 1년 전에 읽을 때 이해가지 않았던 부분들을 다 찾아서 주석처럼 적어뒀었는데, 이번에 다시 읽으면서 그 주석을 읽지 않고도 모든 내용을 이해할 수 있게 되었다는 걸 깨달았다. 그래도 1년 사이에 많은 발전이 있었구나 싶었고 주석을 열심히 달아놓은 덕분에 이번엔 약간 족집게 족보 보듯이 읽을 수 있어 좋았다.

1년 전, ?? 와 열심히 달아뒀던 주석들..

흘려보내지 않고 다시금 기억해야 할 부분을 한번 더 적어두자면, 아래와 같다.

- 얕은 복사는 바로 아래 단계의 값만 복사하는 방법이고, 깊은 복사는 내부의 모든 값을 하나하나 찾아서 전부 복사하는 방법이다. 중첩된 객체에서 참조형 데이터가 저장된 프로퍼티를 복사할 때 그 주솟값만 복사한다. 그러면 해당 프로퍼티에 대해 원본과 사본이 모두 동일한 참조형 데이터의 주소를 가리키게 된다. 즉, 사본을 바꾸면 원본도 바뀌고, 원본을 바꾸면 사본도 바뀐다(→ 얕은 복사의 문제점). - 25p
- JSON.stringify()를 통해서 간단하게 깊은 복사를 구현할 수 있다. - 28p
- 비어있는 요소는 순회와 관련된 많은 배열 메서드들의 순회 대상에서 제외된다. - 31p

---

어제 자기 전에 무심코 핸드폰을 봤다가 새벽 2시에 잠들었더니 오늘 컨디션 + 집중력이 역시나 엉망이었다. 역시 뇌과학적으로 자기 전에 보는 스마트폰은 정말 몸에 해롭다. 그래서 오늘은 진짜 자기 전에 핸드폰을 보지 않으려고 한다! 정말로 시간이 얼마 남지 않았다. 하고 나서 매번 후회했던 행동들을 되풀이하지 말고, 좋은 컨디션을 유지할 수 있게 노력하자! 정신 차려~ 이 각박한 세상 속에서!