분류 전체보기
-
[JS Flow] 03. This Binding웹/JS핵심개념 JS Flow 2021. 1. 20. 19:49
When?? 실행 컨텍스트가 활성화될 때 (함수를 호출할 때) binding된다! How case 'this' is bound to 전역공간에서 호출 시 전역객체 (window / global) 함수 호출 시 전역객체 (window / global) - 함수는 전역객체의 메서드라고 생각하면 편하다, 함수 내부에 선언된 함수도 전역객체에 bind됨 메서드 호출 시 메서드 호출 주체 (a.b() -> 객체 a가 메서드 호출 주체) - 근데 메서드 내부에 선언된 함수는 전역객체에 bind됨;; callback함수 호출 시 기본적으로는 함수 내부와 동일하다. 전역객체가 bind됨. 하지만 제어권을 가진 함수(like addEventListener())가 따로 bind되는 this를 명시(구현)한 경우 해당 스펙..
-
[번역] 영국 정부의 디지털 서비스 설계 원칙일상 생각 2021. 1. 20. 09:56
Government Design Principles The UK government's design principles and examples of how they've been used. www.gov.uk 1 니즈분석 : 사용자에게 필요한 것에서 시작하라. (Start with user needs) 서비스 디자인은 사용자의 니즈를 정의하는 곳에서 시작한다. 사용자의 니즈를 모른다면 올바르게 만들 수 없다. 가정하지 말고, 리서치하고, 데이터를 분석하고, 사용자들과 이야기해라. 사용자들과 공감을 하되, 사용자들이 요청하는게 실제로 원하는게 아닐 수 있음을 명심해라. 2 포지셔닝 : 우리만 할 수 있는 것에 집중하라. (Do less) 정부는 정부만이 할 수 있는 일에만 집중해야한다. 어떤 업무를 잘 수..
-
[JS Flow] 02. 실행컨텍스트 (Execution Context)웹/JS핵심개념 JS Flow 2021. 1. 20. 00:12
실행 컨텍스트란? 함수를 실행할 때 필요한 환경정보 함수를 실행할 때 필요한 환경정보 객체 Call Stack? 실행 컨텍스트를 관리하는 자료구조 현재 어떤 함수가 동작 중인지 다음에 어떤 함수가 호출될 것인지를 제어한다. 실행 컨텍스트가 스택 방식으로 쌓인다! 실행 컨텍스트 객체의 구조 VariableEnvironment: 초기의 정보를 담고있음 LexicalEnvironment: 이후 변경사항을 추적 (VariableEnvironment와 구조가 같다) ThisBinding LexicalEnvironment의 구조 environmentRecord 객체 현재 컨텍스트의 식별자 정보를 갖는 객체, Hoisting(끌어올리기) 현상이 나타남. 해당 함수 내부의 함수선언과 변수 선언부를 객체 프로퍼티로 저장..
-
[JS Flow] 01. 데이터 타입웹/JS핵심개념 JS Flow 2021. 1. 18. 19:17
JS에는 두 가지 데이터 타입이 있다. Primitive Type string number boolean null undefined symbol Reference Type Object (Array, function, regExp, Set, weakSet, Map, weakMap) 이 둘을 왜 구분하는가? 메모리에 값을 저장하는 방식의 차이이다. Primitive Type 위와 같이, 메모리 공간이 컴퓨터에 있다고 가정하자. let a; a = 'hi' 위 코드를 js엔진이 읽어 실행하면 let a; // 메모리의 5001번 주소에 이름이 a가 된다. a = 'hi' // 메모리의 8001번 주소에 값 'hi'가 저장이 되고, 이름 a를 갖고있는 5001번 주소에..
-
[Textbook 2021 주관적 요약] 02. 사업아이디어 평가하기스타트업 창업 Textbook 2021. 1. 11. 16:13
평가 지표 (아래의 항목 중 1개를 충족하면 Good, 2개이상 충족한다면 Excellent) 1. 타겟 시장의 사이즈 > 수 백만명 이상인가? 2. 이슈의 심각성 > 사람들이 해당 문제에 공감하며 돈을 지불할 의사(여력)를 보이는가 3. 돈이 되는 문제인가 > 타겟시장이 조 단위 이상인가 4. 커지는 이슈인가 > 점점 많은 사람들이 해당 문제를 인식하고 있는가 +@ 5. 해외시장은 어떤가 (라이프패턴이 비슷한 일본, 중국이 좋은 모델이 될 수 있다) 경쟁우위 경쟁우위를 점하고, 발전시켜야 한다. 명심해야할 점은 경쟁우위는 언제든 변할 수 있다는 것 가격경쟁력 소싱 비용 - 물건을 저렴하게 떼올 수 있는가 마진 - 비용구조를 저렴하게 구축할 수 있는가 마케팅적 우위 유저를 저렴한 비용으로 모을 수 있는가..
-
React 프로젝트 기획/개발 흐름 요약일상 생각 2021. 1. 10. 13:46
0. 어플리케이션의 목적 / 컨셉 정의하기 1. 기능 정의하기 어플리케이션에 어떤 기능이 있어야하는지 정의한다. 2. 플로우차트 그리기 어떤 화면이나 기능이 어떤 논리적인 순서로 유저에게 노출되는지를 플로우차트를 통해 정의한다. 3. 컴포넌트 설계하기 어떤 컴포넌트가 필요할지 생각한다. 4. 와이어프레임 그리기 컴포넌트의 적절한 배치를 구상한다 5. UI 만들기 사용자에게 보이는 UI를 먼저 만든다. 6. API 연동하기 API 연동이 필요할 경우 필요한 코드를 준비한다. 7. 상태 관리하기 리덕스, 컴포넌트 자체 상태등을 관리하고 필요하면 Container Component를 만든다. +@ 리액트 공식 문서 - 리액트로 사고하기 ko.reactjs.org/docs/thinking-in-react.html
-
[Textbook 2021 주관적 요약] 01. 스타트업이란?스타트업 창업 Textbook 2021. 1. 4. 19:25
스타트업의 정의 스타트업의 목표는 이윤창출이다. 이윤을 창출하기 위해서는 고객이 지갑을 열어야 한다. 고객이 지갑을 열도록 '설득'해야 한다. 스타트업은 설득하기 위해 고객에게 가치를 제공한다. 그 가치는 대게 기존 시장의 것보다 혁신적이거나 새로운 유형의 것이다. 이런 혁신이 가능하기 위해서는 타겟층에 대한 높은 이해가 우선되어야 한다. 이는 시간을 투자한 스터디로 얻을 수 있는 것이기도 하지만, 창업가 자신이 곧 해당 타겟층이라면 보다 용이하게 혁신을 제시할 수 있다. 다루려는 문제가 충분히 '큰' 문제인가도 중요하다. 많은 사람들이 니즈를 갖고 있는 시장의 여부도 승패 여부를 좌우하기도 한다. 스타트업은 고객에게 큰 가치를 전달해야한다. 왜 창업을 해야 하나? (Why to Not Not Start..