개발 도구 및 Git 사용법19 VSCode : prettier 환경 설정하기 개요 VSCode에서 Prettier를 설정하는 방법에 대해 알아보겠습니다. 설정방법 1. 플러그인 설치하기 VSCode에서 `Prettier - Code formatter` 플러그인을 install 합니다. 2. VSCode Setting 변경 `Code > Preperence > Setting` 으로 이동합니다. Default Formatter 를 Prettier로 변경합니다.Format On Save 에 체크합니다. 위와 같이 설정하면 파일을 저장할때마다 Prettier가 적용된 결과로 바뀌는 것을 확인하실 수 있습니다. 마무리 오늘은 간단히 VSCode에서 prettier 설정을 하는 방법에 대해 알아보았습니다. 다음번에도 유용한 내용으로 포스팅하겠습니다. 2024. 12. 15. VSCode vs Webstorm : 개인적으로 둘다 써보고 느낀 장단점 개요 회사에서 WebStorm IDE를 사용해서 쭉 웹개발을 진행해 오다가, VSCode로 개발을 진행해야 되는 상황이 생겼습니다. 사용 이후에는 VSCode가 생각보다 괜찮고 장점도 많아서, 최근에는 계속 VSCode를 통해 개발을 진행하게 되었는데요, 간단하게 몇 가지 VSCode와 WebStorm의 개인적으로 느낀 차이점 간단하게 정리해 보도록 하겠습니다. VSCode 장점 (WebStorm과 비교) 1) 메모리를 적게 차지하고, 파일 검색 속도가 빠르다. Webstorm은 프로젝트를 몇 개만 새창으로 띄워놓아도 금세 메모리가 몇 기가씩 금방 넘쳐버립니다. WebStorm에서 옵션을 통해 메모리를 많이 추가적으로 할당해놓지 않으면 프로젝트 규모가 커질 때 아예 프로그램이 버벅거리는 걸 넘어서 멈춰버.. 2024. 11. 28. Git : git clone 이후 모든 브랜치를 원격에서 로컬 브랜치로 가져오기 원격 브랜치를 로컬 브랜치로 가져올때 유의점 Git을 clone한 이후 모든 브랜치를 가져왔다고 생각하지만 보통 현재 활성화된 브랜치(default) 만 가져올 때가 많습니다. 보통 `git fetch --all (원격 저장소 변경사항 반영)` 또는 `git pull --all (브랜치를 로컬로 병합)` 명령어를 통해서 브랜치를 가져오게 되는데요, 이때 모두 올바르게 가져왔다고 생각하지만 이는 원격 추적 브랜치 의 변경사항만을 업데이트한것으로 실제 브랜치들은 로컬 브랜치로 가져오지 않습니다. 여기서, 원격에 있는 브랜치들의 상태 (삭제, 생성, 업데이트 갱신)을 로컬에서 추적하고 있는 브랜치를 원격 추적 브랜치 라고 합니다. 만약 이상태에서 원격의 연결이 끊어지게 되면 현재 브랜치가 아닌 다른 브랜치.. 2024. 8. 14. Github : SSH 키 등록을 통해 여러개의 깃헙 저장소 등록하여 관리하기 보통 github를 통해 개발을 진행할 때 SSH Key를 생성하고 공개키를 github 서버에 등록한 뒤 개발을 하게 됩니다. 단순히 github 계정이 한개라면 문제가 없지만 2개 이상의 github 저장소를 등록을 하고 개발을 진행해야 할 때 어떻게 해야 하는지 한번 알아보도록 하겠습니다. 회사용 및 개인용 Repository를 연결한다고 생각하고 설명드리겠습니다. SSH Key 생성하기 맨 먼저 SSH Key를 생성하여야 합니다. 이때 회사 Repository를 사용할 ssh-key 와 개인 Repository를 사용할 ssh-key를 생성하여 줍니다. ssh-keygen -f ~/.ssh/id_rsa # 회사용 ssh-keygen -f ~/.ssh/id_personal # 개인용 SSH key .. 2024. 2. 21. GIT : 태그 추가 및 삭제 명령어 간단 정리 개요 Git을 사용할때 사용하는 태그 사용법에 대해서 자주 사용되는 명령어들을 간단하게 정리해보도록 하겠습니다. 사용 이유 보통 개발을 하게 되면 수백개의 커밋들이 쌓이게 됩니다. 우리는 그 커밋들 중에 중요한 내용들만 태그로 지정해두고 나중에 필요할때 이동하거나 버전별로 비교해볼수가 있게 됩니다. 보통 Git에서 태그를 사용할때는 보통 소프트웨어 버전관리를 위해 사용되는데요, 예를 들면 소프트웨어 버전이 올라갈때 v1.0, v1.1 이러한 식으로 태깅을 해놓게 됩니다. 커밋과의 차이점은, 커밋은 변경사항을 기록하는 작업이며, 커밋의 내용을 수정하거나 변경할수가 있습니다. 커밋의 메세지를 수정하거나 변경사항을 추가하여 다시 커밋할수가 있습니다. 반면에 태그는 특정 커밋에 대한 읽기전용이기 때문에, 해당 .. 2023. 8. 15. SQLite : Sqlite DB 테이블 Json으로 변환하기 (+ SQLite 개념) 개요 최근에 사이드 프로젝트를 진행하던 도중 SQLite의 DB를 firebase의 firestore DB로 옮겨야 하는 상황이 발생하였습니다. firestore에 DB를 이전하기 위해서는 SQLite로 되어있는 DB를 Json 파일로 변환해야 하는 일이 생겼습니다. 웹에서 여러 SQLite => JSON 변환사이트도 돌려보았지만 에러가 계속 나서 방법을 찾던 중 가장 간단한 방법이 있어서 한번 공유드립니다. (실패한 변환 사이트 => https://mygeodata.cloud/converter/sqlite-to-json) SQLite란? 먼저 SQLite란 무엇인지 간단하게 살펴보겠습니다. SQLite는 서버가 아닌 응용프로그램에 넣어 사용하는 비교적 가벼운 데이터 베이스입니다. PostgreSQL이나.. 2023. 3. 13. Git : .gitignore 문법 및 사용법 정리 (추가: '!' 패턴 동작 안될때 해결법) .gitignore 란? git을 사용하면서 우리는 용량이 큰 파일이나 업로드해서는 안 되는 key파일 등등을 무시하고 소스코드를 업로드할 수 있도록 선언할 수 있습니다. 이는 .gitignore 라는 파일을 이용하면 되는데요, 단순하게 .gitignore 라는 파일을 작성하고 일련의 규칙에 따라 제외할 파일들의 목록들을 .gitignore 파일에 작성해주면 됩니다. gitignore.io Create useful .gitignore files for your project www.toptal.com 위 사이트를 통해서 원하는 개발 플랫폼에 따라 .gitignore파일을 쉽게 만들고 적용할 수 있습니다. .gitignore 문법 .gitignore 를 제대로 사용하기 위해 문법을 한번 살펴보도록 하겠습니.. 2022. 12. 16. Webstorm : 마지막 개행문자 자동으로 지워지는 옵션 끄기 문제점 WebStorm에서 프로젝트를 진행하던 중에 마지막 개행 문자가 자동으로 지워지는 현상을 발견하였습니다. 파일을 바꾸지 않았는데도 마지막 개행문자가 자동으로 지워지는 바람에 이전 소스코드와 비교했을 때 Git에서 계속 바뀐 파일로 체크되어 불편함을 겪었습니다. 즉 예전 소스코드에서 마지막 개행문자가 있었는데, 소스코드를 수정하거나 단순 저장만 해도 Webstorm에서 마지막 개행문자를 지워주는 옵션 때문에 계속 Diff가 표시된 것입니다. 문제의 소스파일 Show Diff 해결법 아래와 같이 이동하셔서 Preperence > Editor > General > On Save > Remove trailling blank lines at the end of saved files 체크 해제 이렇게 해주시.. 2022. 5. 27. Git : github 개인 엑세스 토큰 발급 / Git Crediential을 이용하여 원격저장소에 처음 한번만 로그인하도록 계정정보 캐싱 Github의 인증 정책 변경 github는 2021년 08월 13일부터 인증정책을 변경하여 개인 Github ID, Password를 통해 원격 저장소의 push와 같은 명령을 막고, 개인 Access Token을 발급받거나, SSH를 통한 원격 저장소 변경만 허용하도록 정책을 바꾸었습니다. 실제로 ID / Password를 통해 서버 push를 테스트해보면 아래와 같은 에러가 발생합니다. 오늘은 ssh와 Personal Access Token을 이용한 github 인증 환경 구성 방식 중에 Personal Access Token을 발급받는 방식을 알아보겠습니다. Github로 개인 Access Token 발급받기 일단 Github에서 Access Token을 받기 위해서 github 페이지로 이동하여.. 2022. 4. 11. Git: stash list의 각 stash 이름 바꾸기 (rename) git에서 stash는 정말 좋은 옵션입니다. stash를 통해 우리는 기존 로컬 변경사항을 잠시 저장해 두고 서버에서 최신 commit을 pull을 받거나 다른 브랜치로 이동하기 전에 local상태를 깔끔하게 정리 한 뒤에 브랜드를 이동할 수 있습니다. 이전에 stash에 관련된 포스팅을 하였는데요, stash 사용방법은 아래 링크를 통해 들어가시면 잘 정리되어 있으니 참고 부탁드립니다. [git - stash 명령어에 대해 알아보자!] 오늘 알아볼 내용은 기존의 Stash의 이름을 바꾸는 방법입니다. Stash로 이름 주기 기본적으로 Stash를 사용하면 아래 처럼 현재 브랜치의 이름과 마지막 커밋 이름으로 Stash 이름을 지정하게 됩니다. 이름을 지정하고 싶을때 보통 Save명령어를 통해 원하는 .. 2022. 2. 27. 이전 1 2 다음
