Jan
15
난생 처음 동작과 구조의 분리. 직접 겪어보다.
예전부터 필요한 페이지에 javascript 파일을 불러오고 싶었다. js 파일을 불러오려면 보통 html > head 안에 넣어야 하는 방법이 있고, 로딩 속도를 개선하기 위에 body 내용의 맨 마지막에 js 파일을 불러오는 방법이 있었다.
위의 두가지 방법의 차이점은 단 두가지!
- 유효성 검증을 통과하느냐.
- 로딩속도가 우선이냐.
이 차이일 뿐. 이 두가지 중에 굳이 정답을 찾으려 하면 피곤하다. 정답을 찾기도 전에 고민을 더 해보라는 의미에서 아는 개발자분이 쉽게 도와주셨다. UI개발자의 선택에 따라 html > head 안에 코드를 넣을 수 있는 영역과 body 의 last line 에 코드를 넣을 수 있는 영역을 만들어주셨다.
이제 나는 선택적으로 동작과 구조를 분리할 수 있게 되고, 특정 페이지나 공통 페이지에 js 파일 혹은 inline js 코드를 선택적으로 넣을 수 있게 되면서 기분 좋은 작업을 할 수 있게 되었다.