본문 바로가기

전체 글

 (13)
[네트워크] REST / REST API / RESTful API REST Representational State Transfer 자원을 이름으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것 자원 : 해당 소프트웨어가 관리하는 모든 것 (문서, 데이터 ...) 상태(정보) 전달 데이터가 요청되어지는 시점에서 자원의 상태(정보)를 전달합니다. 주로 JSON 또는 XML을 통해 데이터를 주고 받습니다. www 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 개발 아키텍쳐의 한 형식으로 웹의 기존 기술과 HTTP 프로토콜을 그대로 활용하므로 웹의 장점을 활용할 수 있는 아키텍쳐 스타일입니다. HTTP URI (Uniform Resource Identifier) 를 통해 자원 (Resource) 을 명시하고, HTTP Method (POST, GET, PUT, D..
[React] 기초, JSX, create-react-app, Props & State React란? UI 구축을 위한 JavaScript 오픈소스 라이브러리 React의 특징 선언형 (Declarative) HTML / CSS / JAVASCRIPT 로 나누지 않고 JSX를 활용해 하나의 파일에 명시적으로 작성 컴포넌트 기반 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발 컴포넌트로 분할해서 서로 독립적이며 재사용이 가능하여 기능에 집중하여 개발할 수 있고, 유지보수와 유닛 테스트가 편합니다. 범용성 기존 코드를 다시 작성하지 않고 React에서 새로운 기능을 개발할 수 있습니다. React는 React Native를 이용하여 모바일앱을 만들거나 Node를 사용한 서버에서 렌더링할 수도 있습니다. JSX (JavaScript XML) 문법 JS 안에서 HTML..
[JavaScript] 비동기 처리 asynchronous programming 동기 vs 비동기 동기는 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 합니다. 비동기는 요청과 결과가 동시에 일어나지 않아도 됩니다. 즉, 요청에 대한 실행이 완료되어 결과가 나올 때까지 기다리지 않고 다음 요청을 먼저 수행하는 것입니다. 예를 들면 카페에서 주문을 하는 상황에서 동기적인 시스템이라면 커피를 주문하고 주문한 커피를 받을 때까지 카운터 앞에서 자리를 지켜야 합니다. 반면 비동기적인 시스템에서는 주문을 하면 진동벨을 받은 후, 장소를 옮기거나 다른 일을 할 수 있습니다. 그리고 주문한 커피가 나오면 진동벨이 울리고 주문자는 커피가 나왔음을 알 수 있습니다. 동기 처리방식은 설계가 매우 간단하고 직관적이지만 결과가 주어질 때까지 아무것도 못하고 대기해야 하는 (블록 상태..

티스토리툴바