Step-up Step-up

😂 1. git 브랜치 git branch 현재 작업하고 있는 브랜치 위치 조회 2. 브랜치 생성 및 옮김 git checkout -b 브랜치명 브랜치명을 잘못 선정해서 그런지 되지 않았다 git branch 로 생성 생성한 브랜치로 작업 변경은 checkout 이용 git branch 브랜치명 git checkout 브랜치명 이 순서로 적용하고 현재 브랜치 위치 까지 확인해주면 된다.

Post man 포스트맨 POSTMAN은 API를 개발, 테스트, 공유 및 문서화하는 데 사용되는 API 클라이언트 입니다. 엔드 포인트 URL을 입력하는 테스트에 사용되며 서버로 요청을 보내고 서버에서 응답을 받아 api가 잘 동작하는지 확인할 수 있습니다. 사실 그냥 브라우저에서 URL을 통해 응답이 잘 왔는지 정도는 체크는 할 수 있습니다. 하지만 보다 체계적으로 시나리오 테스트를 하려면 api 툴을 사용해야 합니다. 편리하게 쿼리스트링을 보낼수있는 것은 덤이고, 브라우저 도구에서는 하지못하는 Authorization이나 Header, Body 값 수정 헤더값 수정 등 도구를 이용하면 해당 작업을 할 수 있도록 인터페이스가 있기 때문에 가능합니다. postman은 모바일 개발, 프론트엔드, 백엔드 ..

HTTP 요청은 stateless 하다고 했는데 장바구니는 어떻게 유지되는거지? : 바로 쿠키 덕분입니다🍪 Cookie 란? 웹사이트에 들어갔을때, 서버가 일방적으로 클라이언트에 전달하는 작은 데이터 - 서버가 웹 브라우저에 정보를 저장하고 불러올 수 있는 수단 - 해당 도메인에 대해 쿠키가 존재하면, 웹 브라우저는 도메인에게 http 요청 시 쿠키를 함께 전달 서버는 쿠키를 통해서 어떤 데이터를 저장하려고 할까요 쿠키의 특성은 삭제하지않으면 남아있다는 속성이 있기때문에 장기간 저장해야하는 옵션데이터를 클라이언트에 저장하기 적합합니다. e.g. 장바구니, 테마, 로그인 상태 유지 서버가 응답 헤더에 set-Cookie 프로퍼티에 쿠키의 이름, 값, 경로 등의 옵션을 저장합니다. 쿠키가 담긴 응답을 받은 ..

표현 헤더(Representation Headers) HTTP 메시지는 헤더와 바디로 구분할 수 있습니다. HTTP 바디에서는 데이터 메시지 본문(Message body)을 통해서 표현(Representation) 데이터를 전달합니다. 여기서 데이터를 실어 나르는 부분을 페이로드(Payload)라 합니다. 표현은 요청이나 응답에서 전달할 실제 데이터를 뜻하며 표현 헤더는 표현 데이터를 해석할 수 있는 정보를 제공합니다. HTTP 헤더는 다음과 같은 형식을 따릅니다. HTTP 헤더는 HTTP 전송에 필요한 모든 부가정보를 담기 위해 사용합니다. 다음은 표현 데이터의 형식, 압축 방식, 자연 언어, 길이 등을 설명하는 헤더입니다. 표현 헤더는 요청, 응답 둘 다 사용합니다. Transfer-Encoding은..

HTTP 특징 클라이언트 서버 구조 무상태 프로토콜 (Stateless), 비연결성(Connectionless) HTTP 메세지 단순함, 확장 가능 클라이언트가 서버에 요청을 보내면 서버는 그에 대한 응답을 보내는 클라이언트 서버 구조로 이루어져 있습니다. HTTP의 특징으로는 무상태성과 비연결성이 있다. HTTP에서는 서버가 클라이언트의 상태를 보존하지 않는 무상태 프로토콜입니다. 다음 장에서 사례를 통해 무상태에 대해 알아봅시다. -상태 유지: 중간에 다른 점원으로 바뀌면 안됨. 중간에 다른 점원으로 바뀔 댸 상태 정보를 다른 점원에게 미리 알려줘야 한다. -무상태: 중간에 다른 점원으로 바뀌어도 된다. - 갑자기 고객이 증가해도 점원을 대거 투입할 수 있다. - 갑자기 클라이언트 요청이 증가해도 서..

OSI 7계층 모델 해당 계층 모델은 ISO(International Organization for Standardization)라고 하는 국제표준화기구에서 1984년에 제정한 표준 규격입니다. 왜 네트워크에 대한 표준 규격을 정해야만 했을까요? 지금은 상상하기 어렵지만 같은 회사에서 만든 컴퓨터끼리만 통신이 가능했던 시절이 있었습니다. 따라서 다른 회사의 시스템이라도 네트워크 유형에 관계없이 상호 통신이 가능한 규약, 즉 프로토콜(Protocol)이 필요했습니다. 그래서 ISO에서는 제조사에 상관없이 공통으로 사용할 수 있는 네트워크 표준 규격을 정의했습니다. OSI 7계층 모델은 네트워크를 이루고 있는 구성요소들을 7단계로 나누고, 각 계층의 표준을 정하였습니다. OSI 7계층 모델의 목적은 표준화를..

회선교환 방식 패킷교환 방식은 기존에 전화에서 사용했던 회선교환 방식의 단점을 보완한 방식인데요. 그럼 회선교환 방식은 어떻게 연결을 했을까요? 옛 모습을 배경으로 하는 영화 혹은 드라마에서 아래와 같은 장면을 보신 적 있나요? 이 사진의 여성분이 회선교환 중간에서 발신자와 수신자를 연결해 주는 전화교환원, 즉 오퍼레이터입니다. 회선교환 방식은 발신자와 수신자 사이에 데이터를 전송할 전용선을 미리 할당하고 둘을 연결합니다. (우리가 전화하는 방식을 떠올려보세요.) 그래서 내가 연결하고 싶은 상대가 다른 상대와 연결 중이라면, 상대방은 이미 다른 상대와의 전용선과 연결되어 있기 때문에 그 연결이 끊어지고 나서야 상대방과 연결할 수 있습니다. 또한 특정 회선이 끊어지는 경우에는 처음부터 다시 연결을 성립해야..

리액트는 사용자 인터페이스를 생성하기 위한 자바스크립트 라이브러리로 정의합니다. 페이스북에서 만들어진 기술로 2011년 페이스북 뉴스피드에 처음 적용되었고 2012년 인스타그램에 적용되었고 2013년 오픈 소스화된 히스토리를 가지고 있습니다. 리액트의 장점 1. 컴포넌트 단위 개발에 특화되어 있어 생산성이 좋다 -유지보수 용이 -컴포넌트란 웹을 구성하는 웹 콘텐츠를 기능에 따라 구분한 단위입니다. -리액터에 컴포넌트는 코드 재사용이나 기능 확장을 하기에 무척 편리한 코드 구조를 제공합니다. 2. 싱글 페이지 어플리케이션을 만듭니다. -기존의 단순히 html css 자바스크립트 만을 사용해서 웹 페이지를 만들 떄와는 상당히 다른 차별점이 라고 할 수 있다. -싱글 페이지 어플리케이션은 서버로부터 새로운 페..