전체보기
-
AxiosJavaScript 2022. 6. 14. 13:18
Axios Axios란? Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. 백엔드 / 프론트엔드의 통신을 쉽게하기 위해 Ajax로 서버에 데이터를 요청한다. 라이브러리 설치 npm i --save axios Axios 사용하기 데이터 요청 // 방법 1 axios.get('URL', { 전송할 데이터 }) // 방법 2 axios({ method: '메소드', url: 'URL', params: { 'get ... 등으로 데이터 전송 시 보낼 데이터' }, data: { 'post ... 등으로 데이터 전송 시 보낼 데이터' } }) 데이터를 보낼때는 params 또는 data를 사용하는데, params는 대표적으로 get 메소드, data..
-
'--isolatedModules' 에러 해결 방법ERROR 2022. 6. 13. 16:19
TS1208: 'TodoList.tsx' cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module. TypeScript에 빈페이지가 있으면 나오는 에러이다. 빈페이지에 export {} 입력 하면 에러 해결
-
자바스크립트 객체 종류와 생성 시기JavaScript 2022. 6. 10. 17:08
자바스크립트 객체 종류와 생성 시기 자바스크립트는 객체기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 모든것들이 객체로 존재한다. 처음 자바스크립트가 로드될 때 글로벌 영역의 세가지 객체가 생성된다. Native Object / Built-in Object (자바스크립트 내장객체) 자바스크립트가 프로그램 전체에 공통적으로 필요한 기능을 제공하기 위한 객체이다. 특정 환경에 종속되지 않은, ECMAScript 명세의 내장객체이다. 자바스크립트 엔진이 구동되는 시점에서 바로 제공되며 자바스크립트 코드 어디에서든 사용이 가능하다. Object, Function, Number, Math, Date, string, RegExp, Array, Error, Symbol 등이 있다. Host Object (브..
-
Array MethodJavaScript 2022. 6. 9. 14:18
Array Method 배열 요소 조작 unshift() 배열의 array.unshift() method는 배열의 앞에 요소를 추가한다. 반환 값 : 메서드를 호출한 배열의 새로운 length 속성 const arr = [1, 2, 3] arr.unshift(4, 5) // [4, 5, 1, 2, 3] push() 배열의 array.push() method는 배열의 끝에 요소를 추가한다. 반환 값 : 호출한 배열의 새로운 length 속성 const arr = [ 1, 2, 3] arr.push(4, 5) // [1, 2, 3, 4, 5] shift() 배열의 array.shift() method는 배열의 앞에서부터 요소를 제거한다. 반환 값 : 배열에서 제거한 요소. 빈 배열의 경우 undefined ..
-
배열 (Array)JavaScript 2022. 6. 7. 13:30
배열 (Array) 배열 (Array) 이란? 한개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. let arr = new Array() let arr = [] 배열 안에 들어있는 값들을 요소(element, item, etc)라고 한다. let arr = [ 1, '2', ture ] let arr1 = [ undefined, null, false, NaN, 1000 ] 배열은 어떤 값이라도 배열의 요소로 추가할 수 있으며 종류가 다른 값들도 함께 담을 수 있다. 배열의 크기는 고정되지 않는다. ( ⇒ 언제든 요소를 추가하거나 제거할 수 있다.) 항상 0부터 시작한다. 💡 💡 배열은 기능이 추가된 특수 객체이므로 배열에 숫자가 아닌 키나 분수, 음수 등을 키로 사용할 수는 있다. 하지만 이러..
-
TypeScript 설치 & 컴파일TypeScript 2022. 6. 3. 17:47
TypeScript 설치 & 컴파일 설치 전 준비사항 NodeJS NPM 에디터 TypeScript 설치 // 전역 설치 시 npm install -g typescript // 또는 yarn global add typescript // Mac일 때 설치 확인이 안된다면 sudo npm install -g typescript // 또는 brew install typescript // 프로젝트 단위로 설치 시, 대상 프로젝트 폴더에 진입하여 npm install typescript —save-dev // 또는 yarn add -D typescript 설치 확인 tsc --version 컴파일 타입스크립트를 브라우저에서 실행하기 위해서는 자바스크립트 코드로 변환하여 실행해야 한다. 타입스크립트만으로는 실행이 ..
-
JSON(JavaScript Object Notation)JavaScript 2022. 6. 3. 10:44
JSON(JavaScript Object Notation) JSON (JavaScript Object Notation) 이란? JSON은 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준이다. 즉, JSON 데이터는 자바스크립트가 자주 사용되는 웹 환경에서 사용하는 것이 유리하다. 자바스크립트는 JSON 데이터를 처리하기 위한 다음과 같은 메소드를 제공한다. JSON.stringify() JSON.parse() toJSON() 서로 다른 시스템 간 객체를 교환할 수 있다. (서버 간 통신에 유용하다. (AJAX)) JSON은 Javascript의 기본 데이터 타입인 문자열, 숫자, 배열, 불리언 그리고 다른 객체를 포함할 수 있다. { key: value } 형식이다. 문자열은 ..
-
TypeScriptTypeScript 2022. 6. 2. 19:09
TypeScript 타입스크립트란? 자바스크립트에 타입을 부여한 언어로 기존 자바스크립트 문법을 그대로 사용할 수 있으며, 컴파일 시 에러를 잡을 수 있다. 마이크로소프트에서 자바스크립트의 단점을 보완해 개발/관리되고 있는 오픈소스 프로그래밍 언어이다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해 주는 컴파일 과정이 필요하다. 타입스크립트 사용 이유 1. 에러 예방 타입스크립트는 타입을 부여하기 때문에 코드 작성 시에 알맞지 않은 타입을 넣거나, 타입을 넣지 않았을 경우 사전에 오류를 확인할 수 있다. // js function sum(a, b) { return a + b } sum(10, 20) // 30 sum('10', '20') // 1020 위 코드는 자바스크립트..