일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 속성
- for of
- 타입
- properties
- flex-direction
- Methods
- flex-wrap
- javascript
- 기초
- 반복문
- for in
- 화살표함수
- 변수
- boolean
- 비교연산자
- 함수선언식
- frontend
- typeof
- if else
- align-content
- 논리연산자
- 함수
- 프론트엔드
- 함수표현식
- 조건문
- justify-content
- for
- 문자열
- flex
- ELSE
- Today
- Total
목록전체 글 (100)
하얀 코딩

Start line HTTP Requests는 클라이언트가 서버에게 보내는 메시지입니다. Start line에는 세 가지 요소가 있습니다. 1. 수행할 작업(GET, PUT, POST 등)이나 방식(HEAD or OPTIONS)을 설명하는 HTTP method를 나타냅니다. 예를 들어 GET method는 리소스를 조회 하는 요청이고, POST method는 데이터를 서버로 요청합니다. 2. 요청 대상(일반적으로 URL이나 URI) 또는 프로토콜, 포트, 도메인의 절대 경로는 요청 컨텍스트에 작성됩니다. 이 요청 형식은 HTTP method 마다 다릅니다. origin 형식 : '?'와 쿼리 문자열이 붙는 절대 경로입니다. GET, POST, HEAD, OPTIONS 등의 method와 함께 사용합니다...

HTTP는 HyperText Transfer Protocol의 줄임말로, HTML과 같은 문서를 전송하기 위한 프로토콜입니다. HTTP는 웹 브라우저와 웹 서버의 소통을 위해 디자인되었습니다. 전통적인 클라이언트-서버 모델에서 클라이언트가 HTTP Messages 양식에 맞춰 요청을 보내면, 서버도 HTTP Messages 양식에 맞춰 응답합니다. HTTP Messages는 클라이언트와 서버 사이에서 데이터가 교환되는 방식입니다. HTTP Messages에는 다음과 같은 두 가지 유형이 있습니다. 요청 (Requests) 응답 (Responses) HTTP Messages는 몇 줄의 텍스트 정보로 구성됩니다. 그러나 개발자는 이런 메시지를 직접 작성할 필요가 거의 없습니다. 구성 파일, API, 기타 인..

Chrome 브라우저를 사용하다 보면 누구나 한 번쯤 에러 메시지를 만날 수 있습니다. 이 에러 메시지는 웹페이지를 제공하는 서버와 Chrome 브라우저가 소통하는 단계, 또는 기기와 네트워크의 연결, Chrome 브라우저가 해석할 수 없는 데이터를 전송받은 경우 발생합니다. 아래에서 설명하는 에러 메시지는 Chrome 브라우저를 사용하면 만날 수 있는 잘 알려진 에러 메시지입니다. Chrome 브라우저를 제공하는 구글은 이런 에러 메시지를 어떻게 핸들링해야 하는지 잘 설명해두었습니다. 웹페이지 대신 '앗, 이런!' 에러 페이지 또는 다른 에러 메시지가 표시된다면, Chrome 브라우저가 웹 페이지를 로드하는 데에 문제가 발생한 경우입니다. 이 경우 페이지가 느리게 로드되거나, 열리지 않을 수도 있습니다..

Domain 1. 도메인은 웹 브라우저를 통해 특정 사이트에 진입을 할 때, IP 주소를 대신하여 사용하는 주소이다. ex) naver.com, google.com, youtube.com 2. 숫자와 . 의 배열만으로 이루어진 IP주소를 좀더 보기좋게 포장하여 나타낸 것 ex) naver.com, google.com, youtube.com DNS (Domain Name System) 네트워크 상에 존재하는 모든 PC는 IP 주소가 있습니다. 모든 IP 주소가 도메인 이름을 가지는 것은 아닙니다. 로컬 PC를 나타내는 127.0.0.1 은 localhost 로 사용할 수 있지만, 그 외의 모든 도메인 이름은 일정 기간 동안 대여하여 사용합니다. DNS는 데이터베이스 시스템입니다. 호스트의 도메인 이름을 I..

IP (Internet Protocol) IP는 인터넷상에서 사용하는 주소체계를 의미합니다. 네트워크에 연결된 특정 PC의 주소를 나타내는 체계를 IP address(IP 주소)라고 합니다. 인터넷에 연결된 모든 PC는 IP 주소체계를 따라 네 덩이의 숫자로 구분됩니다. ex) 123.456.789.123 이렇게 네 덩이의 숫자로 구분된 IP 주소체계를 IPv4라고 합니다. IPv4는 Internet Protocol version 4의 줄임말로, IP 주소체계의 네 번째 버전을 뜻합니다. 터미널(CLI)을 열고, nslookup 명령어로 nslookup naver.com 을 입력하면 해당 사이트의 IP 주소를 알 수 있습니다. nslookup naver.com IPv4는 각 덩어리마다 0부터 255까지 ..

URL (Uniform Resource Locator) URL은 네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 위치한 정보를 나타냅니다. URL은 scheme, hosts, url-path로 구분할 수 있습니다. ※ 127.0.0.1 은 로컬 PC를 나타냅니다. ※ port는 서버로 진입할 수 있는 통로입니다. URI (Uniform Resource Identifier) URI는 일반적으로 URL의 기본 요소인 scheme, hosts, url-path에 더해 query, fragment를 포함합니다. query는 웹 서버에 보내는 추가적인 질문입니다. 위 그림의 http://www.google.com:80/search?q=JavaScript 를 브라우저의 검색창에 입력하면, 구글에서 Java..

웹 애플리케이션 아키텍처에서는 클라이언트와 서버가 서로 HTTP라는 프로토콜을 이용해서 서로 대화를 나눕니다. HTTP를 이용해 주고받는 메시지는 "HTTP 메시지"라고 부릅니다. 프로토콜은 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계입니다. 기기 간 통신은 교환되는 데이터의 형식에 대해 상호 합의를 요구합니다. 이런 형식을 정의하는 규칙의 집합을 프로토콜이라고 합니다. OSI 7 Layers는 컴퓨터공학 네트워크에서 자주 등장하는 개념입니다. 해당 프로토콜이 어떤 계층(layer)에 속해있는지를 표시하고 있습니다. 나중에 깊게 다루니 일단 참고만 하셔도 좋아요! API (Application Programming Interface) API의 맥락에서 Applicati..

Client Server Architecture 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것을 2티어 아키텍처, 또는 클라이언트-서버 아키텍처라고 부릅니다. 스마트폰에서 쇼핑몰 앱을 사용해 본 경험이 있나요? 다들 한 번쯤은 사용해 보았으리라 생각되는데, 혹시 인터넷 연결 없이 쇼핑몰 앱을 실행시켜 본 적이 있나요? 인터넷 연결이 없는 쇼핑몰 앱은 과연 잘 작동할까요? 인터넷 연결이 없다면 쇼핑몰 앱은 정상적으로 동작할 수 없습니다. 그 이유는 상품 정보를 인터넷 어딘가에 존재하는 서버(server)로부터 받아오기 때문입니다. 클라이언트(client) 네트워크를 통하여 서버라는 다른 컴퓨터 시스템 상의 원격 서비스에 접속할 수 있는 응용 프로그램이나 서비스를 말한다. 서버(server) 클..