반응형

Web 관련 2

웹 페이지를 동적으로 그리고 부분적으로 포함시키기

0. 들어가기 전 지난번에 HTML파일을 tag 별로 분리하는 방법을 게재했다. 그러나 각 섹션(section)별로 라우팅(routing)해 본문(article)에 보여주는 작업은 하지 않았다. 오늘은 그 방법을 소개한다. 이것이 적용된 곳은 여기를 참고하면 된다. 1. 섹션별로 라우팅해 본문에 보여주는 작업? 들어가기 전에 '섹션별로 라우팅해 본문에 보여주는 작업'을 하지 않았다고 말했는데 이게 무슨 말인지, 왜 해야하는지 간단히 말하고 시작하려고 한다. 우선 아래 웹 페이지 그림을 보자. 웹 페이지를 만들 때 속 'section n'을 클릭하면 그 내용이 { `section n의 내용` }내에 나오게하고 싶다. 다시 말해 내에 를 달아서 각 section의 제목을 나열하고 내에는 section에 해당..

Web 관련/HTML 2019.03.10

HTML 파일 분리하는 법. HTML에서 다른 HTML 포함시키는 법.

0. 들어가기 전 얼마 전 개인적으로 웹 프로젝트를 진행하던 중 'HTML파일을 분리할 수 없을까' 라는 궁금한 점이 한 가지 생겼다. 웹 프로젝트 경험이 풍부하지는 않지만 직감적으로 HTML파일을 분리할 수 있다면 분명 개발&수정이 쉽고 협업하기 좋을 것이 때문이다. 개인적인 생각이지만 웹 프론트엔드 프레임워크가 요즘 유행하는 이유도 이와 같이 웹 페이지를 모듈처럼 분리하려는 시도에서 유래됐을 것이라 생각한다. 다른 프론트엔드 프레임워크를 사용하지 않고도 생각보다 쉽게 HTML 파일을 분리할 수 있었고 그 방법과 장점에 대해 포스팅한다. 1. 웹 페이지를 하나 만들어 보자 예를 들어 아래와 같은 웹 하나 만든다 가정해 보자. 2. HTML 파일을 분리하지 않으면? 코드로 보자. index.html이 h..

Web 관련/HTML 2019.03.09
반응형