분류 전체보기31 github ssh key 등록하기 깃헙에 등록된 프로젝트를 로컬로 clone 할때, https 방식이 아닌 SSH방식으로 Clone 및 하는 방법에 대해 간단히 알아보겠습니다. 먼저, 터미널에 다음과 같이 명령어를 입력하여 ssh-key를 생성 합니다. 1. ssh-key 생성 $ ssh-keygen 2. ssh-key 복사 $ cat ~/.ssh/id_rsa.pub 위와 같이 명령어를 입력하면 password 등록을 하라고 합니다. 만약 clone 및 push, pull 등 작업을 할 때, 비밀번호를 입력을 원하시면 비밀번호를 적어 주시고, 비밀번호를 입력하기 귀찮다고 생각하는분은 그냥 엔터를 입력 해서 넘어 갑니다. 그러면 ssh-rsa 로 시작해서 아주 긴 ssh key 값을 보여 집니다. 해당 ssh-key 값을 복사 합니다. 3.. 2022. 2. 1. 리액트에서 쿠키 및 스토리지 활용하기 개요 클라이언트에서 데이터를 관리하는 방법인 쿠키 및 스토리지에 대해서 알아보도록 하며, 간단한 예제를 통해서, 리액트 프로젝트에서 쿠키를 어떻게 사용하는지에 대해 알아보자. 먼저, 리액트 프로젝트에 쿠키를 사용하기 전에, 쿠키 및 스토리지에 대해서 간략히 알아보도록 하자. 쿠키, 스토리지란 무엇인가? 이에 대해 설명하기전 간단하게 HTTP 프로토콜에 대해 간단한 특징을 살펴 보자. HTTP 프로토콜의 특징 비연결지향 (Connectionless) : 클라이언트가 서버에게 Request(요청)을 보내고 서버가 클라이언트에게 Response(응답) 를 보내면 접속을 종료한다. 무상태 (Statelistt) : 통신이 끝나면 상태 정보를 유지하지 않는다. 클라이언트의 로그인 등의 정보나, 브라우저에서 입력한.. 2022. 1. 31. React + Typescript + Webpack 환경 구성하기 (without CRA) 개요 create-react-app 줄여서 CRA인 페이스북에서 제공하는 리액트 보일러플레이트를 사용하여 개발 환경을 구성하는 것이 아닌, webpack을 이용하여 리액트 개발환경을 구성하는 방법에 대해 알아보겠다. CRA로 개발환경을 구성할 경우 babel 과 webpack 그리고 Typescript등 설정 필요 없이 명령어 하나로 개발에 필요한 환경을 셋팅 할 수 있다. 하지만, CRA에 의존하다 보면, 추후에 Webpack 및 Babel에 추가적인 설정을 해야 할 경우가 생겼을때, 어려움을 겪을 수 있다. Webpack으로 개발환경을 구성하기전 간단하게 Webpack이 무엇인지에 대해 알아보겠다. Webpack 이란? webpack에 대한 위키백과의 정의 및 개념을 보자면, 웹팩(Webpack)은 .. 2022. 1. 30. react-daum-postcode를 사용하여, 우편번호 검색 해보기 개요 리액트에서 우편번호 검색에 사용되는 react-daum-post에 대해 알아보겠다. 이 기능은 주로, 회원가입 및, 이커머스 에서 배송지 입력 등 주소를 입력할때 많이 활용되는 라이브러리 이다. react-daum-postcode 설치 Daum Postcode API를 사용하기 위해, 다음과 같이 라이브러리를 설치 해야한다. npm install react-daum-postcode 설치가 완료 되었다면, Postcode 컴포넌트에 적용을 해보자. src/components/Postcode.tsx import React from "react"; import DaumPostcode from "react-daum-postcode"; //추가 const Postcode: React.FC = () =>{ /.. 2022. 1. 28. 이전 1 2 3 4 5 6 ··· 8 다음
