전체 글578 [독후감] 당신의 가격은 틀렸습니다 김유진 지음읽은 기간: 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. [자바스크립트] 프로토타입과 상속 1. 객체 생성의 두 가지 방법a. 객체 리터럴 방식 - 간단한 객체 생성에는 편리하나 동일 구조를 가진 객체를 만드려고 할 때 비효율적임(코드 중복)const person = { name: "Alice", greet() { console.log(`Hello, my name is ${this.name}`); },};console.log(person.name); // "Alice"person.greet(); // "Hello, my name is Alice" b. 생성자 함수 방식- new 키워드를 사용하여 생성자 함수를 호출- 새로운 객체를 생성하고 초기화하는 로직을 재사용 가능function Person(name) { this.name = name; this.greet = functio.. 2025. 1. 4. [자바스크립트] 비동기 프로그래밍? 프로미스(Promise)? 쉽고 완벽하게 파헤치기! 1. 비동기 프로그래밍- 비동기 프로그래밍은 시간 소모가 큰 작업(예: 네트워크 요청, 타이머 대기)을 효율적으로 처리하기 위한 방법- 비동기 작업은 JavaScript 엔진이 아닌 이벤트 루프를 통해 관리되며, 프로그램 실행이 멈추지 않고 계속 진행될 수 있게 함(이벤트 루프에 대한 글 참고: https://yiyj1030.tistory.com/592) 2. 콜백 헬(hell)비동기 처리 후에 후속 처리에 대한 작업을 어떻게 해줘야할까?function fetchData() { let data; setTimeout(() => { data = "Hello, World!"; }, 1000); return data;}const result = fetchData();console.log(result.. 2025. 1. 3. 이전 1 2 3 4 5 ··· 97 다음
