실행 컨텍스트 실행 컨텍스트란? 실행 컨텍스트는 scope, hosting, this, function, closure 등 동작원리를 담고 있는 자바스크립트의 핵심원리이다. ECMAScript 스펙에 따르면 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념으로, 실행 가능한 코드가 실행되기 위해 필요한 환경이라고 할 수 있다. 실행 가능한 ...
[ToyProject] 카카오톡 클론 프로젝트(3)
오늘은 로그인 페이지 UI와 로그인 API를 구현해 보았다. 로그인 페이지 UI 먼저 로그인 페이지 UI를 구현해 보았다. 처음 emotion을 사용하는데 emotion/styled를 사용하니 styled-components를 사용하는 것과 같은 방식으로 사용하면 되어서 어려운 점은 없었다. 이메일과 비밀번호를 입력받을 input창과 로그인 버튼...
[ToyProject] 카카오톡 클론 프로젝트(2)
어제는 NEXT.js 프로젝트 설정을 했고, 오늘은 프로젝트 기획서, 백로그 등 필요한 문서를 위키에 작성한 다음 Nest.js로 백엔드 프로젝트 설정을 할 예정이다. 기획서 FE-백로그 BE-백로그 NestJS NestJS는 express 기반으로 제작되었으며, node.js에 백엔드를 구성할 수 있도록 해준다. 기본적으로 typescrip...
[ToyProject] 카카오톡 클론 프로젝트(1)
이전부터 소켓통신으로 프로젝트를 하나 진행해보고 싶다는 생각을 하고있어서 카카오톡 클론 프로젝트를 진행하기로 했다. 오늘은 프론트엔드 선택한 기술에 대한 이유와 간단한 환경 설정에 대해서 포스팅하려고 한다. 개발 스택 현재 프론트엔드 개발 스택은 NEXT.js, emotion, storyBook, Apollo-Client를 사용하는 것으로 결정했...
[JavaScript] 자바스크립트 Scope
JavaScript의 핵심 개념 중 하나인 Scope에 대해 알아보자! 스코프 (Scope) 스코프 : 스코프는 참조 대상 식별자(identifier, 변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙 var x = "global"; function foo() { var ...