분류 전체보기 썸네일형 리스트형 Web Application ˙Web? Web Application이란, Web Browser와 결합한 Web 기술들을 사용하여 Client와의 대화를 지원하는 수단이다. Web Site는 Web Page의 모음으로 현재의 수많은 Contents를 제공하는 방식과는 다소 차이가 있다. ˙Web Site? 기본(대표)적으로는, 기존(이전)의 블로그나 포털 사이트, 뉴스 페이지, 스포츠 뉴스 등과 같은 형태이다. 다만, 현재 상태의 블로그 형태는 댓글 기능과, 검색 기능, 연결 등 수많은 기능들이 포함(혼합)되어 있는 형태이다. 동적 Page* 기술들과 대화형 방식의 여러 Application이 혼합되어 있기 때문에 Web Site라고 단정할 수 없다. ˙Web Application? Client와 대화하는 방식의 기능으로 수행 또는 .. 더보기 HTTP(vs HTTPS) vs SOCKET ˙HTTP 성격 ▷ HTTP : Hyper Text Transfer Protocol Server/Client에 대한 데이터를 주고받기 위한 일종의 프로토콜로, Internet에서 HyperText*를 교환하기 위한 통신 규약이다. Application 레벨의 프로토콜로 TCP/IP 기반 위에서 동작한다. ˙HTTPS 성격 ▷ HTTPS : Hyper Text Transfer Protocol Secure HTTP + Secure : HTTP에 데이터 암호화가 추가된 일종의 프로토콜로, 제 3자(Client와 Server 이외의 요소)가 자원을 가로챌 수 없도록 지원한다. HTTP에 비하여 보안성이 높지만, 암호화 및 복호화의 과정이 필요하기 때문에 비교적 속도가 느리다(사용자가 체감할 정도는 아님). 더불.. 더보기 Proxy Server ˙Proxy Server? 보안상의 이유로 직접적인 In-Out(통신/호출 등의 일련 단위)이 불가능한 경우에 사용한다. Client가 자신을 거쳐서 다른 Server로 접근할 수 있도록 중간에서 다리 역할을 하는 대리 Server로, 보안상의 이유로 직접적인 통신 등이 불가능할 때 사용하지만, 해당 이유로만 사용하지는 않는다. Client가 자신을 통하여 타 Service에 간접적으로 접근할 수 있도록 하는 Server로, Proxy Server에 요청된 내용들에 대한 데이터를 캐시*를 이용하여 저장(시간 절약, 병목현상 방지)한다. Proxy Server는 캐시 데이터를 사용하기 위한 목적으로 사용(재요청, 병목현상 등 불필요)하고, 보안 목적으로 사용(중간에 경유하게 되면 IP를 보호할 수 있고, .. 더보기 JSON vs JSONB ˙PostgreSQL JSON? PostgreSQL에서 사용하는 JSON 형태는 일반적으로, List 안에 Dict들의 집합 형태를 말한다. ˙JSON vs JSONB 공통점 JSON 형태와 JSONB 형태 모두 유효성(format 유효성) 체크한다. ˙JSON vs JSONB 차이점 JSON 형태는 입력(들어온) 값을 그대로 저장하는 형태로, JSONB 형태는 입력(들어온) 값을 그대로 저장하지 않고, 데이터의 KEY 순서도 보장하지 않는다. JSONB 형태가 JSON 형태보다 디스크를 조금 더 사용(단, 모든 경우에 해당하는 경우는 아니므로 실행계획 등 확인 필요)한다. JSON 형태는 Indexing이 불가능하지만, JSONB 형태에서는 가능하다. ˙JSON vs JSONB 주의사항 JSON 형태는.. 더보기 HTTP 상태코드 ˙HTTP 상태 코드 Internet(Web) 상에서 Server와 User(Client)가 데이터를 주고받을 때에는 HTTP(Hypertext Transfer Protocol)을 따른다. 이에 대한 상태 코드를 HTTP 상태 코드라고 칭한다(총 5개의 분류로 코드의 자릿수는 3자리로 규약). ˙조건부 응답(1XX) ▷ 데이터(요청)가 수신되어 처리 작업이 진행 중인 상태 - [100] Continue : Client 요청의 시작이 받아들여졌고, 진행 중이며, 나머지를 계속 받아야 하는 경우 ˙성공(2XX) ▷ Client가 데이터(요청)를 받아들여 정상적으로 처리한 상태 - [200] OK : Client의 요청이 정상적으로 동작되고, 반환까지 완료한 경우 - [201] Created : Client의.. 더보기 React Life Cycle API ˙Life Cycle ▷ constructor 생성자 메서드로, Component가 초기 생성될 때 실행되는 것으로, state 선언 가능 ▷ componentWillMount Component가 DOM 위에 만들어지기 전에 실행 ▷ render Component의 rendering을 담당 ▷ componentDidMount 첫 rendering을 마친 후 실행되는 메서드로, 다른 Framework를 연동하거나, 동작 처리를 삽입 ▷ componentWillReceiveProps Component가 prop을 새로 받았을 때 실행되는 메서드(state를 갱신할 때 유용) ▷ shouldComponentUpdate prop 또는 state가 변경되었을 때, rernder를 결정하는 메서드 ▷ compone.. 더보기 React 기초 ˙React Basics React는 Facebook에서 제공하는 Web View를 개발할 수 있도록 지원하는 라이브러리로, Component 기반으로 되어 있어서 데이터를 내려주면 개발자가 자유자재로 UI를 구현할 수 있고, 사용자(Client)와 상호작용 할 수 있는 UI 화면을 효율적으로 구성할 수 있다. ˙React Component React는 Component를 기반으로 하는 라이브러리로, 데이터를 처리하는 역할을 담당한다. User-Interface 안에서 각각의 Component들이 구성되어 동작되고, Component들은 다른 User-Interface에서도 사용이 가능(재사용성 및 효율성 극대화)하다. Component는 클래스형(stateful)과 함수형(stateless)으로 구성된.. 더보기 WAS : Web Application Server ˙WAS : Web Applicaion Server ▷ Web Server Client에서 HTTP 요청을 받고 HTML 등과 같은 페이지(JavaScript 등)를 정적으로 처리하여 반환하는 정적인 서버(Apache, Nginx 등)이다. ▷ CGI : Common Gateway Interface 정적인 서버를 동적으로 만들기 위한 요소로, 요청받은 내용을 외부의 프로그램과 연결만 지원하고, 이외 프로그램은 별도의 Web Server가 실행한다. Web Server에 들어온 Request 요청을 외부와 연결하여 요청에 대한 내용을 처리하도록 지원한다. WAS와의 차이는 실행하는 주체의 차이로, CGI는 다수의 요청을 처리하기에 상대적으로 불리하다. ▷ WSGI : Web Server Gateway In.. 더보기 이전 1 2 3 4 5 6 7 다음
