전체 글

개념 웹 프로그래밍 세계에서의 대화를 웹 통신이라고 한다. 이 대화방법은 보통 서버와 클라이언트 간에 ‘데이터’를 전송하는 방식으로 이루어진다. 웹 통신은 서버와 클라이언트간의 대화이다. 프로토콜 (1) 프로토콜이란 서버(웹 서버)와 클라이언트(웹 브라우저)가 대화하기 위해 서로 약속된 방식을 프로토콜이라고 한다. 특히 웹에서 서버 ↔ 클라이언트간 주고 받는 상호간의 약속(프로토콜)을 HTTP 프로토콜이라고 한다. (2) 요청(Request)과 응답(Response) 서버와 클라이언트가 서로 데이터를 주고 받기(대화하기) 위해서 클라이언트는 ‘요청(request)’을 해야 하고 서버는 그에 따른 ‘응답(response)’을 준다. (3) URL protocol domain(sub domain, domai..

1. json-server란? (1)json-server 정의 및 사용하는 이유 json-server란, 아주 간단한 DB와 API 서버를 생성해주는 패키지입니다. 우리가 json-server를 사용하는 이유는 Backend(이하 BE)에서 실제 DB와 API Server가 구축될 때까지 Frontend(이하 FE) 개발에 임시적으로 사용할 mock data를 생성하기 위함입니다. json-server를 통해서 FE에서는 BE가 하고 있는 작업을 기다리지 않고, FE의 로직과 화면을 구현할 수 있어 효율적으로 협업을 할 수 있습니다. (2)json-server 설치하기 CRA로 프로젝트를 새로 생성하고, yarn 또는 npm을 이용해서 설치합니다. yarn add json-server 2.json-ser..

리덕스 툴킷(Redux Toolkit)이란? (1) 리덕스 툴킷 리덕스를 개량한 것 리덕스를 사용하기 위해 작성했던 ducks 패턴의 요소들이 지나치게 복잡하여 이를 보다 편하게 쓰기 위해 만든 것 줄여서 RTK라고도 한다. 일반 리덕스와 코드 비교 (1) 툴킷 설치하기 CRA를 통해 새로운 프로젝트를 생성하고, yarn을 통해 아래 패키지를 설치한다. yarn add react-redux @reduxjs/toolkit (2) count 프로그램 코드 비교 // 일반 리덕스 예시 코드 // Action Value const ADD_NUMBER = "ADD_NUMBER"; const MINUS_NUMBER = "MINUS_NUMBER"; // Action Creator export const addNumb..

커밋 메세지 규칙 1. 동명사보다는 명사를 사용한다. 동사를 명사화시키기보다는 그 의미를 잘 표현하는 명사를 찾아서 사용한다. 이렇게하면 문장이 장황하지 않고 간결해진다. 2. 관사는 사용하지 않는다. 꼭 필요한 경우가 아니면 a, an, the는 사용하지 않는다. 3. 부정문 Dont'를 사용한다 커밋 메세지를 명령문 형태로 써야 한다는 것은 모두 알고 있지만, 부정 명령문을 사용하는 것은 잘 모른다. 'A를 사용해'라고 명령했으니 반대를 이야기할 때는 'A를 사용하지마'로 표현해야 한다. Not use가 아니라 Don't use이다. Don't use spdy on node >= v10.0.0 Don't write to the persisted query cache until execution wil..