반응형
반응형
노션을 클론코딩해보자.
db까지는 할 생각 없고 바닐라 자바스크립트로 페이지 만들기, 글쓰기 기능을 클론코딩해볼 생각이다.
우선 html이랑 css 구성을 마친 상태이다.
파일이 많아질 것 같아서 웹팩을 통해서 javascript를 관리해 볼 것이다.
우선은 웹팩을 적용시켜주자.
<body>
<nav>
<header class="clickable">
<div>User의 notion</div>
<div class="hide border clickableDark">«</div>
</header>
<section>
<div class="clickable border">개인페이지</div>
<div class="pluspage clickable border">+</div>
</section>
</nav>
</body>
<script type="module" src="./dist/bundle.js"></script>
껍데기를 이렇게 구성해주었다.
css는 별거 없으니 생략하겠다.
https://github.com/d0422/make-toy-vanillaJS/tree/main/notion
반응형