[TDL] 07/07 Today's-Done-List

- 제로베이스 JS 강의

stop-watch 구현

오늘은 클래스 형식으로 stop-watch를 구현하는 강의를 보고, 혼자서도 구현해보았음.
이번에는 갑자기 왜 클래스 형식으로 구현하는지 궁금했는데 강사님이 그냥 클래스가 편할 거 같아서 이번에는 클래스로 구현한다고만 말하셔서; 왜 stop-watch를 구현할 때의 어느 부분이 클래스 형식으로 구현하는 것이 더 좋을지를 속 시원하게 듣지 못하였음.

개인적인 생각으로는 이번 stop-watch는 start, stop, reset 기능을 구현하는 것이었는데,
세 기능이 동일한 종류의 객체를 여러 개 생성해야 하는 경우이므로 new 연산자와 모던 JS에 도입된 class 문법을 사용하였다고 생각한다.

클래스 문법을 사용하면 객체 지향 프로그래밍에서 사용되는 다양한 기능을 자바스크립트에서도 사용할 수 있다.

클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메서드를 정의하는 일종의 틀로, 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다.

https://ko.javascript.info/class

클래스와 기본 문법

---

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

어제 스터디 카페에서 너무 추웠는데, 냉방병에 걸렸는지 어젯밤부터 몸이 안 좋아서 오늘은 조금 쉬어가는 느낌으로다가 공부를 하였다.

강의만 들으면 지루할 수 있고, 졸릴 수 있는데 그럴 때마다 js강의 듣고, 따라 구현해보면 확실히 잠이 좀 깨는 것 같아서 리프레쉬되고 딱 좋다ㅎ.ㅎ

실습 JS강의를 다 듣은 후 아마도 TS 이론 강의를 들을 예정인데, TS를 열심히 배워서 구현한 JS 프로젝트들을 TS로 마이그레이션 해보면 좋을 것 같다는 생각이 든다. 되게 많이 배울 수 있을 거니깐, 생각만 하지 말고 꼭 실행에 옮겨보자!

---

- 제로베이스 REACT 강의

props	state
부모 컴포넌트가 자식 컴포넌트에게 전달 하는 값	자신(컴포넌트)이 스스로 관리하는 상태값
값을 자신(자식 컴포넌트)이 변경할 수 없음	값을 자신이 변경할 수 있음
props를 통해 값을 내려 받거나, 자신이 관리하고 있는 state 가 변경되면 컴포넌트 렌더링이 발생한다.

---

저녁 회고 스터디 (만족도 : 6)

약 먹어서 그런지 계속 몽롱한 상태로 보냈음.
내일은 저녁에 일정이 있어서 약 3-4시까지만 공부할 것 같은데,  목표를 다 달성하고 오늘 못했던 부분들도 채워보자.

---