[개인 프로젝트] Vanilla JS로 To Do List 만들기 (1)

기본기가 너무 많이 부족한 상황이다.

그래서 간단하지만 새로운 프로젝트를 진행하기로 했다.

React 없이 JavaScript로만 To Do List를 만드는 것이다.

---

먼저 개발환경을 세팅해주었다.

폴더를 만들고 README를 생성한 후에,
npm init명령어를 통해 package.json을 생성하고

필요한 패키지를 아주 조금 설치해주었다.

 

다음으로는 src 폴더를 생성해서
index.html ToDoList.js index.scss 를 만들고

기본적인 html 코딩 및 전역 폰트를 설정해주었다.

 

GitHub에서 Repository를 생성한 후에
local에서 git init 이후
git add remote를 통해 연결을 해주었고,
기본적인 세팅과 코딩이후 commit 및 push를 진행하였다.

---

패키지 사용은,
lite-server, prettier, sass의 세 가지를 사용하였는데

 

lite-server은 개발 중에 코드의 변동사항을 저장하면서
실시간으로 바로바로 화면을 확인하기 위해서 설치해주었고

 

prettier은 JavaScript 코드를 보기 편하게 정렬하기 위해 설치해주었고

 

sass는 scss를 사용해서 css작성을 해보려고 설치해주었다

---

이렇게 해서 기초적인 세팅 및 화면 구성을 완료했고,
이제 JavaScript를 통해 event 관련 코딩을 한 후에 다음글을 작성해 보도록 하겠다!