분류 전체보기

일생에 단 한번은 독기를 품어라

* 나는 컨텐츠를 만들거나 기획서를 쓸 때 파소나 전략을 자주 사용하는 편이라 한번 짚고 넘어가고자 한다. 첫번째는 문제 제기다. 고객의 문제, 즉 고객이 지금 고민하는 지점들을 짚어내고 공감을 이끌어낸다. 두번째, 친근감이다. 구매자가 느끼는 아픔과 욕구를 나도 갖고 있음을 어필한다. 세번째, 해결책을 제시한다. 고민을 짚어냈다면, 해결할 수 있는 실마리를 제공하거나 따라 할 수 있는 방법이 있다는 점을 강조한다.여기서 중요한 것은 방법을 줄줄이 나열하는 것이 아니라 있다는 것을 확신시켜주는 것이 포인트다. 네번째, 제안이다. 가격이나 혜택에 대한 구체적인 제안을 제시한다. 다섯 번째, 제한을 둔다. (ex. '8시 전까지 구매하면 30% 할인') 여섯 번째는 행동이다.제한을 걸어놓고, 행동으로 유도하..

플랫폼의 생각법 2.0

우리는 배달의 민족을 음식사업자로, 아마존과 쿠팡을 유통사업자로, 구글과 네이버를 지식사업자로 인식한다. 이러한 착시를 만드는 이유는 무엇일까? 그것은 플랫폼이 가진 지향점이 결국 공급자와 동일하기 때문이다. 단지 플랫폼은 단일 공급자가 아니라 그 산업 전체를 대표하는 것을 지향점으로 삼는다는 점이 다를 뿐이다. 때문에 플랫폼에서는 '경쟁'이라는 개념 대신 '성립'이라는 개념을 이해해야 한다. 플랫폼이 성립되는 것은 이전에 존재하지 않았떤 새로운 사업모델이 나타나는 것이다. 그래서 플랫폼에서 첫 번째 성공은 경쟁을 통해 이기는 것이 아니라 일단 시장에서의 인정을 통해 성립되는 것이다. 플랫폼이 성립되기 위해서는 기존의 산업 행위보다 편리하거나, 고품질이거나, 공평하거나 보다 많은 가치를 창출하거나, 이전..

일의 격

하버드생보다 더 뛰어난 성과를 올리는 방법 => 스스로 머리가 부족하다고 여길수록 한 분야를 파라. 미친 듯이 오랜 기간 파라. 우직하고 호기심 있는 이들의 꾸준하고 피땀어린 노력에 의해 바뀐다. 평범해도 비범해지는 법 => 어떤 사람은 평범한 일도 비범하게 만든다. 일하는 태도가 평범과 비범을 나눈다. 평범한 일을 비범하게 만드는 것은 남을 위한 것이 아니라 자신의 가치를 높인다. 어려움과 고민이 들 때 답을 찾는 질문 => 1. 내가 얻고 싶은 결과는? (원하는 것) 2. 나는 왜 그것을 얻고 싶은가? (목적) 3. 어떻게 하면 그것을 실현시킬 수 있는가? (실현 전략) 4. 그것은 내 미래에 어떤 의미가 있을까? (의미) 5. 지금 내가 할 일은? (행동) 한 담계 넘으려면 다른 관점이 필요하다 =..

린치핀

어떤 프로젝트든 아주 작고 예측할 수 있는 파편으로 쪼갤 수 있다면, 돈을 거의 들이지 않고도 성취할 수 있다. 지미 웨일즈는 주변사람들의 도움을 받아 위키피디아를 만들기 시작했다. 그들은 아무 대가 없이 일했다. 결국 위키피디아는 역사상 가장 위대한 백과사전이라 불리던 를 무너뜨렸다. SNL(Saturday Night Live)의 성공으로 이끈 힘은 마감을 지켜야 한다는 긴장감이었다. 세상을 바꾸겠다는 거창한 목적이 있다고 해도 마무리하지 않고 질질 끄는 것은 대개 저항이 드러나는 증상이다. 무슨 일이든 일정을 정해 마무리하라. 그래야 세상은 바뀐다. 프로젝트는 한 사람(린치핀)에게 책임을 맡겨야 한다. 두 사람에게 공동책임을 맡기거나 이끌게 해서는 안된다. 뒤늦게 허둥대지 말고 미리 겁을 먹고 조심하..

철학은 어떻게 삶의 무기가 되는가

2️⃣ 현실의 쓸모에 기초한다 => 우리의 목적이 즐겁게, 나다운 인생을 살면서 행복해지는 데 있다면 지식이나 기술을 몸에 익히는 일의 의미도 궁극적으로는 '그렇게 해서 즐겁게 살 수 있는가?' 또는 '행복해질 수 있는가?'의 관점에서 판단되어야 한다. 8️⃣ 불확실한 것에 매력을 느끼는 인간의 본성 => 행위는 그 행위로 인한 대가가 반드시 주어진다는 것을 알고 있을 때보다도 대가가 불확실하게 주어질 때 더욱 효과적으로 강화된다는 것을 밝히고 있다. (ex. 무엇이 올라왔을까 계속 확인해보는 sns, 계속 들어가보는 인터넷 커뮤니티) 1️⃣1️⃣ 자아실현을 이룬 사람일수록 인맥이 넓지 않다. 현실을 더욱 효과적으로 지각하고 쾌적한 관계를 유지 => 소망, 불안등에 기인해 예견하지 않는다. 미지/애매한 ..

