Fairy ' s

며칠 전 부터 깃헙 io 블로그로 이전하고 싶어서 만드는 법을 찾아보았다. Github.io로 블로그를 옮기려고 한 이유는 깃헙 블로그에 지금 티스토리에서 올리듯 TIL을 매일 올리고 커밋하면 하루에 한 개라도 잔디가 쌓이기 때문이다 ... ^^ (성실함의 지표랄까) 처음에 만드는 법을 찾고 무작정 예쁜 테마를 찾아보다가 jekyll에 처피가 인기가 많고 예뻐서 따라해보려 했는데, 이슈 하나를 해결하면 또 다른 이슈가 생기고,,, 이런 태초부터 시작하는 블로그 같은 걸 한 번도 만들어보지 않은 나에겐 너무 어려움이 많았다 !!! 주말에 날 잡고 엉덩이 붙이고 앉아서 깃헙 블로그 될 때까지 꼭 완성해보자 라는 생각으로 시작해보았다. 열심히 다른 테마들을 찾아보다가 내가 좋아하는 넷플릭스 테마를 발견했다 ,..

Q1. 다음의 헤더를 보고 유추할 수 있는 내용을 모두 작성하세요. Response Header Content-Type : text/html 부분은 콘텐츠가 HTML 텍스트임을 나타내고, charset=utf-8 부분은 콘텐츠에 사용되는 문자 인코딩을 지정한 것이다. Transfer-Encoding : 클라이언트와 서버 간에 데이터를 가변 크기의 'chunk'로 전송한다. 일반적으로 전송되는 데이터의 크기를 미리 알 수 없거나 데이터가 실시간으로 스트리밍 될 때 사용한다. Connection : 'keep-alive' 상태는 클라이언트와 서버 간의 지속적인 연결을 허용한다는 뜻이다. vary : 응답을 생성하는 데 사용된 요청 헤더를 나열하며, 동일한 헤더가 새 요청에 있는 경우 캐시가 후속 요청에 대해..

프록시 서버 원 서버를 대리하여 통신하며 캐시, 로드밸런서, 보안 등 중계 역할을 하는 서버 클라이언트는 프록시 서버를 '서버'라고 인식하고, 서버는 프록시 서버를 '클라이언트'로 인식한다. 웹 서버에서 클라이언트의 IP를 숨겨 프라이버시를 강화하는 데 사용할 수 있다. 웹 사이트의 SSL과 같은 암호화를 구현한다. 서버로부터의 응답을 압축하여 네트워크 대역폭을 줄이고 성능을 향상시킨다. 사용자가 정책에 따라 웹 사이트 또는 기타 서비스에 연결하지 못하도록 할 수 있다. 네트워크 트래픽을 기록할 수 있다. 포워드 프록시 (forwaed proxy) 일반적인 프록시로 클라이언트-서버 구조에서 클라이언트 쪽을 대리한다. 클라이언트에서 서버로 리소스를 요청할 때 직접 요청하지 않고 프록시 서버를 거쳐서 요청한..

Q1. 소켓과 포트의 특징을 작성하고, 그 차이점을 설명하세요. 포트 포트는 여러 애플리케이션이나 서비스가 단일 장치에서 동일한 IP 주소를 사용할 수 있도록 하는데에 사용된다. 데이터를 송수신 하기 위해서는 출발지와 도착지의 IP주소와 포트번호를 알아야 한다. 소켓 클라이언트-서버 구조이며, 애플리케이션 계층에서 전송 계층으로 데이터를 주고 받기 위해 소켓을 거쳐 데이터를 송수신한다. 소켓은 같은 포트에 여러 개를 생성하여 사용할 수 있고, 소켓을 통해 연결이 완료되고 데이터 송수신이 끝난다고 해서 연결이 끊어지는 것이 아니라, 실시간 양방향 통신을 할 수 있다. 소켓은 IP주소와 포트 번호를 받아 통신하려는 목적지로 전달하는 역할로, 소포의 개념과 비슷하다. 소켓은 양방향 통신에 대한 엔드 포인트이고..

