728x90 반응형 전체 글50 [script] 인터페이스란? 정말 쉽게 설명하기 인터페이스를 리모컨에 비유해서 설명해드릴게요! 리모컨 비유: TV 리모컨을 생각해보세요 리모컨에는 전원, 채널 변경, 볼륨 조절 버튼이 있죠? 우리는 TV의 복잡한 내부 회로를 알 필요 없이 리모컨만 사용하면 됩니다 이때 리모컨이 바로 "인터페이스"입니다 // 결제 시스템 인터페이스 예시const paymentService = { // 외부에서 사용할 수 있는 "버튼들" processPayment: (amount) => { /* ... */ }, refund: (amount) => { /* ... */ }, checkBalance: () => { /* ... */ }};실제 예시: const createPaymentProcessor = (type) => { // 내부 구현 (복.. 2025. 1. 14. [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] 전개구문 ... ... 설명 ... 는 JavaScript의 전개 구문(Spread Operator)입니다! 객체나 배열의 내용을 "펼쳐서" 가져오는 역할을 해요. // bird 객체const bird = { eat: () => console.log('먹기'), sleep: () => console.log('자기')};// 1. ... 없이 객체 합치기const penguin1 = { bird: bird, // bird 객체 전체가 bird라는 키의 값으로 들어감 swim: () => console.log('수영')};console.log(penguin1);// 결과:// {// bird: { eat: f(), sleep: f() },// swim: f()// }// .. 2025. 1. 11. 이전 1 2 3 4 ··· 13 다음 728x90 반응형