전체 글
-
-
[Git] 브랜치(Branch)생성 및 업로드Github 2022. 7. 23. 23:38
브랜치란? 특정 커밋을 가리키는 포인터이다 [브랜치 생성] git branch 브랜치이름 예시) git branch develop 입력 후 git log 를 통해 확인해보면 HEAD가 가리키던 master 브랜치에 develop 브랜치도 같이 가리키는 것을 확인할 수 있다. [HEAD가 develop을 가리키게 하는 방법] git checkout develop 3 STEP (1) 브랜치 생성: git branch 브랜치이름 (2) HEAD가 브랜치를 가리키게 하기: git checkout 브랜치이름 (3) commit하기 git log 확인 git log --all --graph --all HEAD가 가리키는 브랜치 뿐만 아니라 모든 브랜치를 보겠다는 것이다 --graph 브랜치와 커밋의 관계를 그래프 ..
-
[Git] github에 업로드 하기Github 2022. 7. 22. 20:27
1. github에 레파지토리 생성 후 복사하기 2. 터미널에서 명령어 입력 후 붙여넣기 git remote add origin URL - git remote 내 컴퓨터에서 외부 저장소에 관한 작업을 할 때 사용하는 명령어 - add origin URL URL이 가리키는 외부 서버의 프로젝트를 원격 저장소로 지정하는데, 그 이름은 origin이라고 설정하는 것 매번 긴 URL을 입력하기 복잡하기 때문에 이름을 지정해서 쉽게 언급하겠다는 것이다 3. Push git push -u origin master 내 컴퓨터의 프로젝트 디렉토리 내용을 origin이 가리키는 원격 저장소의 프로젝트로 업로드한다 - git push 현재 내 프로젝트의 내용을 전부 origin에 업로드 -u, master 브랜치 개념 필..
-
[100DaysOfCode] 08강Front-end/100DaysOfCode 2022. 7. 22. 19:23
인라인 요소 -> 블록 요소 인라인 요소는 위아래 패딩이나 마진에 제한이 있다 - 마진은 위아래 적용X, - 패딩은 위아래로 늘어난 부분이 공간을 차지X * 비대체 인라인 요소(a태그, img태그)는 수직 마진값을 위아래로 적용할 수 있다 display: inline-block 으로 제한을 풀 수 있다 마진 콜랩싱(여백 겹침) 두 요소 사이에 여백이 있을 때 더 큰 여백이 항상 우세하다 여백 겹침은 (1) 인접 요소, (2) 수직 여백, (3) 블록 요소에서만 발생한다 한 박스 당 margin값이 32px이기 때문에 첫 번째 박스 32px + 두 번째 박스 32px = 64px가 되어야 할 것 같지만, 여백 겹침 현상 때문에 위아래로 32px만 margin값이 적용된다 [과제] 여태까지 배운 내용을 바탕..
-
[Git] 참고 사이트 모음Github 2022. 7. 21. 15:40
Git 터미널 단축키 [Git] Git 사용법 및 터미널 명령어 정리 pwd Print working directory; 현재 작업 위치 알려줌. ls list files; 현재의 directory의 모든 파일들을 보여줌. cd .. 상위 디렉토리로 이동.cd ~ 사용자의 홈디렉토리(/Users/hannah)로 감. velog.io Git 튜토리얼 누구나 쉽게 이해할 수 있는 Git 입문~버전 관리를 완벽하게 이용해보자~ | Backlog 누구나 쉽게 알 수 있는 Git에 입문하신 것을 환영합니다. Git을 사용해 버전 관리를 할 수 있도록 함께 공부해봅시다! backlog.com
-
[100DaysOfCode] 07강Front-end/100DaysOfCode 2022. 7. 20. 23:26
CSS Box Model 크게 padding, border, margin 3가지가 있다 /* 선의 굵기, 선의 유형, 선의 색상 */ border: 1px solid rgb(79, 0, 37); 컨텐츠를 가운데 정렬하는 방법 *text-align은 텍스트를 가운데로 정렬하는 것일 뿐, 다른 요소를 가운데로 정렬할 수 없다. 요소를 가운데 정렬하는 방법: auto (브라우저가 왼쪽과 오른쪽에 같은 크기의 여백을 추가한다) ex) margin: 36px auto 0 auto; padding: 0; HTML Structure 필수는 아니지만 다른 개발자와의 협업 및 코드를 파악할 때 유용하다. Selectors & Combinators Selectors Type elementname ID #id Group e..
-
[100DaysOfCode] 06강Front-end/100DaysOfCode 2022. 7. 19. 12:47
리스트 만들기 순서 목록: ol 비순서 목록: ul 리스트 : li 순서 목록 ol -> 리스트에 번호가 매겨진다 비순서 목록 ul -> 글머리 기호가 매겨진다 => 이러한 요소들은 css로 쉽게 바꿀 수 있기 때문에 태그의 의미를 이해하는 것이 중요하다! 리스트 스타일 Q. css로 ol, li에 각각 똑같은 속성에 다른 속성값을 부여하면 어떻게 될까? A. 속성값은 부모-자식 관계에서 자식이 우선한다. (오버라이드) 상속 관계 상속(Inheritance) CSS의 계단식 상속 로직 (Cascading Style Sheets) 우선순위(Specificity) (Selected) container rules apply to descedants Multiple rules can be applied to t..
-
[100DaysOfCode] 05강Front-end/100DaysOfCode 2022. 7. 19. 11:26
이미지 추가하기 alt는 이미지에 대한 설명으로 웹 접근성을 위해 필요하다(시각적으로 볼 수 없는 사람들 ,...) 두 번째 HTML 파일 추가 Explore the challenge a 태그를 이용해서 웹사이트 링크뿐만 아니라 html 파일에도 링크를 걸 수 있다. img, link 태그 img, link 태그는 닫는 태그를 필요로 하지 않는다! (컨텐츠가 없기 때문) img src link href 공유 css 파일 공통되는 css 속성은 공유 css 파일로 묶어서 간편하게 처리할 수 있다. 폴더에 소스 파일 정리 폴더를 이용해서 소스 파일을 정리할 경우 코드를 작성할 때 폴더명/파일이름.확장명과 같이 작성한다.