Git Flow란? main 또는 master 브랜치와 development 브랜치를 유지하면서, 용도에 따라 임시적으로 feature, release, hotfix 브랜치를 생성해서 사용하는 방식의 전략이다. 브랜치 별로 약속된 역할에 맞게 생성해서 사용하는데 각 브랜치를 통해 규칙에 맞는 흐름 flow 대로 작업이 이루어지는 것을 지향한다. 기준이 되는 master, develop 브랜치를 먼저 설명하겠다. master: 정식 배포의 기준이 되는 브랜치로, 항상 안정적인 제품이 서비스 될 수 있는 소스코드로 언제나 배포 가능한 상태로 유지되어야 하는 브랜치이다. develop: 개발 중인 코드를 관리하는 브랜치이다. 새로운 기능 개발과 개발된 변화를 담은 버전 배포작업이 시작될 수 있는 브랜치이다. ..

branch merge란? merge란 현재 위치한 branch에서 다른 branch를 병합할 때 사용한다. 특정 branch로 합치는 요청을 보내는 Pull Request(pr)을 보낼 때 Create a merge commit, Squash and merge, Rebase and merge 이 3가지 merge 방법이 존재한다. 이 방법들을 설명하기 위해서는 commit(커밋) 메세지와 commit 그래프를 어떻게 유지해야 할지 와 연관 있기 때문에 merge 방법의 특징을 설명하겠다. Merge 일반적으로 많이 사용하는 merge 방법으로 커밋 이력을 모두 남길 때 사용한다. 모든 커밋과 분기했던 branch의 이력이 남는 것이 장점이자 단점이다. Fast-forward 설정이란? git merge..

데이터 타입(data type)은 값의 종류를 말한다. 자바스크립트의 모든 값은 데이터 타입을 갖는데 자바스크립트 ES6는 7개의 데이터 타입을 제공한다. 구분 데이터 타입 설명 원시 타입 숫자(number) 타입 숫자. 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열(string) 타입 문자열 불리언(boolean) 타입 논리적 참(true)과 거짓(false) undefined 타입 var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌(symbol) 타입 ES6에서 추가된 7번째 타입 객체 타입 객체, 함수, 배열 등 6.1 숫자 타입 자바스크립트는 다른 프로그래밍 언어(c, java, python 등)와는 다르게 하나의 ..

개념을 이해한다는 것은 바로 용어를 정확히 이해하고 설명할 수 있다는 것이다. 5.1 값 값(value)은 식(표현식 expression)이 평가(evaluate)되어 생성된 결과를 말한다. 여기서 평가란 식을 해석하여 값을 생성하거나 참조하는 것을 의미한다. 모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트(bit)의 나열로 저장된다. 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다. 5.2 리터럴 리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)을 말한다. 예를 들어 3이란 숫자를 코드에서 작성하게 되면, 단순한 아라비아 숫자가 아니라 숫자 리터럴이다. 사람이 이해할 수 있는 아라비아 숫자를 사용해 숫자 ..

position 속성이란? HTML에서 작성한 요소에 대해서 문서 내에서 배치되는 방식을 결정하는 것이 CSS의 position 속성의 역할이다. top, right, bottom, left 속성과 함께 사용하여 요소의 정확한 위치를 지정한다. 이때 top, right, bottom, left 속성의 값이 모두 똑같을 경우 inset 속성을 사용한다. position: static position 속성의 기본값으로 HTML에서 요소가 문서의 원래 있어야 할 위치에 배치되도록 해준다. 따라서 top, right, bottom, left 속성값은 무시된다. position: relative 요소의 원래 위치를 기준으로 배치한다. top, right, bottom, left 속성을 통해 요소의 원래 위치에 있..

시맨틱 태그란? 태그와 기능은 똑같지만, 의미가 담겨있는 태그들을 '시맨틱 태그'라고 한다. 이를 통해 사이트의 구조(레이아웃)를 설계하기 위해 존재하며 각 부분의 역할과 기능을 전달하는 데 도움을 주는 역할을 한다. 즉, 태그에 의미를 부여함으로써 웹사이트 구조를 파악하기 쉽도록 도와주기 위해 만들어졌다. 엄격한 사용법이 있는 건 아니지만, 작성하는 사람의 의도가 중요하다. 태그 이름 용도 영역 위쪽에서 로고나 제목, 메뉴 같은 걸 담고 있는 도입부 사이트의 본격적인 내용으로 페이지에서 딱 한 번만 사용 가능 영역 아래쪽에서 여러 가지 연락처나 관련 정보를 담고 있음 하나의 완성된, 독립적인 내용을 나타내는 영역 (블로그 게시물, 뉴스 기사, 제품 리뷰 등) 어떤 것의 일부분을 나타내는 영역 이미지와 ..