본문 바로가기

분류 전체보기328

[깃] merge conflict란? 병합할때 발생하는 merge conflict 해결하기 ⚠️ 이 포스팅은 핵심 쏙쏙 Git을 공부하고 정리한 블로그 포스팅입니다 ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 2주차 2-9 충돌 해결하기 - Merge conflict - 개념과 준비 merge conflict란? 브랜치를 병합하는 과정에서 같은 파일에 동일한 부분이 수정되서 발생하는 병합충돌을 의미한다. merge conflict가 발생하는 과정 1. 하나의 파일을 여러 브랜치에서 수정한다 2. 여러 사람이 작업한 파일을 같은 branch에 merge하려고 할 때 merge conflict가 발생한다 3. 하나의 파일에 서로 다른 내용이 수정되었기 때문에 git은 어떤 내용을 반영해야할지 스스로 정할 수가 없으므로 충돌이 난 코드를 포함한 파일을 사용자에게 보여준다 merge conflic.. 2022. 4. 6.
[깃] git issue, branch, merge 정리 ⚠️ 이 포스팅은 핵심 쏙쏙 Git을 공부하고 정리한 블로그 포스팅입니다 ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 2주차 2-2 누가 이 작업할 거에요? - Issue 할당 2-3 각자 공간에서 작업하기 - Branch - 개념 2-6 작업 내용 합치기 - Merge(병합) -개념 프로젝트를 여러 사람과 함께 작업할때는 일을 분담하여 각자 코드를 작성한 뒤 나중에 합쳐주는 절차를 가진다. 1단계: 누가 어떤 작업을 할 것인지 정한다 (issue) - issue 생성한 뒤 task를 나눈다 2단계: 맡은 task를 개인 공간에서 작업한다 (branch) - issue별로 새로운 branch를 만들어 각자 공간에서 작업한다 3단계: 각자 일하고 있던 작업을 하나로 합친다 (merge) - 사용한 br.. 2022. 4. 6.
[깃 플로우] git flow 사용법 완벽정리 깃 플로우의 사용법을 익히기 전에 깃 브랜치의 5가지 종류(main, develop, feature, release, hotfix)의 역할을 잘 모른다면 👉 [깃 플로우] 깃 브랜치의 5가지 종류의 역할 설명 (main, develop, feature, release, hotfix) git flow 시작전 1. 리포지토리 클론하기 git clone 2. 클론 잘되었는지 확인하기 원격 리포지토리의 주소가 맞는지 확인하자. git remote -v 3. 해당 리포지토리 안으로 들어가기 cd 4. git flow 설치하기 macOS: Homebrew brew install git-flow-avh macOS: Macports port install git-flow-avh Linux apt-get install .. 2022. 4. 4.
[깃 플로우] 깃 브랜치의 5가지 종류의 역할 설명 (main, develop, feature, release, hotfix) 계속 유지되는 깃 브랜치 (Regular Git Branches) main 브랜치와 develop 브랜치는 계속 유지가 되는 브랜치로 두개의 브랜치는 항상 같은 코드를 공유하고 있어야한다. 1. main 제품으로 출시될 수 있는 브랜치 2. develop 다음 출시 버전 개발을 위해 사용되는 브랜치 기능 개발을 위한 브랜치인 feature를 병합하기 위해 사용되는 브랜치 모든 기능이 추가되면 출시될 수 있는 브랜치인 main에 병합한다 임시로 생성되는 깃 브랜치 (Temporary Git Branches) 1. feature 새로운 기능 개발이나 버그 수정을 할 때 사용되는 브랜치 develop 브랜치로부터 파생된 브랜치 로컬에서 개발한 후 개발이 완료되면 develop 브랜치로 병합하여 remote r.. 2022. 4. 4.
[깃/깃허브] 깃허브에서 깃 플로우(git flow) 보고싶을때 리포지토리 > Insight > Network 2022. 4. 1.
[깃/한줄정리] git push origin main에서 origin이란? push할 원격 저장소(HTTPS)의 이름 2022. 4. 1.
[깃/한줄정리] 업스트림(upstream)과 다운스트림(downstream)이란? 업스트림 로컬 리포지토리(클라이언트)에서 원격 리포지토리(깃허브)로 보내는 것 local에서 origin으로 push한다 다운스트림 원격 리포지토리(깃허브)에서 로컬 리포지토리(클라이언트)로 보내는 것 origin에서 local로 pull한다 2022. 4. 1.
[웹개발/한줄정리] 로드 테스트(Load Test)란? 로드 테스트란 소프트웨어에 의도적으로 부하를 발생시켜 감당할 수 있는지를 보는 일종의 성능 테스트를 말한다. 2022. 4. 1.
[웹개발/배포] 소프트웨어 버전 넘버(semantic version) 정리 (Major, Minor, Patch Version, package.json에서 캐럿(^)기호의 의미) 소프트웨어 버전 넘버(semantic version) 우리가 흔히 보는 소프트웨어(카카오톡, 크롬, ios)를 보면 버전 넘버가 있다. 버전넘버는 앞에 version의 v와 일반적으로 세개의 숫자가 있다(v9.7.2). 참고로 버전 넘버를 영어로는 Semantic Versioning 줄여서 SemVer라고 한다. Semantic 즉 의미가 있는 버저닝이라고 부른다. v9.7.2 vmajor.minor.patch 첫번째숫자 (Major version) API 변경 기존 버전과 호환되지 않는 새로운 버전 규모가 크거나 영향력이 큰 코드 변화 이전의 기종과 호환이 되지 않는 새로운 기능 추가 v1.0.0 이전의 모든 버전은 베타버전(서비스를 배포하기 전 소프트웨어 개발버전)이다 v1.0.0은 정식버전(사용자에.. 2022. 4. 1.
[웹개발/한줄정리] 베타버전(Beta Version)이란? 베타버전이란 소프트웨어의 개발단계로 서비스를 배포하기 이전의 버전을 의미한다. Reference Wiktionary: beta version 2022. 4. 1.
[깃/한줄정리] 깃과 깃허브의 차이점 깃은 툴이고 깃허브는 원격 저장을 제공해주는 웹서비스다 갓은 버전 컨트를 시스템을 해주는 도구이고 깃허브는 클라우드 원격 저장소이다 2022. 4. 1.
[웹개발/한줄정리] CTO란? ​CTO란 Chief Technology Officer의 줄임말로 한국어로 최고 기술 책임자를 말한다. 2022. 4. 1.
[자바스크립트] 배열을 만들어주는 Array.from() 사용법 Array.from() Array 오브젝트의 메서드 from()은 유사배열(array-like) 또는 반복 가능 객체(iterable object)를 배열로 만들어준다. 문법 Array.from(arrayLike, (element, index) => { ... } ) 첫번째 인자: 유사배열 두번째 인자: 콜백함수 (element, index) => { ... } 유사배열안에 있는 각각의 요소가 element이고 순차적으로 각 element의 index값을 0부터 가지게된다. arrayLike가 문자열 "maple"이라면 element는 "m", "a", "p", "l", "e" 그리고 index는 0, 1, 2, 3, 4다. 예제 문자열을 배열로 방법 1: 간단하게 쓰기 const my_name = 'm.. 2022. 3. 31.
[자바스크립트] 중복 요소를 제외하고 배열 합쳐주기 (Set() 사용법) Set() 자바스크립트의 자료형 중 하나로 중복되지 않는 값을 가지는 리스트 Set 선언하기 new Set(중복되지 않는 데이터) set을 사용해서 중복 요소를 제외하고 배열 합쳐주기 배열 앞에 있는 ...은 스프레드 오퍼레이터로 배열 안에 있는 요소들을 모두 꺼내주는 연산자 전개연산자(spread operator)에 더 자세히 알고 싶다면 👉 [자바스크립트] 스프레드 오퍼레이터(spread operator) 사용법 const array1 = [0, 1, 2, 3]; const array2 = [3, 4, 5]; const merge = [...new Set([...array1, ...array2])]; console.log(merge); // [0, 1, 2, 3, 4, 5] 코드해석 merge라는 변.. 2022. 3. 31.
[자바스크립트] 스프레드 오퍼레이터(spread operator) 사용법 1. 전개 연산자(spread operator) 1.1 전개 연산자(spread operator)란? 전개 연산자(..)는 배열안에 있는 데이터 또는 문자열안에 있는 단어 하나하나를 넘기는 용도로 사용한다. 1.2 전개 연산자 사용법 전개 연산자를 사용하는 방법은 배열 또는 문자열 앞에 점 세개를 붙이면 된다. 1) 배열일때 const arr = [1, 2, 3]; const newArr = [...arr]; console.log(newArr); // [1, 2, 3] 코드해석 배열 arr의 요소에 처음부터 하나씩 접근하기 위해 ...이라는 전개 연산자 기호를 붙였다 ...arr은 arr의 요소 1, 2, 3이므로 ...arr을 배열의 기호[ ]로 감싸줘서 배열로 만든 후 newArr에 할당해준다 new.. 2022. 3. 31.
[리액트] 리액트에서 자주 쓰이는 자바스크립트 배열의 메서드 3가지 (concat, filter, map) 리액트에서 객체나 배열을 업데이트 해야할때 주의점 직접 접근해 업데이트 할 수 없다 불변성을 지켜주면서 업데이트를 해야한다 (기존 배열이나 객체의 복사본을 업데이트) 기존 코드를 변화시키는 배열의 메소드를 사용할 수 없다 push(추가), splice 기존 코드를 변화시키지 않는 배열의 메소드만 사용해야한다 concat(추가), filter(삭제), map(수정) 불변성이란? 리액트에서 객체나 배열을 업데이트할때는 불변성(immutable)을 지켜주면서 업데이트를 해야한다. 불변성이란 상태가 생성된 이후 그 상태를 변경할 수 없는 것을 의미한다. 즉 리액트에서 어떤 값을 업데이트하기 위해서는 상태 변경을 하지 않아야 한다는 것이다. 상태를 변경하지 않고 어떻게 업데이트를 할 수 있을까? 정답은 업데이트를.. 2022. 3. 30.
[웹개발/한줄정리] 버그(Bug)란? 버그란 프로그램이 의도한대로 동작하지 않는 것을 의미한다. 2022. 3. 30.
[깃/한줄정리] 깃에서 체크아웃(check out)이란? 체크아웃(check out) 현재 작업할 브랜치로 바꿔주는것 사용하고 있던 브랜치를 떠나 새로운 브랜치로 들어가는것 브랜치 A에서 브랜치 B로 깃을 체크아웃한다 (= 브랜치 B에서 작업을 하겠다고 선언) 2022. 3. 30.
[깃/깃허브] 깃허브 이슈 해결할 용도로 브랜치 만들때 브랜치 이름 정하는 방법 ⚠️ 이 포스팅은 핵심 쏙쏙 Git을 공부하고 정리한 블로그 포스팅입니다 ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 2주차 2-4 각자 공간에서 작업하기 - Branch - 실습 1. 깃허브에 이슈 등록 2. 해당 이슈를 해결하기 위해 새 브랜치를 만들어 작업한다 ⭐️ 브랜치 이름 정하기 prefix: 용도에 따라 prefix를 결정 이슈번호: 깃허브에 등록된 해당 이슈번호 이름: 어떤 기능인지 명시 prefix/이슈번호_이름 2022. 3. 30.
[웹개발] 프로그래밍에서 이슈(issue)란? 이슈의 상태 정리 이슈(issue)란? 프로젝트에서 해결해야하는 문제로 아래와 같은 것들이 있다: 프로젝트에서 해야할 작업 기능 추가 등의 프로젝트 개선 제안 버그 신고 (bug report, 버그 리포트) 이슈의 상태 1. Open 이슈가 처음에 생긴 상태 2. In Progress 개발자의 검토 및 수정이 진행되는 상태 3. Resolved 개발자가 작업을 완료해서 담당자의 확인을 기다리고 있는 상태 문제가 해결된 상태 4. Closed 이슈가 담당자의 확인 후 재수정이 필요하지 않아 이슈가 종결된 상태 5. Reopened 이슈가 담당자의 확인 후 재수정이 필요해 이슈를 다시 열은 상태 Reference 핵심 쏙쏙 Git 2-2 누가 이 작업할 거에요? - Issue 할당 Atlassian JIRA 블로그: 이슈란 .. 2022. 3. 30.