TIL#7(HTML, CSS, JS파일 나누기)

오늘 한일

• 영화 검색 사이트 HTML, CSS 제작

배운 HTML과 CSS로 홈페이지 뼈대 제작

• HTML에 CSS, JS 파일 연결하기

위 코드를 적용시키면 HTML파일에 외부의 CSS와 JS 파일을 불러올 수 있다

 

.js 파일의 함수

HTML의 파일에서 div공간을 클릭시 idOutput함수를 불러와 사용

카드 클릭시 정상적으로 함수가 작동하였다.

 

어려웠던 점

• HTML, CSS, js 파일을 각각 나누어 코드를 작성하다 보니 한번에 할 때랑 다른 부분이 있어 찾아봐야 했다.

오늘의 TIP

• 파일을 분리(파일 모듈화)의 장점

1.  메인 페이지의 코드를 간소화 시킬 수 있다. (가독성 증가)
2.  협업 시 분리 작업에 유용하다.
3.  프로젝트 관리가 편리하다.