디자인 패턴 스터디를 진행하고 있는데,내용을 정리하고자 한다.MVC 패턴정의MVC는 애플리케이션을 세 가지 주요 컴포넌트로 분리하는 아키텍처 패턴Model: 데이터와 비즈니스 로직View: 사용자 인터페이스(UI)Controller: Model과 View 사이의 상호작용 관리특징관심사의 분리Model: 데이터 처리View: 사용자 인터페이스Controller: 로직 처리 및 조정데이터 흐름 User → Controller → Model → View → User각 컴포넌트 책임Model // 데이터 구조와 비즈니스 로직 class PhotoModel { private photos: Photo[] = []; async fetchPhotos() { this.photos = await api.ge..
성능을 고려하는 개발자라면,데이터를 어떻게 관리해야하는게 좋을지 고민해봐야 할 것이다.(사실 나는 이제서야 처음으로 생각해보는 것 같다.)JS에서 데이터를 어떻게 관리하는 것이 좋을까?JavaScript에서 데이터를 관리하는 방법은 여러 가지가 있으며, 각 방법은 특정 상황에서 장단점이 있다.이번 글에서는 Array, Object, Map, Set의 정의와 특징, 그리고 각각의 예시를 통해 어떻게 활용할 수 있는지 살펴보겠다.type 정의(공통)type NoticeItem = { key: string; subject: string; content: string; createDate: string; createBy: string;};1. Array정의Array는 순서가 있는 데이터의 집합으로, 인..
문제https://www.acmicpc.net/problem/6105 풀이1. Node.js(fs)const fs = require('fs');const input = fs.readFileSync('/dev/stdin').toString().trim().split('\n');const N = parseInt(input[0]);const heights = input.slice(1).map(Number);function findLookUp(heights) { const stack = []; const result = new Array(N).fill(0); for (let i = N - 1; i >= 0; i--) { while (stack.length > 0 && heights[..
문제https://www.acmicpc.net/problem/5966 풀이1. Node.js(fs)const fs = require('fs');const input = fs.readFileSync('/dev/stdin').toString().trim().split('\n');const N = parseInt(input[0]);function isLegal(pattern) { const stack = []; for (let char of pattern) { if (char === '>') { stack.push(char); } else if (char === '') { return false; } ..
