반응형
반응형
노션을 클론코딩해보자.
db까지는 할 생각 없고 바닐라 자바스크립트로 페이지 만들기, 글쓰기 기능을 클론코딩해볼 생각이다.
우선 html이랑 css 구성을 마친 상태이다.
파일이 많아질 것 같아서 웹팩을 통해서 javascript를 관리해 볼 것이다.
우선은 웹팩을 적용시켜주자.
Webpack(웹팩) 적용하기
npm init 프로젝트가 npm으로 관리되어야 하므로 npm init을 진행한다. npm init -y 원래는 옵션 내용을 물어보나 -y옵션을 붙이게 되면 기본세팅 상태로 만들어지게 된다. 옵션 설명 name 프로젝트 이름 ve
0422.tistory.com
<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
GitHub - d0422/make-toy-vanillaJS: 바닐라 자바스크립트로 장난감 만들기
바닐라 자바스크립트로 장난감 만들기. Contribute to d0422/make-toy-vanillaJS development by creating an account on GitHub.
github.com
반응형
