앞서 ESLint와 Prettier를 설정했지만, 해당 기능들은 결국 개인이 직접 npm run lint && npm run format을 실행해야만 적용된다. 즉 팀원들 중 누군가가 해당 명령어를 까먹고 실행하지 않았거나, 에디터 내 자동 포맷저장을 적용하지 않았더라

왜 초기 환경설정을 해야 하는가? 혼자하는 프로젝트라면 몰라도, 팀 프로젝트에서는 초기 개발환경 설정을 통해 팀원들 간의 규율을 정하여 개발환경의 생산성과 효율을 향상시키는 데 그 목적이 있다. 예를 들어 쌍따옴표를 사용하는 팀원이 있고 홑따옴표를 사용하는 팀원이 있을

primary key : 각 행을 유일하게 식별할 수 있는 값foreign key : 다른 테이블에서 특정 테이블의 primary key를 참조할 때 해당 값수직 확장 : '성능'을 높이는 것수평 확장 : 성능이 높지 않은 컴퓨터 여러 대 -> 양치기 -> 높은 가용성

React를 쓰다보면 컴포넌트 간 정보를 공유할 일이 있다. 형제 컴포넌트 간 데이터 교환은 불가능하므로(사실 가능하다고는 한다. 권장하지 않을 뿐), 아래 이미지의 왼쪽처럼 특정 자식 컴포넌트(자식1)의 데이터를 사용할 경우 부모 컴포넌트까지 갔다가 다시 이용하려는

Effect

useState 여러 개의 변수를 사용하기 싫어요

new Promise((resolve, reject) => {}) -> resolve나 reject는 어떤 이름이어도 상관없다.의 경우, 첫 번째 인자 resolve()는 .then으로 실행되고두 번째 인자 reject()는 .catch로 실행된다.하나의 Promise

다차원 배열(행렬) 만드는 방법 function matrix() { let result = []; for (let i = 0; i maxIndex === 3 result[i].push(0); } result.push(new Array(maxIndex + 1).

추상화해당 객체를 잘 표현할 수 있는 몇 가지 특징만 살리는 것개발에 필요한 것만 골라서 속성과 메소드를 만든다예를 들어 전화기를 만들 때, 전화기의 색깔은 중요하지 않을 것캡슐화1\. 객체 하나에 속성과 메소드를 묶어 놓음2\.의 경우, word에 접근할 수 없다 -

node vs elementnode가 더 상위개념childNodes > children

class 객체를 생성하기 위한 템플릿으로서, ES6에서 새롭게 추가된 문법이다. 구성 constructor : 변수를 담아 해당 변수를 key로 만들고, 새롭게 만들어지는 instance들의 해당 key 위치에 value를 할당하여 객체를 만드는 생성자 함수 이 경

Prototype 생성자 함수(new와 같은)로 만들어진 객체들이 프로퍼티와 메소드를 공유하기 위해 사용하는 객체 동일한 생성자 함수로 만들어진 객체들은 내부적으로 proto 프로퍼티를 사용하여, 생성자 함수에 존재하는 prototype이라는 프로퍼티를 참조하여 같은

생성자 함수 다음과 같이 class를 정의했을 때, ES5 ver. ES6 ver. 우리는 Person이라는 class를 참조하는 instance를 다음과 같이 만들 수 있다. 이 경우 person1이라는 instance는 new라는 키워드를 통해 Person c

Object Oriented Programming 의 약자로써, 객체 지향 프로그램을 의미한다.객체 지향은, 쉽게 말해 현실세계의 특성을 컴퓨터에 녹여내고 싶음을 의미한다.OOP는 다음과 같은 특성을 가진다.캡슐화는 하나의 객체 안에 속성과 메소드를 묶어서 정의함을 의

객체는 키-값의 쌍으로 이루어져 있는 요소를 가지고, 이들을 묶어 속성(property)이라고 부른다.하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로 하는 객체를 만드는 프로그래밍 패턴ex) 청사진 : 기본적인 자동차 구조(설계도) -> class객체 : 그

화살표 함수에서는 this 쓸 수 없다(globalThis로만 나온다.) -> this를 결정하지 않는다.this는 부모객체를 먼저 조회한다.없는 경우 - window, global을 참조함strict 모드인 경우, 부모객체가 없다고 출력함(undefined)

require -> 해당 파일의 모든 exports 객체의 키 값을 가져온다let exports = module.exports = {} 의 느낌이어서exports가 module.exports의 shortcut이 가능한 것하지만 exports는 module.exports

CLI의 일종. 직접적인 파일에 GUI로 접근하지 않고, CLI상에서 수정, 저장 등이 가능하다해당 파일까지 직접 가야 열린다.ex) nano im-sprint-modern-koans(X)nano 01_AboutArrowFunction.js(O)JavaScript를 브

node.js에서검증된, 남이 만든 코드를 npm module 이라고 부른다.또한 그에 대한 정보를 담아놓은 곳 = package.json -> 프로젝트 전반에 관한 정보가 들어있다.node.js에서 외부 라이브러리를 다운받기 위한 다양한 방법이 존재하는데, 그 중 대

git branch를 했다면git merge를 해야 local에 저장되고git push를 해야 my repo에 적용된다브랜치를 지우고 싶을 땐 git branch -d 브랜치명브랜치 확인 git branch