Javascript/웹 개발 14

타입스크립트

자바스크립트의 강력한 장점이자 단점은 동적이라는 것이다. 추적이 안되는 객체들이 너무나도 많기 때문에 속성의 변경이 너무나도 쉬우면서, 반대로 변경이 너무 쉬워 잘못된 것을 실행 중에 알게 된다. 실제로 어떤 서비스를 운영할 때에 테스트할 때 발견되지 않았던 버그가 생길 수 있다 이러한 문제를 타입스크립트가 해결해주었는데 타입스크립트는 기본적으로 변수에 타입을 지정해주면서, 코드를 추적해준다. 타입스크립트 장점 - 자바스크립트의 상위 집합 - 모든 코드에 대해 타입을 지정하지 않아도 유추를 통한 타입 제어가 가능 - 절차지향, 객체지향, 함수형 활용 가능 타입스크립트 단점 - 초반 세팅이 불편 - interface나 class 등의 이름 때문에 오류가 발생하기도 함 - 가독성이 상대적으로 떨어짐

CORS

- Cross Origin Resource Sharing의 약자 - 현재 도메인과 다른 도메인으로 리소스가 요청될 경우 ex) http://a.com에서 읽어온 html 페이지지에서 다른 도메인 http://b.com/image.png를 요청하는 경우 - 이런 경우 해당 리소스는 cross-origin HTTP 요청에 의해 요청, 보안 상의 이유로 브라우저는 CORS를 제한 - 하지만 SPA의 경우 RESTful API를 기반으로 비동기 네트워크 통신을 하기 때문에 API 서버와 웹 페이지 서버가 다를 수 있다. 이런 경우에 API 서버로 요청을 할 시에 CORS 제한이 걸린다. Access-Control-Allow-Origin - 이를 해결하기 위한 간단한 방법은 서버의 응답 헤더를 변경해주는 것 - ..

REST API

REST - 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것을 의미 - 웹에서 통신을 위해 사용되는 구조 - 전송 관련 상태를 표현하는 구조 - 구성 1) 자원 - URI 2) 행위 - HTTP 메서드 3) 표현 API(Application Programming Interface) - 사용자가 원하는 것에 도달할 수 있도록 한 인터페이스 - 애플리케이션 소프트웨어의 구현 방식을 몰라도 사용자가 API를 통해 사용 가능 - 정보 제공자와 정보 사용자 간 소통하기 위한 하나의 인터페이스 장치 REST API - REST를 기반으로 서비스 API를 구현한 것 - RESTful하다 : REST 구조 스타일로 API가 이루어진 서비스 URI 기본 설계 규칙 - /는 계층 관계를 나타낼 때 사용 -..

[GIT] 개념

분산버전관리시스템 git vs git hub git은 소스 코드를 관리할 수 있는 툴이고 git hub은 클라우드 서비스 git으로 관리하고 있는 코드들은 git hub에 올린 다음에 git hub에서 많은 사람들과 공유도 하고 수정도 할 수 있게 해준다. git init - git 저장소 생성 git status - git 상태 확인 Working Directory Staging Area Git repository(local) Git repository(remote) -> -> -> git add git commit git push .gitignore 하면 저장소에서 입력한 폴더는 없어지게 되는데 git add 하기 전에 해야 한다. 안전하게 git hub에 통신하려면 SSH(Secure Shell)을..