본문 바로가기
반응형

전체 글 목록574

[Javascript] MVC, MVP, MVVM 간단히 비교하기 MVC전통적인 방식뷰에서 모델을 직접 참고함 -> 뷰에서 렌더링 시 모델의 정보를 사용컨트롤러는 뷰로부터 이벤트를 받아서 모델을 업데이트 해주는 역할// Model (데이터 및 로직 관리)class Model { constructor() { this.text = "Hello, MVC!"; } updateText(newText) { this.text = newText; }}// View (UI, Model 직접 참조)class View { constructor(model) { this.model = model; // ✅ View가 Model을 직접 참조 this.button = document.createElement("butt.. 2025. 3. 6.
[Javacript] 동기와 비동기, 이벤트 루프와 태스크 큐 동기 처리코드를 순차적으로 실행하는 방식앞의 작업이 완료될 때까지 다음 작업은 실행되지 않고 대기함직관적이고 코드 흐름을 이해하기 쉬우나, 오래 걸리는 작업이 전체 프로그램을 차단할 수 있음console.log("A");function syncTask() { for (let i = 0; i 비동기 처리특정 코드의 실행이 끝날 때까지 기다리지 않고 다음 코드를 즉시 실행하는 방식오래 걸리는 작업(네트워크 요청, 타이머 등)을 백그라운드로 넘기고, 그동안 다른 작업이 실행됨코드 흐름이 멈추지 않아 전체 프로그램의 성능이 향상됨console.log("A");setTimeout(() => { console.log("B");}, 1000); // 1초 후 실행console.log("C");// 출력 결과://.. 2025. 2. 23.
[독후감] 당신의 가격은 틀렸습니다 김유진 지음읽은 기간: 2025.02 물건, 상품의 가격은 어떻게 정해질까? 라는 호기심에 추천을 받고 읽어본 책이다. 이 책을 관통하고 있는 문장을 이렇게 표현할 수 있을 것 같다. "격을 높여서 그만큼의 가격을 더 받자" 책의 나머지 내용은 그에 대한 자세한 설명을 담고 있다.  가격의 의미가격 = 가치 + 격국밥이라는 '가치'는 동일하지만 종업원의 태도, 카페의 분위기, 재료의 품질에서 ‘격’의 차이를 만들어 낸다. 격을 높여 가격을 올려야 한다. 격을 높여 가격을 올리자, 어떻게?1. 상품마다 차별을 주자비즈니스석/이코노미석을 구분하는 것과 같은 원리이다.차별을 준다는게 절대 나쁜 의미가 아니다. 충분한 이유(더 많은 혜택과 서비스)만 있으면 사람들은 기꺼이 비용을 더 지불할 의사가 있다. 2. .. 2025. 2. 20.
[독후감] 마케팅 설계자 저자 러셀 브런슨읽은 기간: 2025.01~02  구매 유도를 위한 퍼널 설계 방식이 궁금해서 책을 읽게되었다.잘 만든 상품을 그저 진열대에 예쁘게 해놓는다고 물건이 저절로 팔리지 않는다. 고객이 알아서 그 상품의 가치를 먼저 알아보고 구매 결정을 하지 않기 때문이다. 그래서 고도화된 퍼널 설계가 필요하다. 비밀 공식저자가 말하는 '비밀 공식'이 있다. 다음과 같다."누구-어디에-미끼-결과"내가 꿈에 그리던 고객이 누구인지, 어디에 있는지 발견하는 것이 처음에 중요하다.그리고 그들에게 미끼를 던져야한다. 미끼는 '후크-스토리-제안'이라는 프레임워크를 따르는게 좋다.마지막으로 그들에게 어떤 독특한 결과를 줄 수 있을지 정해야 한다. '후크-스토리-제안' 프레임워크제안은 거부할 수 없는 제안을 해야 한다. .. 2025. 2. 14.
[자바스크립트] DOM과 이벤트 DOM이란- 웹 페이지를 트리 구조로 표현한 객체 모델- 브라우저는 HTML 문서를 파싱하여 DOM을 생성하고, 자바스크립트는 DOM을 통해 웹 페이지의 구조와 내용을 조작함DOM의 구조 Hello, DOM! This is a paragraph. Document ├── ├── │ └── └── ├── └── - Document: DOM 트리의 최상위 객체- 각 HTML 요소(, , 등)을 노드로 표현- JavaScript를 통해 이 노드들을 조작DOM 조작 메서드- getElementById: 특정 id를 가진 요소를 찾는다.const title = document.getElementById("titl.. 2025. 1. 5.
[자바스크립트] 배열과 객체 다루기 1. 배열 메서드1.1 map배열의 각 요소를 순회하며, 주어진 콜백 함수의 결과를 새로운 배열로 반환합니다.기존 배열은 변경되지 않습니다.const numbers = [1, 2, 3, 4, 5];const squared = numbers.map((num) => num ** 2);console.log(squared); // [1, 4, 9, 16, 25]console.log(numbers); // [1, 2, 3, 4, 5] (원본 배열은 변경되지 않음)1.2 filter배열의 각 요소를 순회하며, 주어진 조건에 일치하는 요소들로만 새로운 배열을 반환합니다.기존 배열은 변경되지 않습니다.const numbers = [1, 2, 3, 4, 5];const evenNumbers = numbers.filter.. 2025. 1. 5.
반응형

티스토리툴바