일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- commit
- Basic
- css
- git
- 소스트리
- WEB
- workflow
- Box Model
- Develop
- Nodejs
- Process
- Rebase
- Teamwork
- crud
- fixed
- root
- relative
- Reset
- Advanced
- html
- Remote
- Merge
- React
- rbenv
- git branch
- sourcetree
- linux
- git checkout
- Express
- route
- Today
- Total
Codesigner
안녕하세요. 그동안 블로그 포스팅이 뜸했는데, 그 이유는 다른 블로그 매체로의 이전을 준비하고 있었기 때문이었습니다. 저는 티스토리 블로그 이용 중 다음과 같은 불편함을 느낄 수 있었습니다, 코드 Hightlight의 부재 및 낮은 가독성 테마에 따라 코드 Hightlight 적용 안 되는 issue 글자 크기 및 글꼴이 자꾸 바뀌게 되는 issue 결국 블로그 Github page로 이전하기로 하였습니다. 이미 Jekyll과 이쁜 테마를 조합하여 자신만의 개성 있는 블로그들이 많이 있음을 검색을 통해 확인할 수 있었고, 포스팅 내용 중 코드의 양이 많은 기술 블로그에 적합하다고 판단하였습니다. 새로 이전되는 블로그의 주소는 다음과 같습니다. 2020년을 맞아 Gatsby와 Netlify를 활용하여 블로..
NVM이란 Node Vergion Manager의 약자로, 하나의 PC에서 여러 가지 버전의 Node를 관리할 수 있게 해주는 도구이다. 이번 포스팅에서는 NVM을 설치하고 이를 통해 다른 버전의 Node를 어떻게 설치하고 관리하는지 알아보도록 하자. NVM 설치 먼저 다음 Script를 터미널 창을 열고 입력하자. $ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash 위 명령은 nvm을 설치하고 PATH에 경로를 설정해 주는 역할을 해준다. 다음 스크립트로 쉘 창 환경을 재시작해주자. $ source ~/.zshrc nvm이 잘 설치가 되었는지 버전을 확인해 보도록 하자. $ nvm --version 0.33...
rbenv를 활용하여 ruby 버전을 변경할 수 있는데, 해당 변경이 제대로 이뤄지지 않는 때가 있다. 이는 PATH 설정을 해줌으로써 간단히 해결할 수 있다. 먼저 ~/.zshrc를 편집하자. $ vim ~/.zshrc 그런 다음 아래 두 줄을 추가해주자. export PATH="$HOME/.rbenv/bin:$PATH" eval "$(rbenv init -)" 저장 후 터미널을 껏다가 켜거나 혹은 source ~/zshrc 명령을 해주면 ruby버전이 rbenv가 설정한 버전에 맞게 변경된다.
Github page를 활용하기 위해 내 맥북에 Ruby를 설치할 일이 생겼는데, 나중에 설치할 때도 참고하기 위해 위 과정을 정리해보려고 한다. Ruby 설치하기 먼저, 루비를 다운로드하기 위해 공식 다운로드 페이지로 이동하자. https://www.ruby-lang.org/en/downloads/ Download Ruby Here you can get the latest Ruby distributions in your favorite flavor. The current stable version is 2.6.4. Please be sure to read Ruby’s License. Ways of Installing Ruby We have several tools on each major platfor..
SW마에스트로 프로젝트를 진행하면서 웹 상에서 이미지를 크롭 할 필요가 생겼다. 주어진 이미지에서 사용자가 특정 영역을 드래그해서 표시하면, 해당 영역을 새롭게 보여주는 기능을 구현하고자 이와 관련된 라이브러리를 찾아보았다. 그 과정에서 React-image-crop이라는 오픈 소스를 찾게 되었고, 이를 간단하게 활용해본 내용을 이번 포스팅에서 정리해보고자 한다 먼저, 이미지를 크롭하는 과정을 다음과 같은 프로세스로 정의하였다 사용자가 이미지를 업로드한다(영수증, 사진 등) 사용자가 업로드한 이미지를 편집(크롭)한다 이를 구현한 데모 어플리케이션은 여기에서 확인할 수 있다. 데모 어플리케이션을 구동하는 GIF 그림은 다음과 같다. 또한 모든 소스코드는 여기에서 확인할 수 있다 Preview 필자가 구현하..
이번 포스팅에서는 리눅스에서 패키지 관리(Package Management) 방법에 대해서 알아보도록 하자. 먼저 패키지 관리란 새로운 소프트웨어를 설치, 업데이트, 삭제하는 일을 말한다. 소프트웨어는 소스코드의 형태로 배포되는 경우와 바이너리 패키지 형태로 배포되는 경우가 있는데, 소스코드의 경우 보통 하나의 아카이브 파일(tar)로 묶은 후 압축하여 배포한다. 바이너리 패키지에는 응용 프로그램, 라이브러리 파일, 버전 정보나 의존성 등의 메타 정보 파일 등이 포함된다 패키지는 저장소(repository)에 저장되어 있으며, HTTP 혹은 FTP 서버를 통해 다운로드 할 수 있다. 하나의 패키지가 다른 패키지나 공유 라이브러리 등을 필요로 하는 관계를 패키지 간의 의존성(dependency)라고 부른다..