구리

이 글은 코어 자바스크립트 책을 읽으며 정리한 글입니다. 3장. this 3-1. 상황에 따라 달라지는 this 전역 공간에서의 this 전역 공간에서의 this는 전역 객체를 의미합니다. 개념상 전역 컨텍스트를 생성하는 주체는 전역 객체이기 때문입니다. 브라우저 환경에서 전역 객체는 window, Node.js 환경에서 전역 객체는 global입니다. 전역 변수, 전역 객체 예시 (1) var a = 1; console.log(a); // 1 console.log(window.a); // 1 console.log(this.a); // 1 전역 변수 선언 및 할당시, window.a와 this.a 모두 1이 출력됩니다. 이는 JS의 모든 변수는 실행 컨텍스트의 LexicalEnnvironment(이하 L..

이 글은 코어 자바스크립트 책을 읽으며 정리한 글입니다. 2장. 실행 컨텍스트 2-1. 실행 컨텍스트 실행 컨텍스트란 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로 다음과 같은 방식으로 진행되며 전체 코드의 환경과 순서를 보장합니다. 동일한 환경에 있는 코드들을 실행할 때, 필요한 환경 정보를 모아 컨텍스트를 구성 이를 콜스택에 쌓아 올림 가장 위에 쌓여 있는 컨텍스트와 관련 있는 코드들을 실행 보통 실행 컨텍스트를 구성하는 방법은 함수를 실행하는 것 뿐입니다. (자동으로 생성되는 전역 공간과 eval 제외) 참고로 최상단의 공간은 코드 내부에서 별도의 실행 명령 없이도 브라우저에서 자동으로 실행하므로 JS 파일이 열리는 순간 전역 컨텍스트가 활성화됩니다. 실행 컨텍스트에 담기는 정보들은 다음과 같..

이 글은 코어 자바스크립트 책을 읽으며 정리한 글입니다. 데이터 타입 1-1. 데이터 타입에 관한 배경지식 컴퓨터는 메모리에 데이터를 저장한다. 메모리는 많은 비트(bit)들로 구성되어 있으며 각 비트는 고유한 식별자로 구성된다. 바이트(byte) 비트로 위치 확인하는 것이 비효율적이며 표현 가능한 개수에 어느정도 제약이 있어도 문제되지 않을만큼의 적정한 공간을 묶기 위해 탄생되었다. 모든 데이터는 바이트 단위 식별자 (메모리 주소값)으로 구분된다. 1bit = 0 또는 1 (2개의 값 표현 가능) 1byte = 8bit (2의 8제곱, 256개의 값 표현 가능) 변수와 식별자의 차이점 변수 : 변할 수 있는 데이터 식별자 : 어떤 데이터를 식별하는데 사용하는 이름 (즉, 변수명) 1-2. 변수 선언과 ..

회사 프로젝트는 TypeScript + React를 기반으로 되어있다. 그래서 반응형 데이터를 상태 관리할 때 타입 선언은 인터페이스를 사용했었다. 그런데 OOP적으로 작성하지 못하는 것 같아서 클래스로 변경도 해보고 여러 정보들을 찾아보면서 했던 고민들과 그에 대한 결론을 작성한 글이다. 목차 1. React + TypeScript 프로젝트에서 state의 타입 선언을 클래스보다 인터페이스로 많이 사용하는 이유 2. React + TypeScript에서 OOP적으로 클래스 타입의 상태를 관리하는 방법 3. 클래스 타입의 state에서 일부만 변경된 경우, setState에게 일부만 변경되었다는 것을 알려주는 방법 결론 또 다른 고민들.. 1. React와 TypeScript가 적용된 프로젝트에서 sta..

인강을 들으며 기존 프로젝트를 fork해 작업하다보니 contribution으로 인정되지 않아 잔디가 심어지지 않았다... 그래도 작업한 게 기록되지 않아 찾아보니 github 잔디를 심기 위해선 다음과 같은 조건이 충족되어야 했다. 1. github 계정과 commit 이메일 계정이 동일하거나 2. commit이 fork한 repository가 아닌 나만의 repository에서 이뤄져야 한다. https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/managing-contribution-settings-on-your-profile/why-are-my-contributions-not-showing..

집에서는 맥북을, 회사에서 윈도우 데스크탑을 사용하는데 그러다 보니 한영키가 익숙하지 않아 맥의 키보드 세팅인 Capslock을 한영키로 바꾸는 세팅을 했습니다. 1. 레지스트리 편집기 켜기 2. 레지스트리 편집기 왼쪽 트리에서 경로 찾기 경로 - HKEY_LOCAL_MACHINE/SYSTEM/CurrentControlSet/Control/Keyboard Layout/ 주의 - "Keyboard Layout" 과 "Keyboard Layouts" 2가지가 있으므로 "s" 없는 것으로 선택해야 합니다. 3. 레지스트리 생성 파일명 - ScanCode Map (새로 만들기 > 이진값) 4. ScanCode Map 수정 - 다음의 내용을 그대로 순서에 맞게 입력한다. 내용 : 3줄을 입력하며, 2번째 줄의 "..

깃허브 프로필이 너무 허전하여 Daily Commit 통계를 나타낼 수 있는 표를 넣으려고 하는데 제목 부분에서 자꾸 오류가 났었다가 해결하여 나중에 까먹지 않기 위해 정리하는 글입니다. 결과물을 미리 보고 싶으시면 옆 링크를 접속하시면 됩니다. https://github.com/raccoon-ccoder 1) fork 하기 여기로 들어가서 해당 repository를 fork 합니다. 2) gist 만들기 (1)깃허브 페이지 우측 상단의 프로필 > Your gists 클릭으로 gist 페이지로 이동 (2) 해당 github gist 페이지에서 create a gist 클릭 (이미 gist를 만들었기에 아래의 화면이 나오지만 gist가 없다면 화면 가운데에 gist를 생성하라는 문구가 뜹니다) (3) gi..

맥 카탈리나 OS부터는 bash가 아닌 zsh가 기본 쉘이며 필자의 터미널에는 homebrew만 설치한 상황입니다. ZSH란? Z Shell이라고 불리는 본쉘의 확장팩(?) 같은 쉘로 Z Shell을 사용하면 훨씬 강력하게 사용할 수 있으며 Oh My ZSH는 Z Shell에 여러가지 플러그인이나 추가기능을 사용할 수 있도록 만들어진 플러그인 iTerm2 설치 링크를 통해 접속하여 iterm2를 설치합니다. iTerm2 테마 설치 (옵션) 링크를 통래 접속하여 원하는 다양한 iTerm2 컬러 스키마를 다운받을 수 있습니다. 다운을 받은 후 iTerm2에서 cmd + , 를 눌러 환경설정을 띄운 후 Profile -> colors에서 우측 하단의 Color Preset이라는 dropbox 클릭 후, 맨 아..