Javascript (13) 썸네일형 리스트형 [React] ESLint와 Prettier, Git Hook을 이용한 협업 Lintter & Code Formatter 하나의 프로젝트에서 작업자마다 각자 다른 코딩 스타일을 가지고 있고, 그것이 코드에 드러난다면 이 프로젝트를 제 3자가 읽기도 어려워지며, 팀원끼리도 다른 팀원들이 작성한 코드를 읽고 이해하기 힘들어 집니다. 이러한 요소들은 결국 비효율을 유발하게 되고 이를 극복하기 위해서 팀으로 작업을 할 때에는 여러 작업자들의 코딩 스타일을 일치시키기 위한 Lintter와 Code Formatter를 사용하는 것이 좋습니다. 자바스크립트 진영에서는 Linter로 ESLint를 Code Formatter 로는 Prettier를 사용하는 것이 일반적입니다. ESLint는 코드 자체의 문법 교정과 더불어 코드 스타일링 기능도 포함하고 있지만, Prettier는 자동으로 코드의 .. [React] React Router 사용하기 Single Page Application이라는 용어 그대로 SPA는 하나의 페이지를 가지고 있지만 한 종류의 화면만 사용하는 것은 아닙니다. 화면이 변경되기 위해선 주소 또한 달라져야 할 필요가 있는데 이렇게 다른 주소에 따라 다른 화면을 보여주는 과정을 '경로에 따라 변경한다'라는 의미로 라우팅(Routing)이라고 합니다. React는 View에 중점을 둔 프런트엔드 라이브러리이기 때문에 React 자체만으로는 라우팅 기능을 사용할 수 없다. 별도의 라이브러리를 설치해야지만 라우팅 기능을 사용할 수 있는데 통상적으로 React Router라는 라이브러리가 가장 많이 사용됩니다. React Router를 통한 SPA 내 화면 전환 및 주소 값 변경은 서버가 아니라 클라이언트 측에서 일어나기 때문에 C.. [Javascript] 자바스크립트 언어의 특성 자료형 Number – 정수, 부동 소수점 숫자 등의 숫자를 나타낼 때 사용합니다. 정수의 한계는 ±2^53 입니다. bigint – 길이 제약 없이 정수를 나타낼 수 있습니다. 정수 리터럴 끝에 n을 붙이면 만들 수 있습니다. String – 빈 문자열이나 글자들로 이뤄진 문자열을 나타낼 때 사용합니다. 단일 문자를 나타내는 별도의 자료형은 없습니다. Boolean – true, false를 나타낼 때 사용합니다. null – null 값만을 위한 독립 자료형입니다. null은 알 수 없는 값을 나타냅니다. undefined – undefined 값만을 위한 독립 자료형입니다. undefined는 할당되지 않은 값을 나타냅니다. Object – 복잡한 데이터 구조를 표현할 때 사용합니다. Symbol.. [Javascript] 02. Javascript Intermediate 1. 변수 - 변수의 생성과정은 선언 단계, 초기화 단계, 할당 단계로 나뉘어짐. var : 선언 및 초기화 단계 -> 할당 단계 let : 선언 단계 -> 초기화 단계 -> 할당 단계 const : 선언 + 초기화 + 할당이 동시에 이루어짐. - var는 함수스코프(function-scoped), let, const는 블록 스코프(block-scoped) - 블록 스코프는 블록 내에서만 사용이 가능한 변수. 2. 생성자 함수 // 생성자 함수의 첫 글자는 대문자로. function User(name, age) { this.name = name; this.age = age; } let user1 = new User('Mike', 30); let user2 = new User('Jane', 22); let.. [JS] 01. Javascript Basic 보호되어 있는 글입니다. 이전 1 2 다음