본문 바로가기

분류 전체보기

 (432)
[js] Math.floor vs trunc vs parseInt Math.floor vs trunc vs parseInt Math.floor(): 작은 정수로 소수점 버림 (-3.2 -> -4, 2.3 -> 2) trunc() : 소수점 버림 (-3.2 -> -3, 2.3 -> 2) parseInt() : Math.floor()와 동일하게 작동, 두 번째 파라미터로 n진수로 변환 가능(default Value: 10)
05_브랜치로 나누어 관리하기 브랜치란: 브랜치를 나누어 관리하는 이유 브랜치는 **버전의 분기**다 (버전의 새로운 흐름) =버전을 여러 개의 흐름으로 관리하는 방법 브랜치로 버전의 분기를 관리하는 방법 브랜치를 **나눈다**. 각자의 브랜치에서 **작업한다**. (필요하다면) 나눈 브랜치를 **합친다**. ex - 브랜치로 문제 해결하기 ex-1) 같은 부분을 다르게 수정한 부분만 보면 됨 ex-2) 브랜치 나누기 최초의 브랜치, master(or main) 브랜치 가장 기본적인, 최초의 브랜치 우리가 지금까지 만든 커밋들은 모두 기본적으로 master 브랜치에 속해 있다. 브랜치 커밋 개수? master 브랜치 : 커밋 3개 foo 브랜치 : 커밋 5 master 브랜치: 커밋 4개 foo 브랜치 : 커밋 5개 bar 브랜치 :..
04_버전 가지고 놀기 버전 비교하기 커밋 전/후 비교하기 커밋한 내역을 선택하여 이전 버전과 비교하면 됨 서로 다른 두 버전 비교하기 **버전 + ctrl + 또다른 버전**을 눌러 선택하고 하단의 파일을 누르면 하단 우측에서 서로 다른 두 버전을 비교할 수 있다. 당시 버전 파일 보기 커밋 선택 > 파일 선택 > 오른쪽마우스 > 선택한 버전 열기 버전을 되돌리는 방법: revert, reset **revert** : 버전을 되돌린 새로운 버전 만들기 **reset** : 버전을 완전히 되돌리기(시간 되돌리기) revert 이전 버전(1~5)은 유지가 된 채 새로운 버전 만듦 reset 유지X. 시간 되돌리 듯 이전 버전으로 아예 돌아감 reset 종류 **soft** : 커밋, 스테이지, 작업 디렉터리까지 되돌리기 **mi..
03_버전이 쌓여 사용자에게 선보이기까지: 커밋해시, 태그 커밋 해시 각 버전을 지칭하는 고유 번호 실제 커밋 해시는 너무 길어서 앞자리만 따서 더 짧고 간단하게 나타낸다. 태그 태그란? 특정 커밋을 가독성있게 지칭하도록 하는 꼬리표 커밋1 커밋2 커밋3 커밋4 ... 커밋12 오른쪽 마우스 > 태그 태그 이름 작성하고 태그 추가 클릭 커밋에 태그가 생성되었다. 태그 삭제하기 태그 > 태그에 오른쪽 마우스 > 삭제
02_깃으로 버전 관리 시작하기 로컬 저장소 만들기 생성하기 버튼 클릭 .git 숨김 폴더가 생성된다. 숨김 폴더 보기: 옵션 > 보기 > 숨김 파일 및 폴더 표시 체크 버전 관리의 큰 그림 깃이 관리하는 세 개의 공간 **작업 디렉터리(work tree)** : 버전 관리의 대상이 위치하는 공간. .git이 있는 폴더. **스테이지(index)** : 다음 버전이 될 후보가 올라가는 공간 **저장소(repository)** : 버전이 만들어지고 관리되는 공간 스테이지, 저장소는 깃이 관리하는 가상의 공간임 작업 디렉터리에서 발생하는 모든 변경사항이 모두 새로운 버전이 되진 않는다. 그래서 변경사항 중 버전이 될 후보들을 선별하여 스테이지로 올린다. 이를 staging이라 한다. (**add**) 스테이지에 있는 파일들을 저장소로 올려..
01_git 준비하기 깃이 없는 세상: 버전과 버전 관리 깃이 없으면? 변경 내역 확인이 어렵다 작업을 되돌리기 어렵다 협력하기 어렵다 이러한 어려움을 느낀 리눅스 창시자 Linus Torvalds 리눅스는 오픈소스이므로 개발자들이 소스코드에 기여할 수 있다. 리눅스를 구성하는 소스코드의 길이는 무려 27.8 만 줄이나 되는데, 이 정도 분량의 코드가 시시각각 변화한다. 이 정도 크기의 프로그램의 변경사항을 확인하고, 작업을 되돌리고, 협업하기란 어렵다. 그래서 '변경 사항(=버전)을 좀 더 일목요연하게 관리해보자!'라는 목적으로 Git을 만들었다. 버전 유의미한 변화가 결과물로 나온 것 프로그램 개발 == **유의미한 변화(=버전)**를 쌓아 프로그램을 만들어 나가는 것 버전 관리? (깃이 없을 때 문제들을 해결) 변경 내..
[CSS] Grid Garden - grid 속성을 배워보자 display: grid; grid-template-columns 세로로 그리드 설정 grid-template-rows 가로로 그리드 설정 grid-column-start/end grid-column-start/end : n 그리드 몇 세로선부터 시작할 것인지/끝낼 것인지 (음수로 두면 뒤에서 부터) end를 더 낮은 값으로 두어 설정할 수도 있다. ex) grid-column-start: 5; grid-column-end: 2; grid-column-start/end: span n span을 이용하여 n만큼 열의 넓이 지정하기 grid-column : grid-column-start / grid-column-end grid-column-start와 grid-column-end를 줄인 속성 ex) gri..
[CSS] Flexbox Froggy - flex 속성을 배워보자 display: flex; justify-content flex-start : 요소들을 컨테이너의 왼쪽으로 정렬 (start -> flex-start로 변경됨) flex-end : 요소들을 컨테이너의 오른쪽으로 정렬 (end -> flex-end로 변경됨) center : 요소들을 컨테이너의 가운데로 정렬 space-between : 요소들 사이 동일 간격으로 두기 space-around : 요소들 주위에 동일한 간격으로 두기 align-items flex-start : 요소들을 컨테이너의 꼭대기로 정렬 flex-end : 요소들을 컨테이너의 바닥으로 정렬 center : 요소들을 컨테이너의 세로선 상 가운데로 정렬 baseline : 요소들을 컨테이너 시작 위치에 정렬 stretch : 요소들을 컨테이..
반응형

티스토리툴바