디자인 패턴29 [디자인-UI 컴포넌트 패턴 스터디] - 여섯 번째 미팅 (마지막) 2023년 11월 26일 일요일 디자인-UI 컴포넌트 패턴 스터디 여섯 번째 미팅을 가졌습니다. (마지막) 스터디 시작 전에 FE Conf 2023 몇 천 페이지 유저 가이드를 새로 만들며 세션 나머지 부분을 시청하고 이야기를 나눴습니다. UI 컴포넌트 렌더링 패턴 - Incremental Static Generation - Progressive Hydration - Streaming Server Side Rendering - React Server Components - Selective Hydration - The Island Architecture UI 컴포넌트 퍼포먼스 패턴 - 리소스 로딩 순서 최적화 - Static Import - Dynamic Import - Import On Visibili.. 2023. 11. 26. [디자인-UI 컴포넌트 패턴 스터디] - 다섯 번째 미팅 2023년 11월 18일 토요일 디자인-UI 컴포넌트 패턴 스터디 다섯 번째 미팅을 가졌습니다. 본격적으로 스터디 시작 전에 FE Conf 2023 몇 천 페이지 유저 가이드를 새로 만들며 세션 절반 정도를 시청하고 이야기를 나눴습니다. TS 디자인 패턴 (행동 패턴) - 템플릿 메서드 - 비지터 UI 컴포넌트 디자인 패턴 - 커맨드 UI 컴포넌트 렌더링 패턴 - 소개 (역사) - React.js의 개요 - Next.js의 개요 - 클라이언트 사이드 렌더링 - 서버 사이드 렌더링 - 정적 렌더링 이후 위와 같은 내용에 대해 살펴보면서 공유했습니다. TS 디자인 패턴에 대한 내용은 학습이 모두 끝이 났지만, 아무래도 실무 경험과 좀 더 내용에 대한 이해도가 오기 위해서는 더 숙련이 필요합니다. 그래서 스터.. 2023. 11. 22. [디자인-UI 컴포넌트 패턴 스터디] - 네 번째 미팅 2023년 11월 12일 일요일 디자인-UI 컴포넌트 패턴 스터디 네 번째 미팅을 가졌습니다. 스터디 시작 전에 아이스 브레이킹 영상으로 싱어게인3을 함께 봤습니다. 그리고 FE Conf 2023 영상이 유튜브에 업로드 완료되어 지난번에 절반 정도 시청한 부분부터 웹 그래픽 편집기 with Design Pattern 세션을 끝까지 살펴보면서 우리가 학습한 디자인 패턴의 실무 사례들에 대해 의견을 나눴습니다. 오늘 본격적인 스터디 내용은 다음과 같습니다. TS Design Patterns - 행동 패턴 5가지 - Mediator - Mememto - Observer - State - Strategy UI Component Patterns - Design Patterns 5가지 -Render Props -.. 2023. 11. 13. [TS Design Patterns] 행동 패턴 - 방문자 Visitor - 알고리즘들을 그들이 작동하는 객체들로부터 분리할 수 있음 - 기존 코드를 변경하지 않고 기존 클래스 계층 구조에 새로운 행동들을 추가할 수 있도록 함 - 복잡하고 적용 범위가 좁음 - 예시 /** * The Component interface declares an `accept` method that should take the base * visitor interface as an argument. */ interface Component { accept(visitor: Visitor): void; } /** * Each Concrete Component must implement the `accept` method in such a way that * it calls the visi.. 2023. 11. 12. 이전 1 2 3 4 ··· 8 다음 반응형