반응형 전체 글280 💿 상태 패턴 🕹️ 상태 패턴이란객체의 상태를 조건문으로 검사해서 행위를 달리하는것이 아닌상태를 객체화 하여 상태가 행동할 수 있도록 위임하는 패턴.객체의 상태에 따라 행동을 변경videoPlayer를 상태패턴 만들기VideoPlay클래스를 통해 상태를 인자로 받고, setState를 통해 상태를 바꾸도록 한다class VideoPlay { constructor(state) { // Object.create를 통해 새로운 객체로 받고, Object.assign을 통해 객체복사를 진행한다 this.state = Object.create(Object.assign({ videoplayer: this }, state)); } setState(state) { this.state = Object.creat.. 2024. 11. 25. 🌠 11월 4주차 회고 📹 클래스 다이어그램 알아보기이번에 상태패턴,전략패턴을 알아보면서, 이것을 도식화 해야겠다는 생각이 들었다. 그럴때 보통 다이어그램을 쓰는데, 사실 들은적은 있지만, 쓰는법에 대해서는 잘 알지 못하였다.그래서 다이어그램 쓰는법에 대해 정리를 하고 패턴 사용시에 다이어그램 기반으로 설명해보자 🔬 비슷한 로직을 어떻게 효율적으로 만들것인가비슷한 로직이 존재할때 공통으로 만드는 경우가 많다. 그리고 공통안에서 if/else으로 처리하는 경우가 있는데, if/else보다는 좀 더 효율정인 방법을 찾아보도록하자. 그리고 연습을 통해 시간이 부족하더라고 만들수 있는 능력을 길러보도록 하자 2024. 11. 24. ❄️ 전략 패턴 🥹 전략 패턴이란여기저기 조사한 바로는 전략패턴은 아래와같다동일 계열의 알고리즘을 정의하고,각 알고리즘을 캡슐화하여,상호교환 가능하도록 만든다. 비슷한 계열의 객체를 if/else문 대신에, 객체의 메소드를 호출하는 방식으로 이해가 된다.다만 이렇게 했을때는 if/else으로 하지 않는 장점은 있지만, 객체수가 늘어난다. 😚 if/else으로 작성Video라는 객체가 있고, play 메소드에서는 생성자에서 어떤값을 받느냐에 따라 log가 다르게 나온다.그것을 If/else 문으로 작성하면 아래와 같다class Video { constructor(videoType) { this.videoType = videoType; } play() { if (this.videoType === "St.. 2024. 11. 19. 🧁 인터페이스 🫘 인터페이스란컴퓨터세상에서의 인터페이스는 상호간의 규칙이며, 타입스크립트에서는 여러가지 타입으로 이루어진 새로운 타입.여러가지의 프로퍼티와 메소드들로 이루어질수 있음. 클래스와 차이는 인스턴스를 새로 생성하지 않음 ☕️ 인터페이스 생성name과 age를 가진 PersonInterface를 생성한다person2를 가지는 함수는 PersonInterface타입만 받을 수 있다.그리하여 personObject는 name,age를 가진 객체를 person2함수의 매개변수로 넣어주었다.이러한 방식으로 객체의 타입을 추론할 수 있다.// 인터페이스 생성interface PersonInterface{ name:string, age:number}function person2(person:PersonIn.. 2024. 11. 17. 이전 1 ··· 17 18 19 20 21 22 23 ··· 70 다음 반응형