0
웹에이전시 전문 프리랜서 개발자 프리터코더입니다.
이번 챕터에서는 웹사이트 개발 과정 중 정적 리소스 옮기기를 작업합니다.
<정적 리소스 옮기기> 글은 웹에이전시의 의뢰를 받아서 프리터코더가 웹사이트를 개발하는 과정을 가상으로 보여주는 웹에이전시의 개발자들은 어떻게 일하나 시리즈 중 하나입니다.
1
단순히 퍼블리싱된 html 파일을 복사하는 정도라면 특별한 일은 아닙니다. 그런데 사실 헤드에는 정적 리소스들이 포함되어 있습니다. css, js, 이미지 파일들이 그 주인공입니다.
개발자는 이런 정적 리소스를 하나씩 보고, 웹서버의 위치로 일일이 리소스 파일을 복사하고, html 파일을 수정하는 일을 반복합니다.
2
예를 들어서 퍼블리싱에서 css 파일을 불러오는 코드가 다음과 같다고 가정해 보겠습니다.
<link rel="stylesheet" media="screen" href="common/css/font.css">개발자는 /inc/head.php 파일을 다음처럼 수정합니다.
<link rel="stylesheet" media="screen" href="/static/css/font.css">모두 다 바꾸고 나면 서버 사이드 php 파일은 이렇게 됩니다.
3
이후는 탐색기를 열고 pub/common/css/font.css 파일을 복사한 다음, 개발 디렉토리 /static/common/css 에 붙여넣습니다.
4
퍼블리셔 팁
퍼블리싱에 사용된 리소스는 한군데 폴더에 넣어주세요. 예를 들면/pub/images라던가 하는 폴더에 넣어주시면 좋겠습니다.
그래야 한번에 이미지 파일을 복사해서 배포하기 용이하기 때문입니다.서브 폴더를 만드시는 건 상관없어요. 오히려 권장합니다.
/pub/images/main/AA.png,/pub/images/sub/001.png두 곳에 이미지가 있다고 가정했을 때 어차피/pub/images폴더 아래에는 이미지만 있을 것이고, 그러면 개발자는 그냥/pub/images폴더만 복사하면 리소스 파일을 놓치는 일이 없을 것입니다.
