23.07.04(화)

하루 요약

1. 10시 ~ 22시 : 공유 오피스
2. 22시 ~ 23시 : 운동

오늘 한 일

1. Gloddy 개발
   1. Setting : Label 자동 부여 - Github Action
   2. Page : 회원가입 - 프로필 사진, 닉네임, 생년월일, 성별 입력 화면 (Step4) #53
2. 아티클 읽기
   1. 프론트엔드 아키텍처, 디자인 패턴
   2. SOLID 원칙
3. DND 회의

오늘 배운 내용 요약

1. MVC패턴 : Model(데이터)가 View(화면)에 직접 접근하지 않고 Controller를 통해 접근하는 패턴
   1. Controller : View와 밀접한 연결을 가짐
2. MVVM패턴 : Model(데이터)가 View(화면)에 직접 접근하지 않고 ViewModel을 통해 접근하는 패턴
   1. ViewModel : View에 대해 알지 못함
3. 컴포넌트 패턴 : 컴포넌트를 만들고, 컴포넌트를 조립하여 하나의 화면을 구성(Bottom-Up)
4. FLUX 패턴 : 하위 컴포넌트로 데이터를 전달하는 방식인 Props Drilling의 단점을 보완하고자 나온 형태
   • 데이터를 한 곳에 모아두고(Store) 그 데이터를 필요로 하는 컴포넌트들이 직접 데이터를 가져가는 패턴
   • View에서 사용자 입력을 기반으로 Action을 만들고 Action을 Dispatcher에 전달하여 Store(Model)의 데이터를 변경한 뒤 View에 반영하는 단방향의 흐름으로 애플리케이션을 만드는 아키텍처
   • 위와같은 단방향 Cycle 사용
5. Atomic Design : 화면을 구성하는 최소 단위인 Atom < Molecule < Organism < Template < Page로 구성하는 방법론

추가로 학습할 것

• MVC패턴과 MVVM패턴, 아직도 헷갈린다.

오늘의 생각

내가 평소에 사용하던 방식은 컴포넌트 단위로 제작하는 Component 패턴, Atom Design이었다. 그 외의 다른 패턴은 어떤 게 있을까? 다른 패턴에 대한 흥미도 생겼다. 내일은 다른 패턴에 대해서도 알아봐야겠다.

Github Action을 이용하여 Auto Labeling, Auto MileStone을 설정해보았다. 너무나 단순하고, 작은 변화임에도 상당히 편해질 것을 예상할 수 있었다. 이런 단순한 노가다 부분은 자동화하면 몸이 편해지는구나. 앞으로 이렇게 자동화할 수 있는 것에 대해 많이 찾아보고 공부해봐야겠다.