[CSS,JS] 파일 분리와 링크

Yungsang Hwang·2022년 4월 28일
0

HTML

목록 보기
2/3

작성 규칙

  1. 🟠 작성 상태
    ✅ 작성한 날짜를 기록함으로써 리마인드
    ✅ 작성한 프로젝트를 기록함으로써 프로젝트를 찾아볼 수 있음
    ✅ 작성 상태를 기술함으로써 수정된 이력 버전과 완성여부를 확인
  2. 🖋 기능 설명
    ✅ 레퍼런스 링크
    ✅ 사용된 기술에 대해 스스로 설명
  3. 🔨 프로젝트 적용
    ✅ 기획내용 작성, 작성한 계기를 기술
    ✅ 프로젝트에 사용한 코드를 한 줄씩 리뷰하는 것으로 코드 전체 이해 증명
    ✅ 코드를 설계한 내용과 왜 이렇게 작성했는지
    ✅ 완성 코드를 코드펜으로 보여주기

🟠 작성 상태


🟠 작성 날짜 : 0428, 2022

🟠 적용 프로젝트 : 인스타그램 UI 클론코딩

🟠 작성 상태 : 작성중

🖋 기능 설명


🖋 레퍼런스 링크

👁‍🗨 파일분리 REF

🖋 기능에 대해 설명

▶ 파일분리

  • css파일의 경우 <style> 태그, javascript파일의 경우 <script> 태그를 제거한 뒤, 코드를 옮긴다
  • 옮긴 파일의 이름을 html파일에 링크로 임포트한다
  1. CSS
<link rel="stylesheet" href="header.css">
  1. Javascript
<script src="placeholder_focus.js"></script>

🔨 프로젝트 적용


🔨 프로젝트 기획, 작성 계기

🔨 코드 리뷰

👁‍🗨 ver.1.0

🔨 완성 코드(CodePen)

profile
하루종일 몽상가

0개의 댓글