SPA SPA : Single Page Application 하나의 HTML파일을 기반으로 JavaScript를 이용해 동적으로 재작성하는 최초 한 번 페이지 전체를 로딩하고, 그 속에 있는데 데이터만 변경해서 사용하는 애플리케이션입니다. Gmail, Google Maps, AirBNB, Netflix, Paypal 등의 기업에서 SPA를 사용하여 만듭니다. CSR 이미지 출처 CSR: Client Side Rendering 브라우저가 HTML과 JS 파일을 요청을 하고 로드가 되면 그 후 사용자의 기호에 따라 동적으로 렌더링을 시키는 것입니다. 실생활 예로 들자면 서점에 방문하여 필요한 책을 구입하는데 1시간을 소요하고 집에서 필요한 책이 있을 때 책장에서 꺼내서 보는 것입니다. 장점 필요한 데이터만 ..
nvm이란? nvm은 node version manager의 줄임말입니다. Node.js을 비공식적으로 여러 버전을 하나의 컴퓨터에 설치할 수 있도록 도와주며 사용자는 손쉽게 여러 개의 버전을 제약 없이 사용할 수 있습니다. POSIX-compliant shell (sh, dash, ksh, zsh, bash)에서 호환되며 unix, macOS, 그리고 windows WSL 플랫폼에서 작동합니다. nvm 설치 brew install nvm macOS 기준으로 nvm을 설치하기 가장 간단한 방법은 homebrew를 통하여 설치하는 것입니다. 위 명령어 brew install nvm 을 통해서 nvm을 설치합니다. nvm 설치 후 초기 설정 Please note that upstream has asked u..
계기 전에 commit 하였던 message가 다시 보니 마음에 들지 않아 수정을 해야겠다는 생각을 하였습니다. 가장 최근에 commit을 했다면 git commit --amend 를 통해 수정을 할 수 있었겠지만 가장 최근에 한 것이 아니어서 다른 방법을 통해 수정을 해야만 했습니다. git rebase -i HEAD~[number] git rebase -i HEAD~10 git rebase -i HEAD~10 명령어를 입력하면 위 이미지와 같은 창이 나옵니다. HEAD는 첫 번째를 의미하고 10은 HEAD를 포함하여 시작하여 10번째 commit 항목을 의미합니다. 여기서 2,3,7번째 항목의 commit message를 바꾸기 위하여 pick 을 reword 으로 수정을 하였습니다. pick -> ..
Introduction 전에 commit 하였던 message가 다시 보니 마음에 들지 않아 수정을 해야겠다는 생각을 하였습니다. 가장 최근에 commit을 했다면 git commit --amend 를 통해 수정을 할 수 있었겠지만 가장 최근에 한 것이 아닌 HEAD로부터 3번째 항목이이서 다른 방법을 통해 수정을 해야만 했습니다. git rebase -i HEAD~[number] git rebase -i HEAD~5 git rebase -i HEAD~5 명령어를 입력하면 위 사진과 같은 화면이 나옵니다. HEAD는 첫 번째를 의미하고 5는 HEAD를 포함하여 시작하여 5번째 commit 항목을 의미합니다. 여기서 3번째 항목의 commit message를 바꾸기 위하여 pick 을 edit 으로 수정을..
brew install IntelliJ-idea Intellij-idea가 새로운 버전이 나와서 brew upgrade 를 한 후 brew upgrade --greedy 명령어를 통해 IntelliJ-idea 및 다른 formula 및 cask 들을 업데이트 하려고 하였습니다. 하지만 위 사진과 같이 Error: SHA256 mismatch 문구가 뜨면서 업데이트를 실패했습니다. 오류인가 싶어서 brew rm Intellij-idea 명령어를 통해 기존 intellij-idea를 삭제하고 다시 설치를 시도 하였으나 다음과 같이 설치에 실패했습니다. github's IntelliJ-idea.rb https://github.com/Homebrew/homebrew-cask/blob/HEAD/Casks/..
일반 :h[elp] keyword - 도움말 열기 :sav[eas] file - 다른 이름으로 저장 :clo[se] - 현재 창 닫기 :ter[minal] - 터미널 열기 K - 커서가 가리키는 단어의 설명글 열기 커서이동 h - 왼쪽으로 한 칸 이동 j - 아래로 한 칸 이동 k - 위로 한 칸 이동 l - 오른쪽으로 한 칸 이동 H - 현재화면 상단으로 점프 M - 현재화면 중단으로 점프 L - 현재화면 하단으로 점프 w - 다음 단어 시작으로 점프 W - 다음 단어 시작으로 점프 (특수문자 포함) e - 다음 단어 끝으로 점프 E - 다음 단어 끝으로 점프 (특수문자 포함) b - 이전 단어 시작으로 점프 B - 이전 단어 시작으로 점프 (특수문자 포함) % - 현재 괄호의 짝으로 점프 (:h ma..
https://github.com/ohmyzsh/ohmyzsh/wiki/Cheatsheet ohmyzsh/ohmyzsh 🙃 A delightful community-driven (with 1800+ contributors) framework for managing your zsh configuration. Includes nearly 300 optional plugins (rails, git, OSX, hub, docker, homebrew, node, php, p... github.com Git g git ga git add gau git add --update (Also: "git add -u") gaa git add --all gapa git add --patch gb git branch gba g..
asciiquarium 설치하기 brew install asciiquarium brew install asciiquarium을 통해 asciiquarium을 설치합니다. asciiquarium 실행하기 asciiquarium Terminal에 asciiquarium을 입력합니다. 다음과 같이 이쁘게 실행되는 것을 볼 수 있습니다. asciiquarium 명령어 모음 README.md 파일을 참고하자면 asciiquarium 명령어는 딱 세 가지가 있습니다. q = quit -> 나가기 r = redraw (will recreate all entities) -> 새로고침 p = toggle pause -> 멈춤 참고해서 활용하면 작업하는 환경에서 심심하지 않고 좋을 것 같습니다.
cowsay https://www.wikiwand.com/en/Cowsay https://github.com/tnalpgge/rank-amateur-cowsay brew home cowsay Cowsay는 terminal에서 ASCII아트 메시지와 함께 소를 그린 그림을 출력하게 해주는 프로그램입니다. cowsay 설치하기 brew install cowsay 우선 brew를 이용하여 cowsay를 설치합니다. cowsay 출력하기 cowsay hello world! 다음과 같이 cowsay가 출력되는 모습을 볼 수 있습니다. cowsay hello world | lolcat lolcat을 활용한다면 색을 입혀서 이쁘게 할 수 있습니다. fortune https://www.ibiblio.org/pub/li..
