본문 바로가기

전체 글

 (47)
[Git]branch, merge 1. branch 하나의 코드 관리 흐름(나뭇가지) 맨 처음 커밋(root commit) 예를 들어 유료, 무료 버전으로 나눈다고 할 때 두 개의 branch를 쓸 수 있다. 2. branch 만들기 git branch 브랜치이름 3. branch 이동 git checkout 브랜치이름 4. branch 조회하기 git branch 5. git branch -d 브랜치이름 branch 삭제하기 6. branch를 만들면서 이동하기 git checkout -b 브랜치이름 7. 브랜치 merge하기 git merge 가져올브랜치이름 다른 branch의 내용을 가져오기 / 커밋 메시지 작성창이 뜬다. 8. conflict란? merge를 하다가 충돌이 발생했다는 뜻. 9. conflict 해결방법 1. con..
[Git]Github와 commit 1. git push 깃허브와 연결 후 레포지토리 변경사항을 보낼 때 깃허브에서 README 파일은 바로 열람할 수 있게한다. 2. 로컬 레포지토리에서 새로운 커밋을 할 때마다 리모트 레포지토리에 업데이트 해줘야한다 3. git pull 리모트 레포지토리의 내용을 로컬레포지토리에 반영한다. 4. 기본적으로 자신만 git push를 할 수 있다. 해당 리모트 레포지토리의 collaborator로 지정하면 다른 사용자도 git push를 사용할 수 있다. 5. git clone 복사할깃허브레포지토리주소 해당 주소의 레포지토리가 복사된다 6. git log 커밋 히스토리 출력 커미잇의 아이디(커밋 해시)도 출력 7. git log --pretty=oneline 커밋 히스토리를 깔끔하게 출력 8. git sho..
[Git]Git 작업 영역 및 파일 상태 1. Git 3가지 작업 영역 - working directory - staging area - repository 2. working directory 작업을 하는 프로젝트 디렉토리 3. staging area git add를 한 파일들이 존재하는 영역 4. repository commit 한 파일들이 저장되는 영역(.git) 5. git status git이 현재 인식하고 있는 프로젝트 관련 내용 출력 6. git add . 현재 폴더 전체를 git add 한다 7. Git 파일 4가지 상태 Untracked Tracked - Staged - Unmodified - Modified 8. Untracked 상태 Git에 의해서 그 변동사항이 추적되고 있지 않은 상태 완전 새로운 파일을 생성했을 때 9...
[git]git과 github, repository와 commit 1. git의 주목적은 버전 관리 지난 과정 확인 가능 이전 버전으로 돌아갈 수 있음 2. github는 다른 컴퓨터에 작업물 보내기 가능 백업 / 외부 컴퓨터 무료 제공 -> 다른 사람과 협업 가능 3. github는 git으로 관리하는 프로젝트를 올려줄수 있는 사이트 원격 저장소를 대신 제공해주는 서비스 4. git init 레포지토리 생성 (.git 폴더) 5. repository와 commit repository는 commit의 저장소 commit은 현재 폴더의 상태를 하나의 버전으로 저장 6. 첫번째 commit을 하기전에 해야할 것 : git에게 commit한 사람 알려주기 $ git config user.name "유저이름" 유저이름 설정하기 $ git config user.email "이메..
[리눅스]리눅스 기본 명령어 1. ctrl+c 프로세스 강제종료, 현재 작성 중인 문장 취소 tap키를 누르면 자동완성 가능 2. pwd print working directory 현재 위치의 디렉토리의 위치가 출력됨 3. cd change directory 4. cd - 이전 디렉토리 5. ls List 디렉토리 안 파일들을 표시함 6. ls 디렉토리명 인수 안에 있는 파일들을 표시함 7. 절대 경로 루트 디렉토리 기준 상대 경로 작업 디렉토리 기준 ./ 현재 디렉토리 ../ 상위 디렉토리 파일이나 디렉토리 이름에 공백이 있을경우 "" '' \ 를 사용한다. 하지만 그낭하다면 공백이 없이 작성하는 좋다 ex)hello_world 8. ls 중요 옵션 -a 옵션 모든 파일과 디렉토리를 보여줌(숨겨진 파일 포함 파일 이름이 .으로 시..
2. position의 속성들과 각각의 특징 - static은 기본값이며 요소가 원래 있어야 할 위치에 배치시킨다. - relative는 원래 있어야 할 위치를 기준으로 위치를 조절할 수 있다. 자리를 움직여도 다른 요소는 위치에 영향을 받지 않는다. - absolute는 가장 가까이 포지셔닝 된 조상 요소를 기준으로 위치를 조절할 수 있다. absolute가 적용이 되면 기존 차지했던 영역을 잃어버려 다른 요소가 그 자리를 채울 수 있다. 영역을 잃게되면서 크기도 잃게된다. - fixed는 브라우저 화면을 기준으로 위치를 고정시킨다. absolute와 마찬가지로 기존의 영역을 잃어버리게된다. - sticky는 브라우저 화면을 기준으로 사용자가 설정한 위치에 도달하게 되면 그곳에 고정이 된다. 자신의 영역을 차지하고 있으며 자신의 부모요소가 화면에..
1. CSS에서 Cascading이란? CSS는 Cascading Style Sheet의 약자로, 직역하자면 계단식 스타일 시트이다. CSS에서 Cascading은 CSS의 규칙의 순서가 중요하다는 것을 의미한다. 같은 요소를 꾸미는 CSS규칙의 우선순위가 같다면 가장 마지막에 작성된 CSS규칙이 적용된다. 우선 순위에는 여러가지 규칙이 있으며, 대표적으로 선택자가 얼마나 구체적인지 따지는 명시도에 의하여 선택이 된다. 예를 들면 요소의 선택자가 id는 100, class는 10, 태그는 1의 명시도를 가지고, 이를 합산하여 계산한다. 또한 상속이라는 개념이 있으며, 자식 요소는 부모 요소의 스타일을 상속받게 된다. 모든 속성을 상속받지는 않고 대표적으로 font 관련 속성 등이 있다.
[CSS]그리드(Grid) 1. grid 2차원으로 배치하는 방법 grid-template-rows(columns) gap grid-auto-rows(columns) grid-row(column), span grid-area, grid-template-areas 2. grid 나누기 grid-template-rows: 간격, 간격...(원하는 개수만큼) 로우 나누기 grid-template-columns : 간격, 간격, 간격 ...(원하는 개수만큼) 컬럼나누기 grid-template : row1 row2 ... / col1 col2 ... 한번에 작성하기 3. 유연한 크기와 유용한 함수들 grid-template : 1fr 1fr ... / 1fr 1fr... fr(fraction)을 사용하면 그리드 박스 크기 기준으로 비율을..

티스토리툴바