비동기 에러처리 🤔

문득 setTimeout에 전달된 함수는 어떻게 에러처리를 해야하난 궁금해져서 이 문서를 작성합니다. 살펴볼 예시는 4가지 입니다. try/catch setTimeout with try/catch Promise의 catch async/await with try/catch try/catch try/catch는 예외상황을 다뤄야 할때 주로 사용합니다. javascript가 런타임에서 에러가 나면 이후의 코드는 실행되지 않고 멈추어 버리기 때문에 예외처리는 중요합니다. 예외가 발생할 수 있는 곳에 보험을 들어서 이후의 동작을 수행할 수 있도록 하는 것이 중요하다고 생각합니다. 아래의 코드가 있습니다. 하나는 try/catch로 감싼것, 감싸지 않은 것입니다. 감싸지 않은 것에서는 에러가 발생하여 이후의 동작을..

React 공식문서 주요개념 살펴보기

3. 엘리먼트 렌더링 React에서 엘리먼트는 최소 단위 입니다. 이런 엘리먼트가 모여서 컴포넌트를 이루고 컴포넌트들이 모여서 프로덕트가 완성됩니다. 엘리먼트는 화면에 표시해줄 내용을 가지고 있습니다. const element = Hello, world; 이러한 엘리먼트를 화면에 렌더링하려면 ReactDOM.render()를 이용하면 됩니다. ReactDOM.render에는 엘리먼트와 루트 DOM 노드가 들어가게 됩니다. const element = Hello, world ReactDOM.render(element, document.getElementById('root')) // ReactDOM.render(엘리먼트, 루트 DOM 요소) React에서 엘리먼트는 불변객체 입니다. (엘리먼트가 생성된 이후..

Javascript 프론트엔드 MV* 아키텍처 (원글 + 생각)😉

아래 출처의 글을 정리하고 약간의 생각을 가미하려 합니다. 허락해주신 테오님께 갑사합니다 ㅎㅎ MVC패턴 MVVM패턴 등등이 많이 언급되고 사용된다 하지만 저는 MVC 패턴만 간략하게 이해가 되고 다른 것들은 쉽게 이해가 되지 않았습니다. 그러던 와중 좋은 글을 읽게 되었고 저자의 허락을 얻어 저의 언어로 정리하고 인사이트를 작성해 보고자 합니다. 1. 아키텍쳐란 무엇일까요? 2. 웹 프론트엔드 아키텍쳐 이야기 3. 현대 웹 프론트엔드의 아키텍쳐 방향성 1. 아키텍쳐란 무엇일까요? 아키텍처란 영어로는 '건축학'이라는 뜻입니다. 이 단어가 개발분야로 유입되면 조금 다른 뜻을 가지게 됩니다. 아래 사진들은 옷장에 대한 사진들 입니다. 두개의 옷장은 전부 같은 양의 옷을 보관하고 있다고 가정하겠습니다. 그리고..

React what is JSX? (번역글) 🤔

이 글은 아래 출처의 글을 번역한 글입니다. 오역과 의역을 자주 사용합니다. 글 상단의 강의 영상들은 가져오지 못했습니다. embed 되어있는 강의 영상 자체는 가져올 수 있는데 사이트에 css가 tailwind로 적용되어있어 overhead가 커질것 같아 가져오지 않았습니다. 이제 블로그 포스트로 넘어가겠습니다. React를 효과적으로 사용하는 방법을 이해하는데 있어 중요한 부분은 자바스크립트와 자바스크립트 표식을 이해하는 것이라 생각합니다. 그래서 JSX의 일부 예제를 보여드릴거고 JSX가 컴파일된 버전은 어떻게 동작하는지 도움을 줄것 입니다. 머릿속에서 JSX를 컴파일 할 수 있다면 추상화를 좀 더 강력하게 사용할 수 있습니다. 간단한 예시가 있습니다. 모든 예제들은 변수에 할당할 수 있는 정규 J..

React One Simple trick to optimize React re-renders (번역글) 🤔

이 글은 아래 출처의 글을 번역한 글입니다. 오역과 의역을 자주 사용합니다. 리액트 리렌더와 관련된 블로그 포스트를 준비하고 있었는데 우연히 작은 React 지식을 발견했고 여러분께 도움이 되리라 생각합니다. HTML 삽입 미리보기할 수 없는 소스 이 블로그 포스트를 읽은 후에 Brooks Lybrand는 이 트릭을 구현했고 아래는 그 결과 입니다. HTML 삽입 미리보기할 수 없는 소스 흥미롭나요? 단순한 예제와 함께 살펴보고 여러분의 앱을 위한 실용적인 예제에 대하여 이야기 해봅시다 An example // play with this on codesandbox: https://codesandbox.io/s/react-codesandbox-g9mt5 import * as React from 'react..