硏錄 YEON_log

지난 시간에 이어 이번에는 JavaScript 코드 작성에 대한 이야기로 포스팅을 이어보려고 한다. 작성된 코드에 대한 설명이 주된 내용이므로, 관심이 있거나 필요한 부분만 골라서 보면 될 것 같다. (혹시나 포스팅 내용에 오류가 있다면 제발 꼭 좀 알려줬으면 좋겠다..) 1. 뼈대를 완성하자 (HTML 마크업) To Do List 입력 What I Have To Do? COPYRIGHT 2022. JAENY, All rights reserved 가장 집중한 부분은 semantic 태그를 최대한 잘 사용해보자 하는 것이었고, 기본적으로 필요한 태그나 내용을 최대한 빠뜨리지 말자는 것이었다. 아래 내용을 펼쳐서 확인하면, 각 태그 사용에 대한 의도를 간략하게 서술하였다. 태그 내부 더보기 HTML 문자열 ..

기본기가 너무 많이 부족한 상황이다. 그래서 간단하지만 새로운 프로젝트를 진행하기로 했다. 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를 진행하였다. 패키지..