JNarin Development Story

리액트를 하면서 프로젝트를 자동으로 업데이트되는 방법이 있다는 것을 알게 되었다. 하지만 아직 시도는 해보지 않았지만, 이번기회에 시도를 해보려고 한다. 1. 프로젝트에 gh-pages를 설치를 한다. yarn add --dev gh-pages 위 명령어를 사용하는 이유는, 개발자모드에서만 사용하기에 이렇게 패키지 설치를 진행하였다. 하지만, --dev를 제외한 상태로 패키지를 설치할 수 도 있다. 2. 설치가 완료 된 후 아래와 같이 패키지에 추가적으로 작성한다. // 생략 "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-script..

우연히 회사에서 slack을 도입하면서 연동하는 방법에 대해 알게 되었다. 그리고 그 방법을 개인 프로젝트에 적용하여서 내 기록을 남기며 기억하기 위해 오늘도 이 글을 끄적이게 되었다. slack을 사용하는 법 먼저 slack을 사용하기 위해서는 회원가입이 필요하다. 먼저 메인 홈페이지에 방문한다. 아래처럼 무료 체험하기 Google로 가입하기가 있는데 어차피 이메일을 입력하기로 되어있어서 그냥 가입해보는 게 가장 낫다. (체험이면.. 게스트용이 따로 있어야 하는거 아닌가...? 기존 네이버가 삭제도 되지 않고 여전히 유지 중인데... 탈퇴 기능이 없고 비활성화 기능은 존재한다. 가입할 아이디 하나만은 신중하게 가입하기를 권장한다.) 먼저 개인 프로젝트를 하게 될 경우, 워크스페이스를 먼저 생성해야 한다..

github와 react를 사용하면서 필자는 gitignore에까지 설정을 직접 하는 경우가 오게 되었다. 그리고 궁금했다. gitignore이 무엇이며, 어떻게 쓰이는지 왜 쓰는지 궁금증은 점점 커져가 글을 쓰면서 정리를 하려 한다. 도대체 gitignore이 뭐야? git 관리할 때, github에 올릴 필요가 없는 파일을 설정할 때 쓰인다. 왜 gitignore을 쓸까? React를 사용하다 보면, github를 업로드할 때 node_modules라는 파일이 너무 커 오래 걸린다. 그렇기 때문에 올릴 필요가 없는 파일 혹은 폴더를 설정을 하게 되면, 로컬에서는 있지만 서버에서는 올라가지 않는 것을 확인할 수 있다. 어떻게 gitignore을 쓸까? .git폴더와 같은 경로에 .gitignore 파일..

오늘 업데이트를 하면서 잘못 올린 코드가 있어 한번 시도를 해본 과정을 정리하려 이 글을 쓴다. 바로 전에 커밋한 메시지를 수정하기 위해서는 다음과 같은 코드를 커멘드에 입력한다. git commit --amend 이 명령어는 좀전에 바로 올린 커밋 메시지를 수정하는 명령어다. 코드 입력시 무언가 화면에 하나가 추가가 되는데 여기서 수정을 한 후 저장하고 나가면 자동으로 저장이 되는 것을 확인할 수 있다. 바로 git log를 통해 확인이 가능하다. 이렇게 하면 커밋 메세지가 변경이 된 것을 확인이 가능하다. 하지만... 필자는 이미 업데이트를 한 상태에서 해서 그런지... 반복된 시도 끝에 성공은 했다. 먼저 일단 원격 저장소에 있는 커밋부터 삭제를 해줘야 한다. 먼저 필자가 하고 싶은 것은 올라간 것..

이전에는 닷홈 호스팅을 사용할 때는 FTP를 이용하여 수정할 때마다 업로드를 해야 하는 번거로움이 있었다. 근데 검색해보니 알게 된 방법이지만 깃허브에 올리고 자체적으로 사이트를 만들 수 있는 방법이 있어 이 글을 쓰게 되었다. 먼저 호스팅을 하고 싶은 코드를 올리고 연다. 여기서 Settings를 클릭하여 아래로 내리면 GitHub Pages가 나온다. 내려보면 위의 이미지와 같이 Source가 나오는데 여기서 master를 클릭하고 저장하면 GitHubPages에 링크가 나온다. 해당 링크를 클릭하면 무료 링크가 생성이 된 것을 볼 수 있다. 일단 세팅은 되었지만 남들은 내 링크를 확인할 수 없다. 그래서 다음과 같은 설정을 해야한다. 일단 위와 같은 설정을 잘 따라오게 되면 Environments가..

깃을 설치하면 기본적인 설정이 필요하다. $ git config --global user.name "miok-jung" $ git config --global user.email j-narin@naver.com 그렇게 되면 깃을 clone을 하거나, 새로 만들어 업로드를 할 때 다음과 같은 창이 뜨는 것을 볼 수 있다. 여기에 이메일, 비밀번호를 입력하면 된다.

사실 깃을 처음 접한 계기는 매우 단순하였다. 바로 개발 블로그를 만들고 싶었고, 오픈 저장소가 있다고 하여 GitHub를 알았고 그것을 사용하기 위해서는 Git을 설치해야 하길래 설치 방법 그대로 실행을 하였다. 하지만 깃을 어느정도 쓰면서 느낀 점도 있고, 다시 재설치 하다보면서 이 부분에서는 왜 이것을 선택하였는지 다시 한번 정리하고자 이 글을 쓰게 되었다. 1. Git 이란? 깃이라는 소프트웨어는 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이라 할 수 있다. 일반적으로 개발을 하는 분들은 소스 코드 관리에 주로 사용된다. 주로 Git은 GitHub를 사용하기 위해서 기본적으로 Git을 설치를 하게 된다. 2. Git 설치하기..