본문 바로가기

개발 도구 및 Git 사용법19

GIT : github에 100MB 이상 파일 올리기 (LFS) github에 100MB 이상 파일 업로드 github에 push를 할 때, 50MB 이상의 파일이 포함되면 경고 메시지를 띄우고, 100MB 이상의 파일이 포함되면 에러가 발생합니다. 하지만 부득이하게 동영상 파일이나, 3D모델, psd파일 등을 git으로 올려야 할 때, 위와 같은 제약 때문에 무척 불편할 때가 많습니다. (gitlab은 파일별로 용량제한은 없는 것 같고 프로젝트 단위의 용량 제한을 하는 것 같아서 편하던데..) github에서는 100MB이상을 올리기 위해서는 어떻게 해야 할까요? LFS (Large File System) git에서는 LFS(Large File System)을 이용하여 이와 같은 문제를 해결할 수 있습니다. LFS는 github에서 크기가 큰 파일을 다루기 위해서 .. 2021. 4. 18.
Webstorm : React의 styled components 플러그인 설치 React에서 Css를 스타일링할때 쓰이는 라이브러리중 Styled Component라이브러리가 유용합니다. 이때 Styled Components를 사용하여 React 컴포넌트에 CSS를 쉽게 디자인 할수 있습니다. 그런데 기본적으로 Styled Component를 사용할때 아래와 같이 WebStrom에서 가독성이 좋지 않습니다. 이때 Webstorm에서 Plugin으로 Styled Components 플러그인을 설치하면 좀 더 쉽게 Styled Components를 사용하실 수 있습니다. 설치방법은 다음과 같습니다. 1. Preference => Plugins => Browse repositories 로 이동 2. Styled Components & Styled JSX 플러그인 설치 3. 설치후 Plu.. 2021. 1. 14.
WebStrom - 메모리 늘리기 WebStorm을 사용하다 보면 메모리가 부족할 때가 많습니다. Node를 개발할 때 terminal로 node server를 돌린다던지, npm으로 webpack-dev-server를 띄운다던지, 전체 코드에서 특정 문자열을 검색한다던지 이러한 무거운 작업을 수행할 때, WebStorm이 버벅거리면서 심지어 멈추거나 재실행을 해야 할 때도 있습니다. 결국 CPU가 WebStorm에 대한 작업 스레드를 처리할 때 시간이 오래 걸린다던지, 아니면 웹스톰에서 메모리를 많이 점유한다던지 하는 이유로 WebStorm이 느려지는데요, 보통 제 생각에는 메모리 문제가 많았던 것 같습니다. 그래서 웹스톰에 대한 메모리를 어떻게 늘리는지 찾아보니 간단하게 WebStrom의 메모리를 늘릴 수 있다는 것을 알게 되었습니다.. 2020. 12. 14.
GIT - Commit한 메세지 문구 수정하기 (Commit 메세지 오타 수정) GIT을 사용하다 보면 커밋을 메시지에 오타가 들어가거나 커밋 메시지를 바꾸고 싶을 때가 있습니다. 이럴 때 저는 예전에는 git reset HEAD^ 를 사용해서 Commit을 취소하고 메시지 수정 후에 다시 Commit을 했는데 찾아보니 더 간단한 방법이 있는 것 같아서 정리해보려고 합니다. 커밋 메시지를 잘못 입력했을 때 보통 어떤 식으로 수정해야 하는지 한번 알아보겠습니다. 1. 마지막 Commit 메시지 수정하기 마지막 커밋 메세지를 수정하는 것은 비교적 간단합니다. git에서 제공하는 --ammend 옵션을 통해 간단하게 Commit 메시지를 수정할 수 있습니다. 형식은 다음과 같습니다. git commit --amend -m "바꿀 메시지" 아래는 실제로 실습해본 내용입니다. 또는 git c.. 2020. 12. 6.
GIT - 커밋이나 ADD를 취소하기 (실수로 Commit 이나 Add를 잘못했을 때) 보통 GIT을 이용하여 개발을 하다보면, 나도 모르게 습관적으로 commit이나 ADD를 하고 아차, 할때가 있습니다. 예를 들어, 어떤 기능을 만들고 테스트를 제대로 안해보고 commit을 했는데 실제로 돌려보니 기능에 문제가 있거나, 오탈자가 났거나 할때입니다. 제가 처음에 GIT을 사용했을때 이러한 경우 참 난감했는데, 결국에는 다 방법이 있더라구요. GIT에서 마지막 COMMIT을 취소하고 수정하는 방법을 알아보겠습니다. GIT ADD 취소하기 $ git reset HEAD // 해당 파일만 add 취소 $ git reset HEAD // 모든 파일 add 취소 보통 ADD는 Commit하기전 파일에 대한 변경사항을 Staging area로 추가하기 위해 사용합니다. 즉 변경된 파일들중에 COMM.. 2020. 11. 8.
GIT - Oh-my-zsh 터미널에서 많이쓰는 git 단축키 정리 oh-my-zsh 많이쓰는 git 단축키 gst git status 현재 local repository 의 상태를 보여준다 gco git checkout 브랜치를 바꾸는 명령을 수행한다. ggl git pull origin $(current_branch) remote에서 현재 브랜치로 pull 명령을 수행한다. ggp git push origin $(current_branch) 현재 브랜치에서 remote 로 push한다. glg git log --stat --max-count = 10 -- stat : 각 커밋의 통계정보를 보여준다. git log + 상태정보 라고 생각하면 편하다. glgg git log --graph --max-count = 10 --graph : 각 브랜치와 머지 히스토리 정보를 .. 2018. 11. 15.
GIT - git stash pop 시에 나타나는 merge에러 해결 git에서 git stash pop시에 발생하는 merge에러 해결 git에서 git stash pop 명령어 사용시에 merge 에러가 발생할 수 있습니다. 물론 실제 메뉴얼대로 충돌되는 부분을 수정한뒤에 commit 해도 됩니다. 그러나 해당 충돌을 피하기 위해서는 reset 명령어를 통해 쉽게 해결할 수 있습니다. 위의 명령을 쓰게되면 staged files들을 다시 unstaged하게 만들어주기 때문에 깔끔하게 merge complict를 해결할 수 있습니다. 아래 그래프를 참조하시면 이해가 편할겁니다. Index는 다음에 커밋할 스냅샷을 저장하는 용도이며, HEAD는 마지막에 커밋한 스냅샷을 의미합니다. https://www.stefaanlippens.net/resolve-git-unmerged.. 2018. 11. 9.
Git - ( local / remote ) branch 사용법 정리 Git 명령어 Fetch -> 리모트 저장소에 있는 모든 데이터를 로컬로 가져옴. Git branch [브랜치명] => 새로운 브랜치 생성 Git checkout [브랜치명] => 브랜치 checkout(다른 브랜치로 이동) Git commit => ———> 한줄로 git checkout -b newData Git local branch 생성 , branch 이동 생성 : git branch [브랜치명] 생성 후 이동 : git checkout -b feature-01 Git remote branch 생성 git push origin feature-01 branch local remote 연동 git branch --set-upstream-to origin/feature-01 Git branch 삭제하기.. 2018. 6. 27.
git - stash 명령어에 대해 알아보자! git Stash란? 다른 브랜치로 checkout을 해야 하는데 아직 현재 브랜치에서 작업이 끝나지 않은 경우 커밋이 애매해 지게 됩니다. 이런 경우에는 stash를 이용하면 작업중이던 파일을 임시로 저장해두고 현재 브랜치의 상태를 마지막 커밋의 상태로 초기화 할 수 있습니다. 그 이후 다른 브랜치로 이동한 뒤 작업을 끝낸 후에 작업중이던 브랜치로 복귀한 뒤 이전에 작업하던 내용을 복원 할 수 있습니다. 이 기능을 Stash라고 합니다. 해당 기능에 대해 알아보겠습니다.! git Stash의 기능 stash : 감추다 숨겨두다branch를 이용하여 작업을 하다보면, branch 작업이 완료되지 않은 상태에서 다른 branch로 checkout을 해야 하는 상황이 발생합니다.이럴 때 아직 작업중인 파일을.. 2018. 6. 26.