JNarin Development Story

생각보다 내가 깃관련하여 내용들을 정리를 꽤 해두었다. 해당 내용을 좀 더 빠르고 쉽게 보기 위해서 이 글로 정리를 하려 한다. 제목을 클릭하면 해당 내용을 새창에서 볼 수 있습니다. 1. Git 초기 세팅 1) Git 이란? & Git 설치하기 협업을 하기 위해 Git을 설치해보았다. 사실 깃을 처음 접한 계기는 매우 단순하였다. 바로 개발 블로그를 만들고 싶었고, 오픈 저장소가 있다고 하여 GitHub를 알았고 그것을 사용하기 위해서는 Git을 설치해야 하길래 설치 방법 그대로 jnarin-development-story.tistory.com 2) Git config로 초기 세팅하기 Git 초기 세팅 깃을 설치하면 기본적인 설정이 필요하다. $ git config --global user.name "..

구글 문서를 쓰다 보면 일반적으로 한글과 다른 점으로 인해, 헷갈리는 경우가 생긴다. 그러한 것 때문에 자주 검색을 하게 되는데 이를 방지하고자 정리를 하게 되었다. 이 글을 상황에 따라 계속 업데이트가 될 예정이다. 1. 가운데 정렬 표를 정리하다보면 가운데 정렬을 많이 하게 되는데, 세로로 가운데 정렬은 아무리 눈 씻고 찾아봐도 보이지 않는다. 하지만 한글처럼 생각 말고 우클릭을 해보면 아래 이미지처럼 보인다. 표 속성을 클릭한다. 표 속성에서 셀 세로 정렬이라는 카테고리가 존재한다. 해당하는 부분에서 가운데로 변경을 한 후 확인을 눌러준다. 그럼 다음과 같이 세로 가운데 정렬이 된 것을 확인할 수 있다. 한글과 다른점은 역시 우클릭에서 표 속성을 통해야지만 세로 가운데 정렬이라는 게 좀 불편하지만,..

학원에서는 배워본 경험은 없지만, 무료로 사이트 배포를 할 수 있는 사이트가 있다고 하길래 시도를 해보려고 한다. 그러한 과정을 오늘도 이 글을 통해 전달해보려고 한다. Heroku? Heroku는 Java, Node.js, Python 등 여러 언어를 지원하는 클라우드 Pass이다. 여기서 PaaS란? 서비스형 플랫폼(Platform as a Service, PaaS)은 클라우드 컴퓨팅 서비스 분류 중 하나다. 실제로 배포해보자! 1. 먼저 Heroku 가입 및 로그인을 한다. 필요한 정보들을 입력하고 CREATE FREE ACCOUNT 하게 되면 이메일 인증을 하라는 안내문이 뜬다. 해당하는 이메일에서 링크를 타고 들어가면 비밀번호 입력이 가능해진다. 2. Create a new app으로 배포를 하..

오늘은 React수업 중 SSH에 대한 내용을 수업을 듣고 이해한 내용과 추가적으로 검색을 통하여 습득한 내용을 가지고 정리를 해보려고 한다. React Boiler-plate하면서 안전한 통신을 위해서는 SSH KEY를 만들어야 한다고 한다. 여기서 SSH는 시큐어 셸(Secure Shell)이라고 한다. SSH는 네트워크 상의 다른 컴퓨터에 로그인하거나 원격 시스템에서 명령을 실행하고 다른 시스템으로 파일을 복사해줄 수 있도록 해주는 응용 프로그램 또는 그 프로토콜을 가리킨다. 그러기 위해서는 먼저 내 컴퓨터에 SSH KEY가 있는지 먼저 확인을 한다. ls -a ~/.ssh 위 명령어로 먼저 확인하면 필자와 같이 cannot access라는 답변이 돌아올 것이다. 구글에 generating git ..

오늘은 Git Branch에 대한 명령어를 위주로 정리를 해보려고 한다. 1. 원격 저장소 브랜치 확인하기 $ git branch -r 위 명령어는 원격 저장소에 브랜치가 무엇이 있는지 확인을 위한 명령어다. 실제 예시는 아래 이미지와 같다. 먼저 현재 로컬에 있는 브랜치는 main, dev가 있다. 그러나, 원격에는 origin/gh-pages가 하나 더 있는 것을 확인할 수 있다. 물론 개인 프로젝트라면 확인하는데 문제는 없지만, 회사 프로젝트나 다른 프로젝트로 할 경우 Github에서 확인할 수 없기에 유용하다.

로컬이나 원격에서 커밋을 하다가도 실수로 잘못 커밋하는 경우 되돌리고 싶은 경우가 생긴다. 오늘은 로컬에서 저장한 커밋을 되돌리는 방법을 정리하려고 한다. 로컬에서 git commit을 취소하는 방법 먼저 실수로 잘못 저장된 커밋이 몇 개인지 확인을 한다. 현재 커밋을 되돌리고 싶은 부분은 아래 네모 박스로 표시한 이 부분이다. 좌측에 보시면 커밋이 되지않은 저장된 파일 1개가 보인다. 다음은 git commit을 취소하여 commit 전 add .을 한 상태로 되돌리는 방법이다. git reset --soft HEAD^ 로컬에서 실수로 커밋을 할 경우 바로 이전에 git 명령어를 취소하는 방법이다. 아래에 보면 위에서 보던 commit이 사라지도 그 밑 커밋으로 돌아오는 것을 확인할 수 있다. 왼쪽에는..

리액트를 하면서 프로젝트를 자동으로 업데이트되는 방법이 있다는 것을 알게 되었다. 하지만 아직 시도는 해보지 않았지만, 이번기회에 시도를 해보려고 한다. 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로 가입하기가 있는데 어차피 이메일을 입력하기로 되어있어서 그냥 가입해보는 게 가장 낫다. (체험이면.. 게스트용이 따로 있어야 하는거 아닌가...? 기존 네이버가 삭제도 되지 않고 여전히 유지 중인데... 탈퇴 기능이 없고 비활성화 기능은 존재한다. 가입할 아이디 하나만은 신중하게 가입하기를 권장한다.) 먼저 개인 프로젝트를 하게 될 경우, 워크스페이스를 먼저 생성해야 한다..