반응형 레이아웃을 직접 만들려고 합니다
그동안 하드코딩(에디트플러스)으로 하나하나 작업했었는데
XE를 처음 알고나서 레이아웃이나 모듈 등을 쉽게 적용시킬수 있어서 많이 놀랍고 신기했습니다!
이번에 직접 레이아웃을 만들려고 하는데 어떤식으로 코딩을 시작 해야할지 막막합니다.
이전에는 반응형으로 작업할때
@media (max-width:640px){
}
이런식으로 미디어 쿼리를 이용해서 작업했었습니다.
1) xe의 경우에도 이렇게 반응형을 코딩해도 작동될까요?
2) 독타입이나 메타 같은것도 같이 넣어서 작업해야하나요?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
3) 혹시 xe에서 정해놓은 html파일명이나 css파일명이 있나요?
제가 임의로 main.html / main.css 이런식으로 작성해서 FTP로 올려놓으면 인식이 안되는지요?
xe스쿨에서 "레이아웃 디렉터리" 내용중에서 "이름고정"이라고 적혀있는 파일을 보았습니다.
이외에는 임의로 지정해도 될까요? (해당내용 xe스쿨 : http://www.xeschool.com/xe/step3_2)
직접 디자인해서 레이아웃을 만들려고 하니 어떤파일에서 코딩을 해야할지,
PC와 모바일용으로 따로 작업이 필요한지 잘 모르겠습니다.
그리고, xe스쿨에서 내용들을 읽어보았는데 반응형에 대한 부분은 따로 설명이 없는데
혹시 참고할만한 곳이 있을까요?
처음 질문을 올리는거라서 다소 두서없이 들렸다면 죄송합니다^^;
저도 직접 제작한 레이아웃 사용중입니다. xe -> layouts폴더 안에 있는 파일 복사하고 그 내용을 수정하는 방식으로 만들었어요 반응형도 미디어쿼리 사용해도 작동합니다.
추가적으로 모바일 레이아웃은 m.layouts 폴더 안에 있으니 모바일버전따로 하셔도되고 일반 레이아웃을 모바일까지 반응하게 제작하셔도됩니다. 일반레이아웃 사용으로 모바일 사용하시려면 모바일뷰 체크해제하시면되요