VansStory

Git Branch독립적으로 작업을 진행하기 위한 개념각각의 Branch는 다른Branch의 영향을 받지 않음 main branch : 배포중인 안정적인 branchtopic branch :  기능 추가나 버그 수정과 같은 단위 작업을 위한 branch branch 생성하기$git branch newbranch 현재 branch 확인하기$git branch branch 전환$git checkout branchToGo git merge$git checkout main$git merge devBranch merge 후 남은 branch 삭제$git branch -d featBranch

git add 로 staging area로 올리기$git add file.js 현제 디렉토리 파일 전체 올리기$git add . staging 상태 확인git status 명령어로 Stagning area 의 파일의 상태를 확인.git commit$git commit -m "message"  message 수정시$git commit --amend  git 관리 상태 확인$git status add 명령 취소$git reset   commit 된 파일 중 변경된 사항 보기$git diff git repository 에 존재하는 history 확인$git log patch log를 n 개 확인$git log -p -n 어떤 파일이 수정, 변경 되었는지 확인$git log --stat 각 commit 단위 한..

소프트웨어 개발에서 소스 코드의 변경 사항을 추적하는 데 널리 사용되는 분산 버전 관리 시스템. 리눅스 개발, 협업과 코드 관리를 위한 강력한 도구로서 개발자들 사이에서 널리 사용됨.개념리포지토리(Repository)Git에서 프로젝트 코드와 해당 변경 이력이 저장되는 곳.로컬 리포지토리와 원격 리포지토리가 있음.커밋(Commit) 코드나 파일의 변경 사항을 리포지토리에 저장하는 행위각 커밋은 고유한 ID를 가지며, 변경 내역, 작성자, 날짜 등의 정보를 포함.브랜치(Branch)개발의 분기점을 만들어 다양한 기능을 독립적으로 개발할 수 있게 해줌.기본적으로 'master' 또는 'main' 브랜치가 주요 브랜치로 사용.병합(Merge)다른 브랜치에서 개발한 내용을 합치는 과정.충돌(conflict)이 ..

미디어쿼리 소개미디어쿼리란 PC 뿐만 아니라 모바일과 태블릿에도 대응되는 반응형 또는 적응형 웹사이트를 만들 때 사용되는 CSS 구문.media { width: 500px; height: 500px; background-color: red;}/* 미디어쿼리 */@media (min-width: 320px) and (max-width: 800px) { .media { width: 300px; height: 300px; background-color: yellow; }}min-width와 max-width로 브라우저 가로폭 설정브라우저의 가로폭이 최소 320px, 최대 800px이 되었을 경우, 중괄호 안의 css 속성으로 대체하겠다는 의미 ..

Transformrotate, scale.rotate(angle): 입력한 각도만큼 회전하며, 음수도 입력 가능.scale(x, y): 숫자는 비율의 의미하며 width를 x배, height를 y배 만큼 확대skew, translate.skew(x, y): x축, y축을 기준으로 입력한 각도만큼 비틂.translate(x, y): 선택한 오브젝트의 좌표 변경prefix 접두사Transform은 CSS의 최신 버전에서만 실행 가능한 키워드이지만, prefix를 추가하면 하위 버전의 브라우저에서도 실행 가능  2. Transitionproperty, duration.property: 효과를 적용하고자 하는 css 속성.duration: 효과가 나타나는데 걸리는 시간timing-function, delay.t..

박스 모델margin과 padding의 차이.margin-left: border 바깥쪽에서 왼쪽에 여백을 만듦.padding-left: border 안쪽에서 왼쪽에 여백을 만듦top, right, bottom, left에 여백을 만들 수 있음공간이 여백을 포함한 크기로 변경되는 점 유의margin은 top right bottom left 순서로 한 줄에 작성 가능  Block 요소와 Inline 요소Block 요소 태그가 대표적줄바꿈 현상이 나타남width/height 값 사용 가능 (공간 만들기 가능)margin과 padding 값 사용 가능 (상하 배치 작업 가능)Inline 요소줄바꿈 현상 없음width/height 값 적용 불가margin /padding /bottom 값 적용 불가마진 병합형제관..

width,heightwidth : 선택한 요소의 넓이를 설정, 고정값(px), 가변값(%)height : 선택한 요소의 높이를 설정 font font-family : 브라우저마다 지원하는 폰트가 다름.입력한 순서대로 우선순위 적용.snas-serif는 마지막에 작성하는 디폴트 값.font-weight100~900 사이의 숫자를 입력할 수 있음  border border-style실선 : solid점선 : dotted 주석과 같이 한 줄에 이어 쓸 수도 있음.이때, 쉼표는 작성하지 않고 띄어쓰기만 함. background background-repeatx축으로 반복 : repeat-xy축으로 반복 : repeat-y반복하지 않음 : no-repeatbackground-position공간 안에서 이미지의 ..

캐스캐이딩CSS 의 우선순위를 결정하는 세 가지 요소순서나중에 적용한 속성값의 우선순위가 높디테일더 구체적으로 작성된 선택자의 우선순위가 높음선택자style > id > class > type 순으로 우선순위가 높음

와 : 부모 자식 관계과 : 형제 관계 원하는 지역에만 css 속성을 적용하기 위해 부모를 구체적으로 표기해야함

선택자(Selector)HTML의 어떤 요소에 CSS 를 적용할 것인가Type태그  Class태그 별명  클래서 이름으로 특정 위치에 스타일 적용  ID 태그 별명 식별자