기록저장소

요즘 IT,  velog  등등 IT 정보는 넘치는데 흘려보내는 것들이 많아서 정리해두는 기록   ⛔ 개발자가 본 ‘AI 글쓰기’ 실패 원인부터 해결책까지 https://yozm.wishket.com/magazine/detail/2941  ⛔ 비전공자가 신입 데이터 분석가로 취업할 수 있을까요? https://yozm.wishket.com/magazine/detail/2940  ⛔ Golden Kubestronaut로 가는 길: 원조 Kubestronaut 편 https://yozm.wishket.com/magazine/detail/2939  ⛔ 나만의 업무 꿀팁 ‘컬렉션’, 동료들과 함께 나눠요 https://yozm.wishket.com/magazine/detail/2937  ⛔ 올해 신년 운세는 ..

요즘 IT,  velog  등등 IT 정보는 넘치는데 흘려보내는 것들이 많아서 정리해두는 기록  ✅  레고 인터페이스 패널로 알아보는 UX 단순한 레고의 디자인은 실생활(ex.조종기, 자동차 버튼)에서 차별화된 버튼의 역할을 담고 있음입력의 차별화는 형태, 크기, 질감, 위치, 조작 코딩의 접근법이 있음, 입력의 조직화는 공통항목을 식별하는 게슈탈트 법칙*이 적용됨=> 가장 좋은(선호하는) 인터페이스: 명확하게 차별화된 입력과 간단하고 깔끔한 조직화를 갖춘 시각적인 레이아웃읽은 글 : https://velog.io/@typo/the-ux-of-lego-interface-panels* 게슈탈트 법칙: 인간의 개별이 아닌 전체 패턴, 구조로 요소를 지각하고 구조화하는 방식을 설명하는 심리학 이론   ✅   ..

프로토타입한번 만들어진 프로토타입을 복제해서 사용할 수 있도록 const a = new A(1,2,3,4,5);const a2 = new A(1,20,3,40,5);//조금다르고 거의 비슷한 경우//일부만 수정const a3 = a.clone();a3.two = 20;a3.four = 40;//포로토타입const veryHeavy = {very:'heavy'};const a = new A(veryHeavy);const a2 = a.clone();//외부에 별도로 두지 않음const a = new A({very:'heavy'});const a2 = a.clone();주의 ) 깊은복사를 잘 못 복사해서 원복객체도 수정되는 오류 주의, 부모의 private 값은 복사 x

빌더복잡한 객체의 생성과정을 단계별로 제어하고 캡슐화하여 다양한 구성의 객체 생성,많은 선택적 매개변수를 가진 객체 생성시 코드 가독성과 유지보수성 향상interface Btn { //버튼 필요요소 name: string; type: string; onClick: () => void;}interface Input{ //input 필요요소 name: string; type: string; onChange: () => void; value: string|number;}//확정된 필요요소가 아니라서 유연하게 만들고자 함↓class GrimpanMenuBtn{ private name: string; private type: string; private onClick?: () => void; pri..

추상 팩토리 : 여러 객체가 묶인 세트의 생성에 대한 패턴, 추가되어도 기존것들을 수정하지 않음//메뉴 세트//기본 메뉴를 override해서 해당 브라우저 메뉴 생성//기존 코드를 수정하지 않음! : OCP 지킴//GrimpanMenu.tsimport Grimpan from "./AbstractGrimpan.js";import IEGrimpan from "./IEGrimpan.js";import ChromeGrimpan from "./ChromeGrimpan.js";export abstract class GrimpanMenu { grimpan: Grimpan; protected constructor(grimpan: Grimpan) { this.grimpan = grimpan; } abstr..

팩토리 메서드 : 클래스와 클라이언트 사이에 팩토리라는 중간자를 두고 독립된 요소로 분리//AbstractGrimpanFactory.tsimport Grimpan from './AbstractGrimpan';abstract class AbstractGrimpanFactory { abstract createGrimpan(): Grimpan; //추상그림판을 가져와야함 (IEGrimpan x, ChromeGrimpan x) //createGrimpan을 무조건 상속해서 override해야함 };}export default AbstractGrimpanFactory;* Abstract : 일반 class가 abstract class를 상속받을 수 있음, abstract가 아닌 요소도 수용해서 abstrac..

싱글턴 (Singleton)단 하나만 존재해야 할 때, 하나의 클래스가 단 하나의 인스턴스만 생성되도록  보장ex) 다크모드 문제 예시//class와 instance가 분리되어 있어서 상태관리가 어려움let instance: Grimpan;class Grimpan { constructor(canvas: HTMLElement | null){ if (!canvas || !(canvas instanceof HTMLElement)){ throw new Error('canvas 엘리먼트를 입력하세요.'); } } initialize(){} initializeMenu(){}}new Grimpan(document.querySelector('#canva..

SOLID 원칙소프트웨어 작업에서 코드를 리팩터링하여 읽기 쉽고 확장하기 쉽게 적용하는 지침 두문자약어개념SSRP단일 책임 원칙 (Single responsibility principle) : 한 클래스는 하나의 책임만 가진다.OOCP개방/폐쇄 원칙 (Open/closed principle): 소프트웨어 요소는 확장에는 열려있으나 변경에는 닫혀있어야 한다.LLSP리스코프 치환 원칙 (Liskov substitution principle): 프로그램의 객체는 프로그램의 정확성을 깨지않으면서 하위 타입의 인스턴스로 바꿀 수 있어야 한다.IISP인터페이스 분리 원칙 (Interface segregation principle): 특정 클라이언트를 위한 인터페이스 여러개가 범용 인스턴스 하나보다 낫다.DDIP의존..

디자인 패턴소프트웨어 개발에서 반복적으로 발생하는 문제해결을 위해 제안된 재사용 가능한 설계 방법이나 해결 방법 사용이유?코드 재사용성: 검증된 해결책을 적용하여 개발 속도 향상코드 가독성 및 유지보수성: 명확한 구조와 의도, 협업과 유지보수 용이일관성: 동일한 패턴 이해로 코드 품질 향상 종류?1. 생성 패턴 (Creational Pattern) : 객체 생성 방법과 과정을 캡슐화하여 유연하고 재사용 가능하게 만드는 패턴- 싱글턴 패턴 (Singleton) : 한 클래스에 하나의 인스턴트만 존재하도록 보장- 심플 팩토리 패턴 (Simple Factory Pattern) : 객체 생성 로직 캡슐화로 특정 클래스 인스턴스 반환- 팩토리 메서드 패턴 (Factory Method) : 객체 생성을 서브클래스에..

요즘 IT,  velog  등등 IT 정보는 넘치는데 흘려보내는 것들이 많아서 정리해두는 기록✅ 읽기/요약 완료 상태⛔ 아직/미처 읽어보지 못한 상태➕ 유용한 사이트📌 다시봐도 좋을 글  ⛔  [10분 테코톡] 웨디의 프론트엔드에서의 에러 처리https://www.youtube.com/watch?v=RvsMwyysUHI  ⛔  Floating Navigation Menuhttps://blog.naver.com/rdh6327/223689396654  ⛔  Caro-Kann으로 간단?하게 알아보는 전역 상태 고급 원리https://cafe.naver.com/winterlood/242  ⛔  5년동안 집에서 서버를 운영한 썰https://docs.google.com/presentation/d/e/2PACX-..