배우는 중

새로 알게 된 것 : 0. Semantic tag : 길 잃은 사람들에게 의미 전달할 수 있는 태그 header, footer 같은 태그 보면 바로 의미를 알 수 있다. div, span 태그는 이름만 봐선 알 수 없다. 꼭 써야하는 건 아니지만 검색엔진 robot이 읽기 쉽도록 권장사항이다. 1. *div.nav > ul > li > a { display: block; } a의 부모 li 크기만큼 영역이 늘어남 원래 마우스를 올리면 딱 글씨영역에만 링크가 설정되는데 block으로 설정하게 되면 파랑색 영역이 모두 링크로 연결돼서 클릭하기가 쉬워짐. + li에만 height값 지정해주면 a 영역이 늘어난 게 아니라서 길이는 길어지는데 누를 수 x 2. 위에서 a:visited 처럼 a값을 지정해서 줘서 ..

[CSS 포지셔닝] 1. CSS 포지셔닝의 목적 레이아웃 만들기 위함 2. CSS 위치 지정을 위한 속성 float 속성 - 세로 정렬된 것을 가로로 정렬, float 속성을 뒤에 따라오는 코드들도 상속받는다. clear 속성 - float 속성 해제 Position 속성 - 배치 방법 지정 Box-sizing 속성 - 상자 너비 기준 설정 z-index 속성 - 순서 요소 정렬 3. float 속성 : block 요소에 적용되는 것 none(default) - float 속성 적용 x left - 요소가 컨테이너의 왼쪽에 배치됨(왼쪽 정렬) right - 요소가 컨테이너의 오른쪽 배치(오른쪽 정렬) margin : auto - 요소를 중앙에 배치(가운데 정렬) 4. vs code에서 연습 1-1. 클래..

학원에서 쓰는 파일과 이름이 같은 폴더를 만든다. 그렇게 만든 폴더에서 Shift+마우스 오른쪽 -> Powershell 창 열기 클릭 해당 창에서 git clone 경로명 입력 경로명은 github에서 가져올 파일이 있는 repository 클릭 code 복사하여 넣기 그러면 학원에서 했던 파일과 똑같은 파일이 집에서도 생긴다 이걸로 코딩 복습! 중요한 건 학원에서 한 거랑 집에서 한 거랑 충돌하니깐 학원에서는 push로 집에서는 pull로 하고 동기화하기

Github 는 간단히 말하면 저장소이다. 이곳에 저장을 해두면 집, 회사 등등 어디서든 자유롭게 이용할 수 있어 편리하다. 그 중 가장 좋은 점은 이력관리가 가능하다는 것이다. 작업하다가 한달 전 작업물로 되돌리고 싶다면 되돌릴 수 있다. 예전 시간대로 이동하거나 다른 버전으로 개발이 가능하다. 과거에는 유료였으나 현재는 무료로 배포 중이며 github에 가입을 하고 vs code(Visual Studio Code)를 설치했다면 github와 vs code를 연결해 줄 또 하나의 프로그램을 설치해야한다. 이건 git-scm.com에서 다운받을 수 있다. >참고사항 : vs code 설치할 때 아래를 다 체크해주면 사용하기가 더 편해진다. 반면에, git-scm에서 설치할 때는 다른 건 건드리지 않고 n..

태그, href속성 자꾸 ">" 위치를 혼동한다. 주의하자 텍스트 연결할 대상 앞 뒤로 태그로 묶어주기 vs. 보통 iframe 처럼 이 끝나고 바로 을 쓰는데 태그는 안그래서 혼동하는 것 같다. 태그는 가운데에 연결대상이 들어간다는 걸 기억하자