Front End/JavaScript
Axios
Axios사용법AxiosAxios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. fetch API와 비슷한 역할을 하지만 사용이 간편하면서 추가적인 기능들이 포함되어 있다.AxiosFetch API서드파티 라이브러리로 설치 필요빌트인 API라 별도 설치 필요없음자동으로 JSON데이터 형식으로 변환.json() 메서드 사용 필요사용법Axios는 써드파티 라이브러리이기 때문에 사용을 위한 설치 과정이 필요하다.npm install axiosfetch API와 기본 원리는 거의 비슷하며, 기본적인 사용 방법은 전달인자로 정해진 옵션을 입력하는 것이다. 이외에도 메서드를 이용해 HTTP 요청 메서드를 설정할 수 있다. 기본적인 작성 방법은 아래와 같다./..
JSON
JSON(JavaScript Object Notation)JSON의 탄생 배경JavaScript에서의 JSON 변환JSON의 기본 규칙JSON(JavaScript Object Notation)JSON은 서로 다른 프로그램 사이에서 데이터 교환을 위해 만들어진 객체 형태의 포맷이다. JavaScript 뿐만 아니라 많은 언어에서 범용적으로 사용하는 유명한 포맷이기도 하다.JSON의 탄생 배경네트워크를 통해 데이터를 주고 받으려면 데이터를 보내는 수신자와 받는 송신자가 사용하는 프로그램이 같거나 문자열처럼 범용적으로 읽을 수 있어야 한다. 하지만 JavaScript에서 객체는 문자열로 변환하면 [object Object]라는 결과를 리턴하기 때문에 제대로 된 데이터 송수신이 불가능하다.이 문제를 해결하는 방..
재귀
재귀?재귀로 문제 해결하기1. 문제를 작게 쪼개기2. 반복하여 문제를 가장 작은 단위로 쪼개기3. 문제 해결하기재귀는 언제 사용할까?재귀의 활용재귀적으로 사고하기1. 재귀 함수의 입력값과 출력값 정의하기2. 문제를 쪼개고 경우의 수를 나누기3. 단순한 문제 해결하기4. 복잡한 문제 해결하기5. 코드 구현하기재귀?재귀(再歸) : 원래의 자리로 되돌아가거나 되돌아옴.재귀의 사전적 정의는 원래의 자리로 되돌아오는 것을 의미하며, 위의 이미지처럼 원래의 상태로 계속해서 되돌아오는 것으로 해석할 수 있다. 코드로 작성하면 아래처럼 표현할 수 있다.function recursion () { console.log("This is"); console.log("recursion!"); recursion(); // 자기 ..
Node.js API (fs, fetch)
Node.js는 비동기적 런타임Node.js 내장 모듈 사용법서드 파티(3rd-party) 모듈 사용법Node.js 공식문서를 fs.readFile로 알아보자fs.readFile(path[, options], callback)path : \ | \ | \ | \options : \ | \callback : \fetch APINode.js는 비동기적 런타임"Node.js는 비동기 이벤트 기반 JavaScript 런타임이다.”위의 인용문은 Node.js 소개 문서의 첫 문장이다. 대표적으로 사용하는 JavaScript 런타임인 브라우저에서는 비동기와 관련해 타이머, DOM 이벤트 등 다소 한정적으로 사용하지만 Node.js의 경우 많은 API가 비동기로 작성되어 있다. Node.js 내장 모듈 사용법모든 모..
ES6 축약문법
삼항조건 연산자 (The Ternary Operator) ?if..else 문항을 한 줄로 줄일 수 있다. 조건을 작성하고 ? 를 입력 한 뒤 각 조건에 대한 실행을 true : false 형식으로 작성하면 된다.const x = 20; let answer; if (x > 10) { answer = 'greater than 10'; } else { answer = 'less than 10'; }const answer = x > 10 ? 'greater than 10' : 'less than 10';간략계산법(Short-circuit Evaluation)기존의 변수를 다른 변수에 할당하고 싶은 경우 기존 변수가 빈 값(null, undefined, empty)이라면 에러가 발생한다. 이를 해결하기 위해 기..