판교너굴맨의 개발노트

git alias를 설정하면 자주 사용하는 git 명령어들을 좀 더 간단하게 사용할 수 있다 귀찮은 걸 싫어하는 개발자들... Alias 추가 # global git config --global alias.[단축어] [git명령어] git config --global alias.st status # local git config alias.[단축어] [git명령어] git config alias.st status Alias 삭제 # global git config --global --unset [단축어] git config --global --unset aliad.st # local git config --unset [단축어] git config --unset aliad.st Alias 조회하기 # gl..

1. Debug 사용하기 위한 설정 craete a launch.json file.을 클릭한다. VSCode에 내장되어 있는 Chrom debugger를 사용하기 위해 Web App (Chrom)을 클릭한다. 클릭 후에는 .vscode 폴더와 launch.json 파일이 생성된다. launch.json의 url의 값을 React 기본 url인 localhost:3000으로 수정한다. Debug 전에 React를 먼저 실행한다. (설정한 localhost:3000) Start Debugging 버튼 또는 F5를 누르면 디버깅이 시작되면서 새로운 크롬 브라우저가 띄워진다. 디버깅 크롬 브라우저를 새로고침 하면 VSCode에 Debug도 새로고침 된다. 만약 디버깅 크롬이 아무 화면도 안나온다면 설정한 url..

회사에서 할당받은 Linux 서버를 VSCode에 원격 접속해서 작업하려고 한다. 내 Wiindows노트북 보다 Linux 서버가 훨씬 빠르기 때문에.. 1. Remote - SSH 설치 Extensions에서 Remote-SSH를 설치한다. 설치가 완료 되면 아래처럼 아이콘이 생기는 걸 확인할 수 있다. 2. Connect Current Window to Host... F1 또는 Ctrl + Shift + p 를 클릭해서 입력창에 Connect Current Window to Host... 를 입력 또는 선택한다. 선택 후에 + Add New SSH Host...를 클릭하고, 아래 양식에 따라 입력한다. 1번 방법 [user]@[hostname]:[port] # ex) hello@microsoft.co..

yarn은 npm과 다르게 global 옵션을 사용하려면 환경 변수나 저장 위치 등의 추가적인 설정을 해주어야 한다. 1. yarn global default 설치 위치 global로 패키지를 설치하게 되면 기본적으로 해당 위치에 패키지를 설치하게 된다. /home//.yarn/bin/ 2. yarn global 설치 위치 변경 만약 설치 위치를 바꾸고 싶다면 해당 명령어를 사용하도록 하자. # yarn global add 명령어 실행시, package가 저장될 위치 설정 yarn config set prefix # 예시 yarn config set prefix ~/.yarn-global # 설정한 저장 위치 확인 yarn config get prefix 위와 같이 설정하고 테스트로 typescript를..

사내에서 간단하게 git rebase에 대해 설명을 하게 되었습니다. Rebase는 이름 그대로 브랜치의 base를 다시 설정한다는 의미입니다. 위 그림을 보면 feature브랜치에서 a3 커밋을 베이스로 작업을 진행하고 있고, master 브랜치는 이미 상당부분 진행되었습니다. 이때 최신 master 브랜치의 작업 내용을 본인이 현재 작업 중인 feature 브랜치에도 적용하고 싶을 때 Rebase 명령어를 사용합니다. 먼저 최신 master를 pull 받아 옵니다. # master 브랜치로 이동 git checkout master # 최신 master 받기 git pull origin master 그리고 feature 브랜치로 이동한 후에 rebase 명령어를 실행합니다. # feature브랜치로 이..

1. Github에서 Repository 생성 Repository를 생성할 때 자신의 깃허브 계정 이름으로 생성해야 한다. Repository 생성 후 Import code를 클릭하고 원하는 jekyll 테마의 URL을 넣어주고 Begin import 버튼을 클릭한다. jekyll 테마 본인은 minimal mistakes 테마를 사용했다. 사용한 이유는 사람들이 많이 사용하는 것 같고, 심플한 디자인이 좋았기 때문이다. Begin import를 클릭하면 몇 분의 시간이 소요된 후 minimal mistakes 테마가 적용된 Repository가 생성된다. 자신의 계정.github.io 으로 생성된 레포지토리는 자신의 계정.github.io 을 주소창에 입력하면 자동으로 호스팅이 되는 것을 확인할 수 있..

GitHub에서는 Repository를 무료로 호스팅해주는 서비스를 제공하고 있습니다. 1. React project 생성 프로젝트를 생성할 폴더 위치에서 React project 생성 명령어를 입력합니다. 저는 TypeScript가 적용된 프로젝트로 생성하겠습니다. # npx npx create-react-app [project name] --template typescript # yarn yarn create react-app [project name] --template typescript 2. gh-pages 패키지 설치 # npm npm i gh-pages #yarm yarn add -D gh-pages 3. GIt Repository 생성 및 push 4. package.json 설정 { //..