Search for a command to run...
실행 컨텍스트 실행 컨텍스트(execution context) 는 실행할 코드에 제공할 환경 정보들을 모아넣은 객체 ( JavaScript 가 왜 동적 언어인지 성격을 가장 잘 파악할 수 있는 개념 ) 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 이를 콜 스택(call stack) 에 쌓아올렸다가, 스택 자료구조처럼 가장 위에 쌓여있는 컨텍스트와 관련 있는 코드들을 실행하는 식으로 전체 코드의 환...
해당 포스팅은 책 "코어 자바스크립트" 를 기반으로 작성된 글 입니다. 데이터 타입의 종류 기본형(원시형, primitive type) number(숫자), string(문자열), boolean(불리언), null, undefined, symbol(심볼, ES6) 참조형(reference type) object(객체), array(배열), Map (ES6), WeakMap (ES6), Set (ES6), WeakSet (ES6) 메...
개요 JS 개발을 하다보면, Iterator, Array-like 같은 키워드를 볼 수 있고, 이런 자료형이어야 작동하는 프로세스들을 볼 수 있었을 것이다. JS ES6+ 에는 새로운 문법이나 Built-in Object 뿐만 아니라, protocols(표현법들)도 추가되었다. 이 protocol은 일정 규칙만 충족한다면, 어떠한 객체에서 의해서도 구현될 수 있다. 이러한 프로토콜은 2가지가 있다. Iterable protocol Iter...
개요 이전 시간에 npm 과 npx 에 대해 비교해봤다. 이번에는 npm과 yarn 에 대해 비교해본다. 평소에 JS 프로젝트를 진행하면서 npm 으로 패키지를 관리하는데, 뭔가 무겁다 정도의 느낌을 받을 정도로 개발을 해왔던, 조금이라도 그런 느낌을 받았다면 이 포스팅이 조금은 도움이 되리라. 본론 📍 npm 이전 시간에 "정의"에 대해서는 정리를 하였으니 간략하게. Node Package Manager(Javascript Node...
개요 React 프로젝트를 하기위해 CRA(Create-React-App)를 설치할 때 무심코 npx create-react-app 프로젝트명 같은 명령어를 통해 React 프로젝트를 설치한다. 이 상황 외에도, 가끔 npm 과 npx 를 번갈아 쓰는 경우가 많은데, 이 기회에 이 둘의 차이점을 정리한다. 본론 📍 NPM (Node Package Manager) Package Manager = 관리 npm 은 노드 패키지 관리자를 ...
이전 포스팅에서 Serialize(직렬화) & Deserialize(역직렬화) 에 대한 개요 느낌의 내용을 알아봤다. 이번 포스팅은 이러한 방식의 데이터 포맷방식 중, 가장 대표적인 JSON 에 대해서 알아본다. JavaScript JSON JSON(JavaScript Object Notation) 자바스크립트 객체를 문자열로 표현하는 데이터 포맷이다. 자바스크립트 객체 리터럴과 유사하지만 객체가 아닌 문자열일 뿐이며, 이를 이용해 다른 도메...
INTRO 왜 조사를 하게 되었나요 ? 팀 프로젝트를 하면서 FE(프론트엔드) - BE(백엔드) 사이의 API 통신을 할 때 데이터를 주고받는 과정에서 알고 있어야 하는 지식이라서 정리하게 되었다. Serial 먼저, Serial 의 의미를 알아보자. USB 인테페이스 라는 것을 들어본 적이 있을 것이다. USB 인터페이스 = Universal Serial Bus 여기서 Serial(직렬) = 연쇄,연속해서 이어지는 어떤 것 을 의미한다....
들어가면서 로컬에서 개발한 React(with. Vite) 프로젝트를 테스트용으로 배포할 일이 생겼습니다. 여러 정적 사이트 배포 방식 중, 저는 Netlify 를 선택했습니다. 워낙 쉽게 정적 사이트를 배포해주는 서비스라 배포 자체는 금방 처리되었습니다. 다만, 로컬에서 잘 접근하던 Vite 프로젝트의 환경 변수가 배포 환경에서는 정상적으로 접근하지 못했으며, 첫 렌더링 페이지 이후 새로고침(Refresh)시 Page Not Found 에러가...
들어가면서 React 로 사이드 프로젝트를 다른 FE 개발자분들과 진행하면서 사전에 여러 컨벤션(커밋 컨벤션, 스타일링 컨벤션 등)을 정합니다. React 에서 이벤트 핸들러 메서드를 정의하고 바인딩하는 것 역시 그 중 하나여도 좋다고 생각합니다. 이번 포스팅에서는 React 커뮤니티에서 일반적으로 알려지고 있는 이벤트 핸들러 네이밍 컨벤션대해 정리해보겠습니다. ✅ 기본 네이밍 🔵 Function handle* prefix 를 붙여서 작성...