목차

• Setting
• Server.js 작성하기

Setting

(1) index.html에 모듈 연결하기(script type=”module”)

export import과 같은 지시자를 사용하기 위해서 <script type=”module”> 을 사용함.

<script ***type="module"*** src="/static/js/index.js"></script>

여기서 /static/js/index.js는 엔트리 포인트가 된다.

(2) nav 넣기 (data-link 속성 부여)

그리고 body 안에 nav 태그를 넣는데 여기에는 여러개의 앵커를 넣어서 연결한다.

이때, 각각의 앵커에는 data-link라는 속성을 부여했다.

<nav class="nav">
  <a href="/" class="nav__link" data-link>Dashboard</a>
  <a href="/posts" class="nav__link" data-link>Posts</a>
  <a href="/settings" class="nav__link" data-link>Settings</a>
</nav>

• data- 시작하는 속성인 데이터 속성에 대해서 자세히 알아보기

(3) package 다운로드

package.json과 express 다운로드 하기

npm init -y
npm i express

→ package.json 파일과 package-lock.json 파일이 생성된다.