TCP/IP 4 계층 이론보다는 실용성에 중점을 둔 프로토콜이며, 현대의 네트워크는 대부분 기술 발전을 거쳐, 합리적이고 성능이 우수한 TCP/IP 프로토콜과 이더넷으로 이루어져 있다. 물리적 계층에 가까운 부분이 하위 계층, 개발자가 직접 접하게 되는 애플리케이션에 가까운 부분을 상위 계층 이라고 한다. OSI 7 계층 물리 계층 : 물리적인 연결 정보와 전기 신호를 전달하는 데 초점을 두고, 들어온 전기 신호를 그대로 잘 전달하는 것이 목표이다. 데이터 링크 계층 : 물리 계층에 들어온 전기 신호를 모아서, 알아볼 수 있는 데이터 형태로 처리 한다. 주소 정보를 처리하고 출발지와 도착지 주소를 확인한 후 데이터 처리를 수행한다. 네트워크 계층 : 논리적인 주소(IP 주소)를 정의한다. 라우터를 통해 ..

Start 먼저 요구사항에 맞는 ERD 제작과 API 문서 작성으로 시작되었다. 요구사항 [✔] 사용자는 모든 상품을 조회할 수 있다. [✔] 사용자는 특정 분류의 상품을 조회할 수 있다. (상품분류, 브랜드명, 가격, 상품명) [✔] 사용자의 타입이 판매자인 경우 자신의 상품을 등록할 수 있다. [✔] 사용자는 상품을 장바구니에 담을 수 있다. [✔] 사용자는 자신의 장바구니를 조회할 수 있다. [✔] 사용자는 자신의 장바구니에 있는 상품의 수량을 변경시킬 수 있다. [✔] 사용자는 상품을 자신의 장바구니에서 제외할 수 있다. TABLE 필요한 테이블은 users, items, cart 세 가지 테이블입니다. users 테이블은 프라이머리 키로 지정한 고유한 user_id 그리고 username과 유저..

객체 관련된 정보와 동작을 함께 모아 놓은 것 프로퍼티는 '키 : 값' 형태를 가지고 있고, 값이 함수일 경우 이것을 '메서드'라고 한다. 내장 객체 - 자주 사용하는 요소들이 자바스크립트에 미리 정의되어 있는 객체 문서 객체 모델 (DOM) - 웹 문서 자체, 이미지, 링크, 폼 객체 등과 document 객체, 웹 문서 안의 이미지를 관리하는 image 객체 등 웹 브라우저 객체 - 현재 사용 중인 웹 브라우저 정보를 담고 있는 native 객체, history 객체, location 객체, screen 객체 등 사용자 정의 객체 - 사용자가 필요할 때마다 자신의 객체를 정의해서 사용할 수 있다. 사용자 정의 객체 객체 선언 // 객체 형식 let book1 = { title : "JavaScript..

내장 객체 사용자가 손쉽게 가져와서 사용할 수 있도록 미리 만들어진 객체 웹 브라우저 창에서 웹 문서를 열면 가장 먼저 window라는 객체가 만들어지고, 하위에 웹 브라우저 창의 각 요소에 해당하는 객체들이 만들어진다. 하위 객체들은 웹 브라우저 창의 각 요소(웹 문서, 주소 표시줄)에 해당하는 객체들이며 각 또 다른 하위 객체를 가지고 있다. window 객체 웹 브라우저 창과 관련된 정보를 가지고 있으며, 웹 브라우저 창을 관리한다. window.프로퍼티이름 (프로퍼티 종류 ↓) document : 웹 브라우저 창에 표시된 웹 문서에 접근할 수 있다. frameElement : 현재 창이 다른 요소 안에 포함되어 있으면 해당 요소 반환 ,그렇지 않으면 null 반환 sessionStorage : 웹..