Note
-
ReactNote 2020. 11. 19. 14:23
React(리액트) 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 ko.reactjs.org React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 간단한 컴포넌트 리액트 컴포넌트는 render()라는 메서드를 구현하는데, 이것은 데이터를 입력받아 화면에 표시할 내용을 반환하는 역할을 한다. 컴포넌트로 전달된 데이터는 render() 안에서 this.props를 통해 접근할 수 있다. JSX 자바스크립트의 확장 문법 JSX는 리액트 "엘리먼트(element)"를 생성한다. React를 사용하기 위해서 JSX가 꼭 필요한 것은 아니지만 대부분의 사람들은 ..
-
BMP, JPG, PNGNote 2020. 11. 17. 17:26
BMP 마이크로소프트에서 개발한 무손실 비트맵(bitmap) 이미지 파일 컨테이너로 윈도 시스템에서 주로 사용된다. 주로 반복 문자열 제거라는 압축 기법을 이용한 무손실 압축 상태로 사용되기 때문에 압축 효율은 그리 높지 못하다. 이미지 확장자 중에 화질이 제일 선명하고 호환성이 매우 높지만 대부분의 BMP 파일은 압축을 거의 하지 않아 상대적으로 크기가 크다는 단점이 있다. JPG 합동사진전문가단체(JPEG, Joint Photographic Exports Group)에서 지정한 정지화상을 위한 표준으로 용량대비 화질이 뛰어나다. 현재 가장 많은 분야에서 가장 많이 사용되고 있는 손실 압축 기반의 비트맵 이미지 파일 컨테이너로 RGB 신호를 그대로 사용하지 않고 비디오에서 많이 사용하는 YCbCr 방식..
-
HTTP 응답 코드Note 2020. 11. 16. 22:41
HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 응답은 5개의 그룹으로 나누어지는데, 1xx: 정보를 제공하는 응답 2xx: 성공적인 응답 3xx: 리다이렉트 4xx: 클라이언트 에러 5xx: 서버 에러 1XX: 정보를 제공하는 응답 100 continue - 임시적인 응답은 지금까지의 상태가 괜찮으며 클라이언트가 계속해서 요청을 하거나 이미 요청을 완료한 경우에는 무시해도 되는 것을 알려줍니다. 101 Switching Protocol - 클라이언트가 보낸 업그레이드 요청 헤더에 대한 응답에 들어가며 서버에서 프로토콜을 변경할 것임을 알려줍니다. 102 Processing - 서버가 요청을 수신하였으며 이를 처리하고 있지만, 아직 제대로 된 응답을 알려줄 수 없음을 ..
-
node.js, moduleNote 2020. 11. 16. 22:14
node.js node.js는 chrome v8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 런타임: 프로그래밍 언어가 구동되는 환경 자바스크립트를 컴파일 해주는 엔진으로 빌드 된 자바스크립트가 구동 중인 환경 예전에는 자바스크립트 런타임이 브라우저 밖에 존재하지 않았는데 node.js가 등장하였다. node.js를 이용하여 서버를 구성할 수 있고, npm으로 모듈 관리나 웹팩과 같은 CLI를 구동할 수 있다. 장점 자바스크립트를 동일하게 사용해서 서버단 로직을 처리할 수 있고 새로운 언어를 습득하지 않고도 자바스크립트를 활용해 서버 기술을 빨리 개발할 수 있음 이벤트 기반 비동기방식이라 서버 무리가 적음 npm(node package manager)을 통한 다양한 모듈(패키지) 제공, npm을 이용..
-
HTTP 프로토콜Note 2020. 11. 12. 19:44
HTTP(Hypertext Transfer Protocol) 프로토콜이란 상호 간에 정의한 규칙을 의미하며 특정 기기 간에 데이터를 주고받기 위해 정의 웹에서는 브라우저와 서버 간에 데이터를 주고받기 위한 방식으로 HTTP 프로토콜을 사용 특징 HTTP 프로토콜은 상태가 없는(stateless) 프로토콜 상태가 없다는 말은 데이터를 주고받기 위한 각각의 데이터 요청이 서로 독립적으로 관리가 된다는 말로 이전 데이터 요청과 다음 데이터 요청이 서로 관련이 없다는 말이다. 이런 특징 덕분에 서버는 세션과 같은 별도의 추가 정보를 관리하지 않아도 되고, 다수의 요청 처리 및 서버의 부하를 줄일 수 있는 성능 상의 이점이 생긴다. HTTP 프로토콜은 일반적으로 TCP/IP 통신 위에서 동작하며 기본 포트는 80..
-
Asynchronous & PromiseNote 2020. 11. 10. 21:48
동기(synchronous)와 비동기(Asynchronous) 출처: PoiemaWeb 커피숍의 대기열에 줄을 서 있는 손님이라고 생각해보자. 앞 손님이 커피를 주문하고, 주문한 커피를 받을 때까지, 줄에 서 있는 손님은 주문조차 할 수 없다면 그 커피숍은 가지 않을 것이다. 이를 blocking이라고 부른다. 동기적(a)인 작업에 따라 이후 작업이 "막히게 된 것"을 말한다. 반면 비동기적(b)인 작업은 앞 손님이 커피를 주문하고, 주문한 커피를 받기 전에도 이후에 온 손님이 주문을 할 수 있는 것을 말한다. 앞에 작업이 처리되지 않더라도 그 이후 작업들이 처리될 수 있는 것을 말하는 것이다. 동기(synchronous) 동기는 요청을 보낸 후 응답을 받아야 다음 동작이 이루어지는 방식. 모든 일은 순..