728x90 반응형 script12 [script] 캡슐화 약 캡슐처럼 생각해보기: 약 캡슐은 겉에 젤라틴 막이 있고, 안에 약이 들어있죠? 우리는 약의 내부 성분을 직접 만지지 않고, 캡슐 채로 사용합니다 캡슐이 내부 약을 보호하고 있는 거죠 코드에서의 캡슐화: // 캡슐화 예시 const createPaymentService = (processor) => { // 외부에서 직접 접근할 수 없는 processor return { // 외부에서 사용할 수 있는 인터페이스 processPayment: (amount) => processor.process(amount) };};const creditCardService = createPaymentService(creditCardProcessor);proce.. 2025. 1. 13. [script] 객체 리터럴 문법 { processPayment: (amount) => processor.process(amount) }는 하나의 객체를 만드는 것입니다. 더 쉽게 이해하기 위해 분해해보면: // 이렇게 쓴 것과 { processPayment: (amount) => processor.process(amount) }// 이렇게 쓴 것은 같아요 { processPayment: function(amount) { return processor.process(amount) }}실제 예시로 보면: // 객체를 만들어서 변수에 저장const myObject = { name: "John", // 일반적인 속성 sayHello: () => "Hi!" // 함수를.. 2025. 1. 12. [script] 디자인패턴 기본기 정리 - SOLID 법칙 https://youtu.be/4O6k9GN8FPo?si=ji-jjOpZPv5kbuuc >> 이 강의를 토대로 정리했습니다. 예제는 클로드를 통해 정리했습니다. 강의 정말 좋습니다 추천~ SOLID 원칙 1. Single Responsibility principle (SRP, 단일 책임 원칙)2. Open/ closed principle (OCP, 개발 / 폐쇄 원칙)3. Liskov substitution principle (LSP, 리스코프 치환 원칙)4. Interface segregation principle (ISP, 인터페이스 분리법칙)5. Dependency inversion principle (DIP, 의존성 역전 법칙) 1. Single Responsibility principl.. 2025. 1. 10. [three.js] 사다리꼴 모양 그리드 만들기. *사다리꼴 모양 그리드. *꼭지점으로 드레그해서 모양을 변경 시킬 수 있음. *여기 있는 숫자들로 선 개수를 조절할 수 있음. // 수직선 for (let i = 0; i 6; i++) { const ratio = i / 6; const points = []; const topX = lerp(controlPoints[0].x, controlPoints[1].x, ratio); const topY = lerp(controlPoints[0].y, controlPoints[1].y, ratio); const bottomX = lerp(controlPo.. 2025. 1. 7. 이전 1 2 3 다음 728x90 반응형