전체 글 16

Git Flow 브랜치 전략

Git Flow 브랜치 전략Git Flow는 Vincent Driessen에 의해 소개된 Git 브랜치 관리 전략이다. 이 전략은 소프트웨어 개발의 여러 단계(기능 개발, 릴리스 준비, 핫픽스 등)를 명확히 구분하여 관리하기 위해 여러 브랜치를 정의하고 사용한다. Main 역할배포 가능한 상태의 코드만을 유지용도최종 릴리스 버전Develop 역할다음 릴리스에서 포함된 통합된 코드들을 유지용도기능 개발이 완료된 후 병합Feature 역할개별 기능을 개발하기 위한 브랜치용도새로운 기능 개발 시 생성. develop 브랜치로부터 생성되고, 작업이 완료되면 develop 브랜치에 병합Release 역할릴리스 줍니를 위한 브랜치용도릴리스 직전 버그 수정 및 최종 조정. develop 브랜치로부터 생성되고, 준..

CS 2024.06.08

Git에서 Branch Merge 방법들과 각 방법의 특징

Git에서 Branch Merge 방법들과 각 방법의 특징브랜치를 병합할 때 Git은 여러 가지 방법을 제공한다. 특정 상황에 따라 다양한 장단점을 가진다. Fast-forward Merge 브랜치 병합 시 대상 브랜치가 현재 브랜치에서 파생된 후에 새로운 커밋이 없는 경우, 커밋 기록을 이어서 병합한다. 특징히스토리가 단순해진다.Merge commit이 생성되지 않는다.3-way Merge 두 개의 브랜치가 같은 조상을 가지며, 두 브랜치 모두 새로운 커밋이 발생한 경우, 세 개의 커밋(조상, 현 브랜치, 병합 브랜치)을 이용해 새로운 병합 커밋을 만든다. 특징병합 커밋이 생성된다.브랜치의 히스토리를 확실하게 구분할 수 있다.Rebase 브랜치를 다른 브랜치 위로 옮겨서 재정렬한다. 기존의 커밋 히스토..

CS 2024.06.08

Cascading이란?

CascadingCascading은 단어 뜻 그대로 CSS가 HTML 요소에 적용될 때 어떤 규칙이 우선순위를 가지는지를 결정하는 과정이다.크게 스타일시트의 출처, 중요도, 명시도 세 가지 원칙에 따라 작동한다. 스타일시트의 출처브라우저 기본 스타일: 모든 브라우저는 기본적으로 제공하는 기본 스타일을 가지고 있다.사용자 스타일: 사용자가 직접 설정한 스타일제작자 스타일: 웹페이지를 만든 사람이 작성한 스타일우선순위는 아래와 같다.제작자 스타일 > 사용자 스타일 > 브라우저 기본 스타일중요도h1 { font-size: 16px !important;}h1 { font-size: 20px;}h1 태그가 나중에 작성되어서 글자 크기가 20px일 것 같지만, !important를 선언해주면 최고로 높은 우선순위를..

CS 2024.05.25

GitHub 편하게 보는 방법

다른 개발자들의 코드를 확인하기 위해서 소스를 쉽고 편리하게 확인하는 방법을 공유하고자 한다.repository url의 앞에 `1s`를 붙히고 엔터를 누르면 visual studio code의 UI랑 동일하게 tree구조로 편리하게 볼 수 있다. + repository 사이트 내에서 '.' 점 눌러도 웹 에디터로 진입된다. 앞으로 repository url 앞에 `1s`를 붙혀 다른 개발자들의 코드를 쉽게 확인하자!

Mac 2023.07.20

특정 서버 포트 강제로 종료하는 방법

서버를 키고 작업하다가 실수로 끄지 않고 창을 닫았을 때 강제로 포트를 종료하는 방법이 있다. 위 화면처럼 서버를 키고 실수로 끄지 않고 창을 닫았을 경우 다른 포트(3001)로 대체해서 서버를 열건지 물어본다. 이럴 경우 강제로 포트를 종료할 수 있는 방법을 공유하고자 한다. kill -9 PID 사진 우측에 pid 숫자를 입력해서 종료할 수 있다.

Linux 2023.03.03

소인수분해

소인수분해 소인수분해란, 어떤 수를 소수들의 곱으로 표현한 것이다. 예를 들어 12를 소인수 분해하면 2 x 2 x 3으로 나타난다. 중복을 제거하면 소인수는 2, 3이다. 소인수분해를 구하는 알고리즘을 공부해보았다. function solution(n) { var answer = new Set(); for (let i = 2; i a - b); } 1. 중복이 없어야하므로 Set으로 지정하였다. 2. n 나머지 i가 0일 경우 answer에 add 해준다. 3. n 을 낮은 숫자에서 나눌 수 있을만큼 나누어준다. 헷갈릴 수 있는 개념이지만, 익혀두면 좋을 거 같아 글로 정리해보았다.

Algorithm 2023.02.10

배열의 요소를 서로 swap하는 방법

배열의 요소를 서로 swap하는 방법으로 크게 2가지로 나눌 수 있다. 왼손에 물건을 들고 오른손에도 물건을 들고 있으면 서로 물건을 바꾸기가 쉽지 않다. 그래서 책상에 물건을 두고 바꿔서 드는 방법이다. temp라는 변수를 이용해 swap이 가능하다. const arr = ['h', 'e', 'l', 'l', 'o']; let temp = arr[0]; arr[0] = arr[1]; arr[1] = temp; console.log(arr); // ['e', 'h', 'l', 'l', 'o']; 다음은 구조 분해 할당을 이용한 방법이다. 배열, 객체의 속성을 해체하고 그 값을 각 변수에 담을 수 있게하는 JavaScript 표현식이다. const arr = ['h', 'e', 'l', 'l', 'o'];..

JavaScript 2023.02.08