그누보드 모바일버전 만들려고하는데 너무 어렵네요.ㅜ_ㅜ 정보
그누보드 모바일버전 만들려고하는데 너무 어렵네요.ㅜ_ㅜ
본문
모바일버전이 없는것같아서
기존 그누보드에 붙이는 방식으로 모바일버전을 만들고 있는데
테이블에 익숙한 저에게는 div가 너무 어렵네요 ㅜ_ㅜ...
처음부터 개발자과정을 밟아나아갔으면 좋았을텐데..ㅜ_ㅜ......
div안에 ui랑 li를 많이 사용하는것 같던데 보통 어떻게 쓰이나요?
기존 그누보드에 붙이는 방식으로 모바일버전을 만들고 있는데
테이블에 익숙한 저에게는 div가 너무 어렵네요 ㅜ_ㅜ...
처음부터 개발자과정을 밟아나아갔으면 좋았을텐데..ㅜ_ㅜ......
div안에 ui랑 li를 많이 사용하는것 같던데 보통 어떻게 쓰이나요?
추천
0
0
댓글 4개
그누보드 DTD 버전이 있습니다. 제 기억으로 DTD 버전은 테이블 코딩이 아예 들어가 있지 않거든요.
일단 그걸로 모바일 responsive 레이아웃을 만드시는게 쉽고 빠르실 겁니다.
모바일 responsive layout 은 메타 태그
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
mediaquery 룰 몇가지
max-width, min-width 같은 것들. 그리고 이미지와 동영상 responsive 로 만드는 css rule 몇가지 등 만 익히시면,
그외에는 별로 더 배우실게 없습니다.
무지 간단해요.
물로 RESS 방식으로 들어가면 server-side 코딩도 관련되니까 더 복잡해지는데, 그냥 client-side 에서 mediaquery 로 하는거는 아주 간단합니다. (물론 원래부터 css 를 잘 이해하고 계셨다면 간단하다고 얘기하는 겁니다.)
웹디자인쪽이 아니라서 css 를 잘 모르겠다, 웹디자인은 미숙하다, 이런분들은 css 미숙자들을 위해 만들어진 bootsrap 이란게 있습니다.
http://twitter.github.io/bootstrap/
bootstrap-responsive.min.css
css 를 잘 모르시면 bootstrap 쓰시면 됩니다.
//////////////////////////////////////////
ul 은 unordered list 구요, 언제 ul, 그리고 li 도 언제 사용되는지 이해하고 싶으시면 아래 문서를 참조하시면 됩니다.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul
(영어 안되시면 구글 번역기!! ^^)
일단 그걸로 모바일 responsive 레이아웃을 만드시는게 쉽고 빠르실 겁니다.
모바일 responsive layout 은 메타 태그
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
mediaquery 룰 몇가지
max-width, min-width 같은 것들. 그리고 이미지와 동영상 responsive 로 만드는 css rule 몇가지 등 만 익히시면,
그외에는 별로 더 배우실게 없습니다.
무지 간단해요.
물로 RESS 방식으로 들어가면 server-side 코딩도 관련되니까 더 복잡해지는데, 그냥 client-side 에서 mediaquery 로 하는거는 아주 간단합니다. (물론 원래부터 css 를 잘 이해하고 계셨다면 간단하다고 얘기하는 겁니다.)
웹디자인쪽이 아니라서 css 를 잘 모르겠다, 웹디자인은 미숙하다, 이런분들은 css 미숙자들을 위해 만들어진 bootsrap 이란게 있습니다.
http://twitter.github.io/bootstrap/
bootstrap-responsive.min.css
css 를 잘 모르시면 bootstrap 쓰시면 됩니다.
//////////////////////////////////////////
ul 은 unordered list 구요, 언제 ul, 그리고 li 도 언제 사용되는지 이해하고 싶으시면 아래 문서를 참조하시면 됩니다.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul
(영어 안되시면 구글 번역기!! ^^)
아하~! 좋은정보 감사합니다 ~ ^^ 열심히 공부해보겠습니돠 ㅎㅎ
어차피 다 새로 만들어야 합니다.
그누보드4에 독타입 HTML5로 선언하고 작업하는게 시간대비 효율이 좋습니다.
DTD는 잊으세요.
그누보드4에 독타입 HTML5로 선언하고 작업하는게 시간대비 효율이 좋습니다.
DTD는 잊으세요.
부트스트랩은 강추
