목록Programming/기타 (3)
차근차근
명령어 가끔 까먹을 때 있어서 정리해두는 목적 1. git remote -v - 깃허브 주소와 연동 됐는지 확인하기(?) 만약 이게 되있지 않다면 git remote add origin [repository 주소] 해서 연동하기! 2. git status - 현재 상태 확인하기 3. git add . - 현재 상태를 인덱스에 추가 4. git commit -m "second commit" - 현재 상태 저장 5. git pull origin master - 깃허브에 있는 내용 가져와서 병합하기 (컴퓨터와 노트북을 번갈아가면서 사용하고 있기 때문에 수정 사항이 있을 수 있어서 깃헙 내용을 받고 올려야한다.) 6. git push origin master - 로컬에 있는 파일 깃헙에 올리기
오늘 한 건 Paintbox 클론 코딩! 이번에 하면서 습득한 건 1. 안된다면 div를 써라(?) 2. 반응형은 grid 일단 나는 position: relative를 안 써봤다. 그래서 창 크기 줄일때마다 사진이 짜부되는 게 굉장한 스트레스 였는데 grid는 요소마다 비율을 지정할 수 있다! flex도 요소마다 줄어들거나 늘어나는 정도를 정할 수 있지만 여러 자식이 있을 때 이 자식들이 같은 비율로 줄어드는 건 못하더라.. 50%를 주거나하면 어떻게 될 것 같은데 그냥 grid에서 1대1 주는 게 맘이 편하다 ( ´△`) grid를 준다고 하더라도 창이 많이 줄었을 때 짜부되는 건 막을 수 없더라.. (사이트 보니까 창 크기가 어느정도 줄면 여백이 바뀐다던가 레이아웃이 다르더라 이것도 다 만들어야겠지..
니꼬쌤 강의의 CSS Layout 마스터클래스의 첫 번째 클론코딩! Best Horror Scenes 사이트를 클론코딩했다. 일단 이번 강의에서 한 부분은 처음에 reset.css로 먼저 리셋 해주는 것 * { box-sizing: border-box; } 를 기본으로 해두는 거! box-sizing은 요소의 높이와 너비를 계산하는 방법을 지정하는 건데, content-box는 너비가 100px일때 테두리와 안쪽 여백이 여기서 더해진다. border-box는 테두리와 안쪽 여백 + 안의 크기를 100px로 만든다. header (고정 되있는 부분)의 요소들은 display: flex로 한다. flex로 하면 column으로 세로로 정렬되게 할 수 있고 justify-content로 요소 사이에 간격(?)..