September 10, 2022
왜 등장했을까? HTTP 통신은 요청(Request) → 응답(Response)이 종료되면 연결을 끊어버림 Connectionless(비연결성): 클라이언트가 서버에 요청을 했을 때, 요청에 맞는 응답을 보낸 후 연결을 끊는 처리방식 Stateless(무상태성): 클라이언트의 상태 정보를 가지지 않는 서버 처리방식(클라이언트와 첫 번째 통신에 데이터를 주…
August 05, 2022
1. ssh key 생성 다음으로 SSH 키에 대한 비밀번호를 추가로 지정할지 물어봅니다. 패스워드를 설정해도 되고, 추가 패스워드 없이 사용하려면 엔터를 두 번 입력해줍니다. (추가 패스워드는 나중에 지정하는 것도 가능하지만, GitHub에서는 공식적으로 패스워드 설정을 권장하고 있습니다) 2. ssh config 설정 3. ssh agent 등록…
June 30, 2022
React hooks란? 함수형 컴포넌트에서 기능을 추가할 때 사용하는 함수들 1. useEffect 컴포넌트가 마운트 됐을 때(처음 나타났을 때), 언마운트 됐을 때(사라질 때), 그리고 업데이트 될 때(특정 props가 바뀔 때) 실행되는 hook API 호출, 이벤트 처리 등을 처리할 때 사용 2. useMemo 이전에 계산 한 값(랜더링한 함수 …
June 20, 2022
React 특징 JavaScript Frontend Framework(Library) 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리 “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다. SPA(Single Page Application) Component 기반 Virt…
June 10, 2022
git commit history 전부 삭제하기 clone 후 기존 git commit history를 reset 후 새로운 commit history를 남기고 싶을 때 사용하면 됩니다. warning: 이 방법을 사용하면 기존 커밋 히스토리가 전부 reset(초기화) 됩니다. 1. commit history 삭제 2. git 재설정 3. git 커밋 4…
May 30, 2022
Node.js란 chrome의 JavaScript 해석엔진 V8로부터 개발된 JavaScript 런타임(실행) 환경 nvm(node version management) npm(node package management) yarn Node.js를 쓰는 이유 non-blocking I/O 코드가 짧고 쉬움 blocking: 요청받은 함수 작업을 모두 마쳐야 …
May 20, 2022
Clone(클론) 원격 저장소를 로컬 저장소에 복제 Branch(브랜치) 동시에 다양한 작업을 할 수 있도록 분리된 작업영역 브랜치 생성 브랜치 삭제 Checkout(체크아웃) 브랜치 전환 브랜치 생성과 전환 브랜치 조회 Commit(커밋) 커밋 추가 커밋 상태 커밋 메시지 Push(푸시) 원격 저장소의 데이터를 로컬 저장소에 가져와 병…
May 10, 2022
CSR(Client Side Rendering) 최초에 한번 서버에서 전체 페이지를 로딩하여 보여주고, 이후에는 클라이언트의 요청이 올 때 리소스를 서버에서 제공한 후, 클라이언트가 해석하고 렌더링함 모든 html과 static 파일이 로드될 때까지 기다려야 함 SEO(검색 엔진 최적화)가 어려움 SSR(Server Side Rendering) 완전한 h…
May 01, 2022
기술 블로그로 Gatsby를 선택한 후, 서버 배포에 대해 고민하다 github-page를 이용하여 배포하기로 하였습니다. github와 연동이 되며 사용법이 어렵지 않다는 장점으로 선택하게 되었습니다. 1. github-page repository 생성 repository name: 2. gatsby template 선택 gatsby template…