1. json-server란? (1)json-server 정의 및 사용하는 이유 json-server란, 아주 간단한 DB와 API 서버를 생성해주는 패키지입니다. 우리가 json-server를 사용하는 이유는 Backend(이하 BE)에서 실제 DB와 API Server가 구축될 때까지 Frontend(이하 FE) 개발에 임시적으로 사용할 mock data를 생성하기 위함입니다. json-server를 통해서 FE에서는 BE가 하고 있는 작업을 기다리지 않고, FE의 로직과 화면을 구현할 수 있어 효율적으로 협업을 할 수 있습니다. (2)json-server 설치하기 CRA로 프로젝트를 새로 생성하고, yarn 또는 npm을 이용해서 설치합니다. yarn add json-server 2.json-ser..
let, const,var let let => es6부터 추가된 문법 let 명령문은 블록 스코프의 범위를 가지는 지역변수를 선언하며, 선언과 동시에 임의의 값으로 초기화할 수도 있다. let x = 1; if( x === 1 ){ let x = 2 console.log(x) //2 } console.log(x) //1 block scope ES6부터 let과 const가 도입되었는데, 이 두 키워드는 javascript에서 block scope를 제공한다. { let name = "ssal console.log(name) } console.log(name) //error 블럭 밖에서 블럭 내부에 대한 접근이 불가능함 let vs var var let 차이 1. var는 hoisting(선언이 끌어올려지..
정규표현식(/regex?/)란? 1950년 미국의 한 수학자 Stephen Cole Kleene에 의해 개발됨 유닉스 계열에서 텍스트와 같은 것등를 처리하고 프로세싱하는 데에 주로 이용되다가 현재는 다양한 프로그래밍 언어에서 내부적으로 지원하고 있을 뿐 아니라 텍스트나 코드에디터에서도 정규표현식을 이용해서 검색하는 것이 가능해졌다. 정규표현식 표현 방법 /regex?/i 위와 같이 /를 이용해 나타내면 되고, / 안에 찾고자 하는 패턴을 작성해주면 되며, 어떤 옵션을 이용해 검색할 것인지 플래그(i)를 활용할 수도 있다. 정규표현식 문법 정리 Groups and ranges Character 뜻 | 또는 () 그룹 [] 문자셋,괄호안의 어떤 문자든 [^] 부정 문자셋, 괄호 안의 어떤 문자가 아닐 때 Q..
reduce() 함수란? 자바스크립트의 reduce함수는 배열의 각 요소를 순회하며 callback함수의 실행 값을 누적하여 하나의 결과값을 반환한다. arr.reduce(callback[, intialValue]) 파라미터 1. callback function이며 다음 4가지 인수를 가진다. accumulator - accumulator는 callback함수의 반환값을 누적한다. currentValue - 배열의 현재 요소 index - 배열의 현재 요소의 인덱스 array - 호출한 배열 callback 함수의 반환 값은 accumulator에 할당되고 순회중 계속 누적되어 최종적으로 하나의 값을 반환한다. 2. initialValue(Optional) 최초 callback 함수 실행 시 accumu..
