개요 REST REST 란? REST 구성 REST의 장단점 REST API REST API 란? REST API 규칙 RESTful API RESTful API 란? 요약 및 정리 REST 란? REST(Representational State Transfer)는 월드 와이드 웹(World Wide Web)과 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 아키텍처의 한 형식이다 - [위키백과] 웹에 존재하는 모든 자원(이미지, 동영상 DB 자원 등..)에 고유한 URI(Uniform Resource Identifier)를 부여. 이러한 자원에 대한 주소를 지정하는 방법론을 의미한다. REST 구성 구성 요소 내용 표현 방법 Resource 자원 HTTP URI Verb 자원에 대한 행위 HTTP Me..

TypeScript란 무엇인가? 마이크로소프트에서 구현한 JavaScript의 Superset(상위확장) 프로그래밍 언어. 확장자로는 .ts를 사용하며, 컴파일의 결과물로 JavaScript 코드를 출력. 런타임에서는 이렇게 출력된 JavaScript 코드를 구동. [나무위키] 쉽게 표현하자면, JavaScript + Type = TypeScript 이다. JavaScript의 Superset(상위확장)으로 JavaScript의 기능을 유지하며 Type을 설정할 수 있도록 해준다. JavaScript와 TypeScript 차이는? 동적 타입 언어(Dynamic type language)인 JavaScript는 런타임 속도는 빠르지만, Type의 안정성이 보장되지 않음. 정적 타입 언어(Static typ..

디자인 패턴 특정 문맥에서 공통적으로 발생하는 문제에 대해 재사용 가능한 해결책이다. 소스나 기계 코드로 바로 전환될 수 있는 완성된 디자인은 아니며, 다른 상황에 맞게 사용될 수 있는 문제들을 해결하는 데에 쓰이는 템플릿이다. 디자인 패턴은 프로그래머가 애플리케이션이나 시스템을 디자인할 때 공통된 문제들을 해결하는 데에 쓰이는 형식화된 가장 좋은 관행이다. - [위키백과] MVC란 MVC는 Model-View-Controller의 약자. 하나의 애플리케이션을 구성할 때 그 구성 요소를 세 가지로 구분한 패턴. 사용자 인터페이스로부터 비즈니스 로직을 분리하여, 서로 영향 없이 쉽게 고칠 수 있는 애플리케이션을 만들 수 있다. Model (모델) 애플리케이션의 정보, 프로그램에서 사용되는 데이터를 의미. ..

서론 JavaScript에서 클라이언트와 서버 간 데이터를 주고받기 위해 비동기 HTTP 통신을 사용한다. 그 예로 Ajax, Axios, fetch 가 있다. 비동기에 관하여 참고하면 좋은 자료 [JavaScript] Promise(프로미스) 란 무엇인가? [JavaScript] 비동기 처리 - Async / Await이란 무엇인가? [JavaScript] Promise(프로미스) 란 무엇인가? 프로미스(promise)를 이해하기 위해서는 JavaScript가 어떤 식으로 작동하는지 알아야 한다. 싱글 쓰레드 언어인 JavaScript는 비동기 처리를 위해서 콜백(Call Back)을 이용해 이를 보완하였다. 하지만 Cal shin1303.tistory.com [JavaScript] 비동기 처리 - A..

npm 이란? npm 은 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이다. 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자이다. [위키백과] npm 이란 Node Packaged Manager(노드 패키지 관리자)의 약자이다. → JavaScript 모듈을 설치하기 위해 사용된다. 예로 'pnpm', 'Yarn' 등이 있다. Node.js의 기본 패키지 관리자이므로 Node.js가 설치되어 있다면 npm을 사용하기 위해 따로 무언가 할 필요는 없다. npm에 대한 자세한 설명 https://docs.npmjs.com/about-npm About npm | npm Docs Documentation for the npm registry, website, and command-line int..

서론 React 파일은 'create-react-app'을 통해 만들었다. GitHub Repository 생성 테스트를 위해 gh-pages-test 명으로 repository를 만들었다. 로컬 저장소와 연결 default 브런치명이 main으로 변경되었지만, create-react-app을 통해 설치하면 브런치명이 master로 나온다. 아래 명령어를 터미널에 입력하여 로컬 저장소와 원격 저장소를 연결한다. git init git remote add origin [repository 주소] gh-pages 설치하기 gh-pages를 이용하기 위해서는 패키지를 설치해야 한다. npm install gh-pages package.json에 주소 추가 패키지 설치가 완료되면 package.json에 "ho..