꾸준한 개발일기

인텔리제이로 project import 하기먼저 프로젝트 폴더 구조를 확인한다 묶어서 쉽게 팀원들 끼리 공유할 수 있도록 한 폴더 안에 이클립스, jdk, 톰캣, 워크스페이스, maven이 몰아 넣어져 있다 ​ ​ ​ 이제 인텔리제이를 실행해본다open을 누른다 원하는 프로젝트를 선택하고 OK를 눌러준다. ​ ​ ​이클립스 프로젝트로 열어준다. ​ ​ ​ Trust Project 클릭 ​ ​ ​ 프로젝트가 열린다. ​ ​ ​보통 이렇게 열면 바로 될거라 생각하지만 그럴리가 없지 하하,, 바로 플러그인 에러가 발생한다 maven 설정을 따로 해줘야한다 인텔리제이 maven 설정maven 폴더에 settings.xml 파일이 있다 ​ ​ ​ intellij에서 ctrl + alt + s 단축키를 이용하여 S..

1. Babel 대표적인 트랜스파일러임 트랜스파일링이란 특정 언어로 작성된 코드를 비슷한 다른 언어로 변환시키는 것이이다. 이를 해주는 것이 트랜스 파일러이다. 트랜스파일링이 필요한 이유는? 모든 브라우저가 ES6의 기능(최신기능)을 제공하지 않기 때문에 ES5코드(구기능)으로 변환시키는 과정이 필요하기 때문이다. 1.1 Babel 설치 # 프로젝트 폴더 생성 $ mkdir esnext-project && cd esnext-project # package.json 생성 $ npm init -y # babel-core, babel-cli 설치 $ npm install --save-dev @babel/core @babel/cli 생성된 package.json { "name": "esnext-project",..

REST는 HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처이고, REST API는 REST를 기반으로 서비스 API를 구현한 것을 의미한다. 1. REST API의 구성 REST API는 자원, 행위, 표현의 3가지 요소로 구성된다. 구성요소 내용 표현 방법 자원 자원 URI(엔드포인트) 행위 자원에 대한 행위 HTTP 요청 메서드 표현 자원에 대한 행위의 구체적 내용 페이로드 * 페이로드란? 전송되는 데이터를 의미 데이터를 전송할 때 헤더와 메타데이터, 에러 체크 비트 등과 같은 다양한 요소들을 함께 보내어 데이터 전송의 효율과 안정성을 높이는데 이 때, 보내고자 하는 데이터 자체를 페이로드라 함 2. REST API 설계 원칙 1. URI는 리소스를 표현해야 한다. 리..

1. Math 프로퍼티 1.1 Math.PI 예제 01) 원주율 PI 반환 Math.PI; // 3.141592653589793 2. Math 메서드 2.1 Math.abs 예제 02) 절대값 반환 Math.abs(-1); // 1 Math.abs('-1'); // 1 Math.abs(''); // 0 Math.abs([]); // 0 Math.abs(null); // 0 Math.abs(undefined); // NaN Math.abs({}); // NaN Math.abs('string'); // NaN Math.abs(); // NaN 2.2 Math.round 예제 03) 소수점 이하를 반올림한 정수 반환 Math.round(1.4); // 1 Math.round(1.6); // 2 Math.rou..

1. 렉시컬 스코프(정적 스코프) 자바스크립트 엔진은 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정함 예제3) const x = 1; function foo() { const x = 10; bar(); } function bar() { console.log(x); } foo(); // 1 bar(); // 1 foo 함수와 bar 함수는 모두 전역에서 정의된 함수이기 때문에 상위 스코프는 전역임 렉시컬 환경의 "외부 렉시컬 환경에 대한 참조"에 저장할 참조값(상위 스코프에 대한 참조)은 함수 정의가 평가되는 시점에 함수가 정의된 환경(위치)에 의해 결정됨 2. 함수 객체의 내부 슬롯 [[ Environment ]] 함수는 자신의 내부 슬롯 [[Environment]..