본문 바로가기
반응형

분류 전체보기706

[GIT] 깃(Git) 브랜치(Branch) 사용하기 (ft. 조회/생성/이동/삭제/병합) git branch git을 사용하게 되면 가장 많이 듣는 게 브랜치라고 생각된다. 쉽게 설명하자면 코드를 통째로 복사하고 나서 원래 코드와는 상관없이, 독립적으로 개발을 진행할 수 있게 도와주는게 브랜치의 기능이다. 브랜치를 그냥 단순하게 새로 만들어서 사용해도 좋지만, 만약 혼자 작업하는게 아니라 협업을 한다고 하면 브랜치 전략을 사용하는것이 좋다. 브랜치 전략에 대해 설명하자면 또 길어지니 브랜치 전략에 링크를 걸어두었으니 가서 확인해 보도록 하자. 브랜치 조회하기 git branch라는 명령어를 통해 간단하게 현재 존재하는 브랜치를 조회할 수 있다. $ git branch * master 아래 화면을 보면 현재 존재하는 브랜치가 master 브랜치뿐이라는 것을 알 수 있다. 여기서 재미난 점은 브.. 2022. 10. 15.
[알고리즘] 접두사합(prefix sum) 알고리즘 by javascript (ft. 부분합/구간합) Prefix Sum(접두사 합) 부분합, 누적합, 구간합 등으로 불리며 해당 합을 빠르게 구하는 알고리즘이다. 사실 알고리즘 치고는 매우 간단하다. 이 알고리즘의 원리는 다음과 같다. 각각의 숫자까지의 합을 미리 계산하여 저장해놓고 그 저장한 값을 활용하여 구간합을 구한다. 사실 접두사합, 구간합, 부분합 알고리즘을 검색하면 많은 블로그가 나올 텐데, 기본적으로 접두사 합 알고리즘의 공식을 다음과 같이 설명하고 있다. P[Right] - P[Left - 1] 크게 틀린 공식은 아니니 일단 이런 식으로 사용하는구나 정도는 알고 진행하면 좋다. 다른 알고리즘도 마찬가지겠지만 문제에 따라 정해진 공식을 사용할 수 없는 경우가 많다. 예를 들어 숫자 [100, 101, 102, 103, 104]가 주어졌다고 가.. 2022. 10. 12.
[GIT] 깃(Git) 태그(tag) 사용하기 (ft. 조회/추가/변경/삭제) git tag git에는 tag를 줄 수 있는 기능이 존재하는데, 보통 릴리즈 버전을 관리하기 위해 사용된다. 릴리즈 할때마다 semantic versioning의 규칙에 따라 태킹을 하고는 한다. (*semantic versioning은 가장 흔하게 버전을 관리할 때 사용하는 규칙이므로 알아두면 좋다.) 태그 조회하기 우선 git tag라는 명령어를 통해 이미 만들어진 태그가 있는지 확인할 수 있다. $ git tag v0.1 v1.3 이 명령어는 알파벳 순서로 태그를 보여주지만, 사실 순서는 그렇게 큰 의미는 없다. 그리고 검색 패턴을 사용하여 태그를 검색할 수 있는데, tag 명령어에 -l 또는 --list 옵션 및 와일드카드(*) 패턴과 함께 사용하여 조건에 맞는 태그를 조회할 수 있다. $ gi.. 2022. 10. 6.
[GIT] .gitignore 사용해 버전 관리 대상에서 제외하기 .gitignore .gitignore 파일은 Git 버전 관리에서 제외할 피알 목록을 지정하는 파일이다. git을 사용할 때 git add.이라는 명령어를 많이 사용할 텐데, 이 .gitignore이 있으면 굳이 commit 할 대상을 하나하나 제외할 필요 없이 자동으로 제외시켜주는 아주 편리한 녀석이다. 보통 .gitignore 파일은 최상위 경로에 위치한다. 처음부터 그냥 파일을 만들어서 직접 제작해도 상관은 없지만 아래 사이트에서 필요한 .gitignore 파일을 제공해주고 있으니 편리하게 사용할 수 있다.https://www.toptal.com/developers/gitignore gitignore.io Create useful .gitignore files for your project www.. 2022. 10. 6.
[GIT] 깃(Git) 버전 관리 기본 명령어 (ft. git init / status / add / commit / log / diff) git init 깃 저장소를 초기화하는 명령어이다. git init 명령어를 실행하기 이전에는 git과 연결된 폴더가 아니기 때문에 npm init처럼 git init을 통해 초기화를 시켜줘야 한다. git init 이 명령어를 실행하게되면, 해당 폴더에 숨겨진 파일로 .git 이라는 폴더가 하나 생성되는 것을 확인해 볼 수 있을 것이다. .git이란 폴더는, 파일의 history가 저장되는 폴더이므로 특별한 사유가 있지 않다면 삭제하지 않는 걸 추천한다. 이런 식으로 git init 명령어를 사용하면 .git 폴더 생성과 함께 "master"라는 키워드가 터미널에 표시된다. git status 저장소의 상태를 체크하는 명령어이다. git에서 말하는 상태란 untracked, tracked, staged.. 2022. 10. 6.
[GIT] 깃(Git) 설치 및 초기설정 (ft. Window) 깃(Git) 설치하기 깃 설치 관련해서는 공식 홈페이지를 통해 깃을 다운로드하는 방법과, 특정 OS용 터미널을 설치하면서 자동으로 GIT이 같이 설치하는 두 가지 방법에 대해 대략적으로 설명만 하고자 한다. 공식 사이트에서 GIT 설치 https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users.. 2022. 10. 5.
[VueJS] Pinia 특정 Store의 상태(State) 초기화 하기 ($reset) 특정 Store State Reset vuex에서 특정 Store의 상태를 초기화하기 위해서는 말 그대로 초기 상태의 객체를 가지고 덮어 씌우는 작업을 하는 방법이 존재했다.(예를 들어 lodash의 cloneDeep 사용) 그러나 특이하게도 Pinia에서는 특정 Store State의 Reset 메서드를 제공해주고 있다. Pinia에서는 Store를 정의하는 방법이 두가지가 존재하는데, 각각의 방법에 따라 Reset 방법에 대해 알아보자. Option Stores (Object Syntax) Options API, Vuex 에서 사용하는 방식과 동일한 구조의 Option Stores 방식부터 알아보자. export const useCounterStore = defineStore('counter', { .. 2022. 10. 4.
[VueJS] Pinia Store 기본 사용법 (ft. storeToRefs) Store 기본 사용법 공식문서를 통해 store 기본 사용법에 대해 알아보자. (*이 글은 Composition API 위주로 작성되었다.) 사용법을 익히기 전에 설치가 안되어 있다면 아래 링크를 통해 설치와 설정부터 해주고 오도록 하자. https://mine-it-record.tistory.com/639 [VueJS] 상태 관리자 Pinia란? (ft. 설치 및 설정) Pinia란? Pinia는 Composition API를 기반으로 동작하는 상태 관리자이다. 일반적으로 Vue3와 Composition API 환경에서 사용하기 용이하며, Vue 2.x 버전에서 사용할 경우 Composition API를 따로 설치해서 적용.. mine-it-record.tistory.com 스토어 정의하기 impor.. 2022. 9. 30.
[VueJS] Vue3 - setup() 과 <script setup>의 차이 Vue3에서의 Composition API와 setup Vue3의 등장 예고와 함께 사용되어진 Composition API, Vue2.7 버전 미만을 사용할 경우에는 따로 플러그인을 설치해서 사용할 수 있으며, Vue2.7 이상부터는 Vue3처럼 Composition API를 사용할 수 있다. 이 Composition API의 등장과 함께 setup 함수가 등장하였다. 이 setup함수를 사용하여 반응형 데이터를 만들고, 라이프 사이클을 제어하는 등 Vue2 버전에서부터 사용되어 왔던 optioins api에서 사용했던 그 모든것을 Composition API에서는 setup함수 안에서 처리해준다. 그런데 여기서 공식문서를 살펴보면 Composition API의 setup함수가 있고, setup()은 p.. 2022. 9. 28.
반응형
TOP

티스토리툴바