Branch 특정한 시점으로부터 분기점을 생성하여 독립적으로 코드를 변경할 수 있도록 도와주는 모델을 의미한다. # 사용 가능한 로컬 브랜치 보기 $ git branch # 사용 가능한 리모트 브랜치 보기 $ git branch -r # 사용 가능한 모든 브랜치 보기 $ git branch -a Branch 변경하기 # checkout 은 두 가지 기능을 해서 명령어가 나누어짐 # 현재는 switch 를 많이 사용함 $ git checkout [브랜치명] $ git switch [브랜치명] merge $ git merge [브랜치명] 특정 브랜치에서 작업한 내용을 당겨온다. 내용을 당겨온다고 해서 해당 브랜치의 내용이 이동하는 것은 아니다. 브랜치의 내용은 사라지지 않고 기록이 남아있다. Branch 삭..

UNIX 1965년 데니스 리치, 켄 톰슨 등이 벨 연구소에서 어셈블리어로 작성한 운영체제이다. 주로 서버용 컴퓨터에서 사용된다. Kernel 하드웨어와 응용프로그램 간의 인터페이스 역할을 해주는 시스템 소프트웨어를 말한다. Linux 1991년 리누스 토발즈가 작성한 유닉스 계열의 운영체제이다. PC, 모바일, 서버, 임베디드 시스템 등의 다양한 분야에서 활용된다. Redhat, Debain, Ubuntu, Android 등의 다양한 배포판이 존재한다. Shell 사용자의 명령어를 인식하여 프로그램을 호출하고 명령을 수행하는 명령어해석기이다. 시스템과 사용자간의 인터페이스를 역할을 해준다. - bash Brian Fox 가 작성한 유닉스 쉘이다. 현재 리눅스의 표준 쉘이며 다양한 운영체제에서 기본 쉘로..

flex 부모 요소에 display: flex; 속성을 적용하면 부모 요소는 flex-container 가 되고 자식 요소는 자동으로 flex-item 이 된다. flex-direction 속성의 기본 값은 row 이므로, 부모 요소에 flex-direction 속성을 별도로 지정하지 않으면 flex-item 들이 수평으로 배치된다. flex-container 는 블럭 요소처럼 위에서부터 아래로 수직으로 쌓인다. flex-container 에서 사용하는 속성 - flex-direction : 아이템의 주 축 설정 - flex-wrap : 아이템의 줄바꿈 설정 - justify-content : 주 축의 정렬방법 설정 - align-content : 교차 축의 정렬방법 설정 (2줄 이상) - align-i..

emmet 한국어 설정하기 vscode 에서 html 파일에 ! 를 작성하면 html 기본 구조를 자동으로 완성해준다. 이 때, lang="en" 으로 작성되어져 있는 경우, 해당 html 을 읽을 때 한국어로 번역할 것인지 묻는 창이 계속 뜰 수 있기 때문에 lang="ko" 로 자동완성 되도록 settings.json 에서 아래의 코드를 추가해 주는 것이 좋다. "emmet.variables": { "lang": "ko" }, CSS 선택자는 오른쪽부터 읽기 아래 코드에서 li:nth-child(4) 를 찾아보면 list 중에서 네번째 요소인 item4 일 것 같지만, 사실 li:nth-child(4) 선택자인 요소는 없다. 해당 선택자를 오른쪽에서부터 읽어보면 네번째에 있는 요소 중에서 li 태그인..

유의적 버전 (Semantic Versioning, SemVer) > node --version v14.17.6 여기에서 버전의 숫자들은 각각 아래의 의미를 나타낸다. 14.17.6 Major.Minor.Patch Major 기존 버전과 호환되지 않는 새로운 버전을 의미한다. Minor 기존 버전과 호환되는 새로운 기능이 추가된 버전을 의미한다. Patch 기존 버전과 호환되는 버그 및 오타 등이 수정된 버전을 의미한다. ^Major.Minor.Patch Major 버전 안에서 가장 최신 버전으로 업데이트가 가능하다. package.json 파일에서 업데이트 하려는 모듈의 버전 앞에 ^ 기호가 명시되어 있어야 한다. 이 기호는 npm update 를 통해 최신 버전으로 업데이트 할 수 있다는 것을 의미한..

BEM (Block Element Modifier) HTML 클래스 속성의 작명법 1. 요소__일부분 Underscore(Ladash) 기호로 요소의 일부분임을 표시한다. 클래스 이름만 보고도 어느 요소의 일부분인지 직관적으로 유추할 수 있다. 2. 요소--상태 Hyphen(Dash) 기호로 요소의 상태를 표시한다. 클래스의 이름만 보고도 어떤 역할을 할 것인지 유추할 수 있다.