안녕하세요 git에 대해서 정리하는 시간을 갖고 정리해봤습니다. 프로젝트를 하면 버전관리툴을 사용하는 것이 불가피 합니다. 고로 개발만큼 중요하고 개발의 일부분이라고 할 수 있습니다. git을 왜 쓰냐? 한줄로 요약하면 개발한 소스를 백업하고 함께 협업하기 위해서 입니다. 보통 프로젝트를 진행하면 혼자 하지 않고, 여럿이 합니다. 여러사람이 소스를 공유할 수 있고, 혼자 진행하더라도 개발한 소스를 항상 백업 할 수있습니다. 기본 사용 https://git-scm.com/에서 다운받아 설치하시면 됩니다. 설치를 하고 터미널을 실행해서 개발프로젝트 폴더 경로에서 여러가지 git 명령어를 실행해보실 수 있습니다. repository생성: git init 브랜치생성 : git branch 브랜치명 브랜치이동 :..

WEB STORAGE HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. 그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. Web Storage는 기존 웹 환경의 쿠키(Cookie)와 매우 유사한 개념이다. 사실 거의 차이가 없지만 몇 가지 쿠키의 단점을 극복하는 개선점이 도입되었다. 그러나 쿠키는 여전히 유효하고 꽤 적절한 클라이언트 저장도구임에 틀림없다. HTML5 에서 Web Storage 스펙을 새로 추가했지만..

쓸때마다 까먹기때문에 저장해놔야해요ㅠ 1. CTRL + H (바꾸기 모드 대화창 열기) 2. ALT + R (표현식 모드로 변경) 3. _([a-zA-Z]) 입력 (언더스코어로 시작하는 첫문자 찾기) 4. TAB 키를 치고 $1 입력하기, 대체 문자열 입력하는 칸으로 이동하여 대체 문자열 지정($1는 대체문자열을 지정하는 것임 변수같은 느낌) 5. ALT + ENTER (해당하는 문자열 모두 선택) 6. F1 키 눌러서 커맨드 팔레트 대화창 연다음 upper 입력하여 나온 'Transform to UpperCase' 선택하고 엔터 7. CTRL + ALT + ENTER (일괄 적용 처리)

1. 개요 React를 공부하면서 어떻게 보면 가장 기초이고, 가장 중요한 부분인데 사실 이제야 포스팅한다는 것은 이제까지 리액트를 잘못 사용해왔다는 반증이기도 한데... 조금 더 심도있게 리액트를 알아보기 위해서 렌더링이란 무엇이고, 렌더링의 조건이 어떻게 되는 건지 확인차 적어보려고 합니다. 2. 렌더링이란? 아래의 Welcome을 컴포넌트라고 부릅니다. (정확히는 함수 컴포넌트) function Welcome(props) { return Hello, {props.name}; } 리액트에서 렌더링이란 컴포넌트가 현재 props와 state의 상태에 기초해 UI를 어떻게 구성할지, 컴포넌트에게 작업을 요청하는 것을 의미합니다. 3. 렌더링 과정 3-1. React의 렌더링 기본적인 리액트의 렌더링 개념..

VSCode 오류 : 이 시스템에서 스크립트를 실행할 수 없으므로... VSCode의 터미널을 통하여 npm혹은 yarn을 사용하여 처음 작업을 수행할 때, 다음과같은 에러가 발생할 수 있습니다. 내용은 "이 시스템에서 스크립트를 실행할 수 없으므로 ~(블라블라)~ 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오." 로, 시스템의 설정에서 스크립트를 실행할 수 있는 권한이 부여되어있지 않은 상태라서 해당 작업 명령을 수행할 수 없어서 발생하는 오류입니다. Window10 기준으로, Windows PowerShell 앱을 통하여 시스템의 스크립트 실행권한을 변경하여 해..

setupProxy.js const proxy =require("http-proxy-middleware"); module.exports = function(app) { app.use( proxy.createProxyMiddleware("/api1", { //api triggers proxy to run, whenever meet the api1, start using proxy target: "