전체 글 썸네일형 리스트형 Grid Track 크기 px로 지정해서 만들기 고정크기 Track (columns) 만들기. 가장 초보적방법. 이렇게 지정해서 쓸 수는 있다. grid에 맞춰 box들이 맞춰 들어갔다. 더보기 Grid의 필요성 PC용웹과 Mobile용웹을 하나로 만들고자 반응형이 등장하면서 Mobile First Layout 디자인이 등장했지만 그것이 디자인적인 철학은 아니다. 단지 PC First로 구현하고 Mobile에 구겨 넣기보다는 Mobile First로 화면을 펼쳐나가는 것이 훨씬 수월해서 일 뿐. 그리고 Mobile 이용률이 더욱 가파르게 높아지는 추세인 것도 한 몫한다. 같은 페이지가 다양한 화면 분기점에따라 적절히 보여주기 위해 CSS가 달라지려면 아래와 같이 grid가 필요하게 된다. 반응형 윤곽을 전체적으로 잡고 거기에 맞춰서 컨텐츠를 배치하려 할 때! grid를 이용하는 것이다. 본 목적은 단순히 '아무곳에 격자형으로 배치'를 위해 등장한 것은 아니었다. 그런데뭐...... 보기좋게 잘 만들면 이렇게 쓰든.. 더보기 절대경로와 상대경로 지정. / : 절대경로. 현재 페이지가 어디든 홈 디렉토리로 가겠다는 말. ./ : '현재'디렉토리. login.html의 입장에서는 member 폴더를 가르킨다. 현재 디렉토리(./)는 동일한 디렉토리라면 생략가능. "./member/signup.html" "member/signup.html" "./signup.html" "signup.html" 셋 다 가능 하지만 생략가능하면 생략하고 마지막이 가장 바람직하다. ../ : 현재 디렉토리의 '앞' 폴더. login.html 파일에서 list.html파일로 가는 경로 작성에서는 "../member/list.html" 이라고 하여야한다. 상대경로로 써야 파일이 옮겨졌을 경우 수정이 용이하다. 더보기 이전 1 2 3 4 다음
