본문 바로가기

전체 글393

[빠르게 git] Branch를 이용한 협업 개념 협업의 전통적인 방법 기존에는 협업을 할 때 역할을 나눈 개발자들이 각자의 소스코드를 작성해서 소스코드 파일을 주고 받아 하나로 합치는 작업을 했다. 그런데 이 과정에서 상대방의 소스코드와 내 소스코드를 합치려면 상대방의 소스코드와 충돌이 나지 않는지, 겹치는 부분은 없는지 모든 소스코드를 확인해야 했기 때문에 내가 작업한 코드 이외에도 상대방의 소스코드를 전체를 이해해야 하는 번거로움이 더해졌었다. Branch를 이용한 협업 Branch는 나뭇가지를 말한다. 하나의 나무에 여러 나뭇가지가 있는 것처럼 각자 맡은 파트를 개발자들은 나뭇가지를 만들듯이 그 나뭇가지에서만 만들고 Git 통해서 하나로 합치면 된다. 이렇게 되면 파트별로 분야를 나누어 공간을 나누면서 작업할 수 있는 장점이 있다. 예를 들.. Programing/Git 2024. 3. 15.
[빠르게 git] Git 버전 복구 (백업) 개념 Git으로 버전관리 하고 있는 것을 실수나 착오로 인해 이전 버전으로 되돌릴 수 있는 백업 기능을 사용 하는 방법이다. 기본 명령어 git reset 수정범위 옵션 의미 수정한 것 통째로 --hard HEAD^ 강력히 add한 것까지만 --mixed HEAD^ 적당히 commit한 것까지만 --soft HEAD^ 살짝만 git reset 명령어는 한 번이라도 commit된 파일에 대해서만 작동한다. 응용 $ git reset --hard HEAD^ $ git reset --mixed HEAD^ $ git reset --soft HEAD^ HEAD : 가장 최근 버전에서 ^ : 한 개를 되돌려라 (^^ 두개 ...) git reset의 default 값이 --mixed 이기 때문에 --mixed를 하.. Programing/Git 2024. 3. 15.
[빠르게 git] GitHub 시작하기 의미 앞서 Git Bash를 통해 내 로컬 저장소를 통해 Staging Area를 만들고 버전관리를 하는 방법에 대해 알아 보았다. 그런데 이것은 우리 로컬 저장소에서 관리하는 것이기 때문에 다른 사람과 협업하기는 마찬가지로 어렵다. 그래서 GitHub와 같은 서비스가 등장했고, GitHub는 각자의 컴퓨터에만 존재하는 버전을 저장하고 관리해주는 클라우드 서비스이다. 개념 우리 PC, 즉 로컬 저장소에서 원격 저장소로 파일을 Push(업로드)하여 클라우드 서비스에 업로드 하는 개념. 회원가입 GitHub 접속 회원가입 진행 Free 요금제와 매달 7달러의 Pro 요금제가 있는데 일반 사용자는 Free 선에서 충분하다. 요금제 스토리지 데이터 전송량(월별) 가격 Free 500mb 1gb 무료 Pro 2g.. Programing/Git 2024. 3. 15.
현재 폴더에서 VSCode 빠르게 열기 VSCode를 사용하다보면 작업 중인 폴더를 바꿔야 할 때 파일에서 폴더 열기를 매번 눌러 디렉토리를 찾아 들어가는 과정이 번거롭게 느껴진다. Git bash here처럼 마우스 우클릭을 하여 바로 접속할 수 있는 방법이 있고 PowerShell을 이용하는 방법이 있다. 마우스 우클릭을 하여 들어가는 것은 설치할 때부터 설정을 해주었어야 한다. 그런데 그냥 skip 하면서 설치한 경우에는 레지스트리를 수정해줘야 한다. 링크 : 마우스 우클릭하여 접근 가능하도록 레지스트리 수정하는 방법 PowerShell로 접속하는 방법 열고자 하는 폴더로 들어간다. 마우스 우클릭을 하여 윈도우11의 경우 추가 옵션 표시를 누르고 터미널에서 열기를 누른다. 명령어를 입력하는 창에서 아래와 같이 명령어를 입력한다. code.. IT/Computer 2024. 3. 15.
[빠르게 git] Git 시작하기 (개념, 설치, init, add, commit) Git의 기본 개념 : 버전이 만들어지는 두 개의 단계 버전이 되기까지 거쳐가는 세 개의 공간이 있다. Working directory (작업 공간) 내가 코드작업을 하는 공간 / 파일들이 생성, 수정, 삭제되는 공간 /변경사항이 생기는 공간 작업 공간에 있는 모든 파일을 버전 관리할 필요는 없다. 임시로 작업 중인 파일도 있을 것이고, 만들다 실수한 파일도 뒤섞여 있을 것이기 때문에 유의미한 변화가 일어난 최종 파일을 버전 관리하는 것이지 이 모든 공간을 버전관리 할 필요는 없고 선별된 파일만 버전 관리 하면 된다. Staging Area (무대) 버전이 될 후보들이 올라오는 공간(무대) Repository 최종 버전들이 저장되어 있는 공간 위의 순서를 거쳐가며 Working directory에서 St.. Programing/Git 2024. 3. 15.
[ONEBITE-REACT] JS 심화 - 반복문으로 배열과 객체 순회하기 (Iteration) 의미 배열, 객체에 저장된 여러개의 값에 순서대로 하나씩 접근하는 것을 말한다. 주의할 점은 배열의 경우에는 순서가 보장되지만, 객체의 경우에는 속성의 순서가 보장되지 않는다. 배열을 순회하는 방법과 객체를 순회하는 방법이 다르다. 배열 순회 (Iterating over Arrays) 배열을 순회할 때는 주로 for 루프, forEach 메서드, for...of 루프, map 매서드를 사용한다. for 루프 const arr = [1, 2, 3, 4, 5]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } // 1 / 2 / 3 / 4 / 5 코드해석 for 반복문을 사용해서 i라는 변수를 만들고 0이라는 값으로 초기화한다. i { conso.. Programing/React 2024. 3. 15.
[ONEBITE-REACT] JS 심화 - 원시 타입과 객체 타입 (Primitive Types and Object Types) 정의 원시타입 (Primitve Types) 단순한 값 구성 : 숫자(Number), 문자열(String), 불리언(Boolean), Null, Undefined, Symbol 객체 타입 (Object types) 여러 속성을 포함할 수 있는 복잡한 데이터 타입 구성 : 배열(Array []), 객체(Object {}), 함수(Function), 날짜(Date) 차이 값의 저장 방식에서의 차이 원시 타입 변수가 스택 메모리에 직접 저장된다 객체 타입 변수가 스택 메모리에 직접 저장되는 것이 아니라 힙(heap) 메모리에 저장된다. 변수에는 값이 직접 저장되는 것이 아니라 변수에 대한 참조(reference)가 저장된다. 예를 들어 let num = 1 이라는 number 타입의 원시 타입 데이터는 num.. Programing/React 2024. 3. 15.
[ONEBITE-REACT] JS 심화 - Spread 연산자 & Rest 매개변수 Spread 연산자 의미 스프레드 연산자는 배열이나 객체를 펼쳐서 개별 오소로 분리하는 연산자이다. 스프레드 연산자는 주로 여러개의 배열이나 객체를 복사하거나 하나로 합칠 때 사용한다. 예를 들어 아래와 같은 두 개의 배열이 있는데, arr1을 arr2의 요소 중 4와 5사이, 즉 arr2 배열의 0번 인덱스와 1번 인덱스 사이에 넣고 싶다면 원래대로라면 이렇게 코드를 작성할 수 있다. let arr1 = [1, 2, 3]; let arr2 = [4, 5, 6]; // 정석적인 방법대로 추가 let arr2 = [4, arr1[0], arr1[1], arr1[2], 5, 6]; console.log(arr2); // [4, 1, 2, 3, 5, 6] 그런데 배열이라는 것은 원래 값을 유동적으로 바꾸기 위.. Programing/React 2024. 3. 14.
[ONEBITE-REACT] JS 심화 - 구조 분해 할당(Destructing Assignment) 의미 구조 분해 할당(Destructing Assignment)이란 배열이나 객체의 값을 해체하여 그 값을 개별 변수에 할당하는 것을 말한다. 이를 통해 배열이나 객체에서 원하는 값만을 추출할 수 있다. 예를 들어 arr라는 배열에 "초콜릿", "떡볶이", "삼겹살"이 있다면 이것을 변수1에 "초콜릿", 변수2에 "떡볶이", 변수3에 "삼겹살"을 담아 각각 다른 변수 3개를 만들어서 각각의 값을 분해해서 담는 것도 가능하다. 배열의 구조 분해 할당 배열을 나누려면 일반적으로는 아래와 하나씩 변수로 나눠주는 형태로 번거롭게 작업 해야 한다. let arr = [1, 2, 3] let one = arr[0]; let two = arr[1]; let three = arr[2]; 기본형 let 원래변수명 = [.. Programing/React 2024. 3. 14.
[ONEBITE-REACT] JS 심화 - 단락 평가 (Short-circuit Evaluation) 의미 단락평가(Short-circuit Evaluation)란, 논리 연산자인 &&(and), ||(or)에서 발생하는 평가 방식을 말한다. a && b 이든 c || d 이든 각각의 연산자는 두개의 항을 가지고 있기 때문에 둘 다 연산해야 할 것 같지만, 실제로는 왼쪽의 1항의 결과에 따라 2항을 계산할지 말지 결정한다. 논리 and 연산자 (&&) 왼쪽 피연산자가 참이면 오른쪽 피연산자를 평가하고 오른쪽 피연산자까지 참이어야 참을 반환한다. 왼쪽 피연산자가 거짓이면 오른쪽 피연산자를 평가하지 않고 바로 거짓으로 반환한다. 논리 or 연산자 (||) 왼쪽 피연산자가 참이면 오른쪽 피연산자를 평가하지 않고 참을 반환한다. 왼쪽 피연산자가 거짓이면 오른쪽 피연산자를 평가한다. // 논리 and 연산자 (&.. Programing/React 2024. 3. 12.

티스토리툴바