공부기록용

보호되어 있는 글입니다.

🕐3주차 개발일지🕧 📌3주차 목표📌(목표수정!) 코드 리팩토링 localStorage 연결 todo의 상태 추가 진행, 완료의 구분 진행 🔄️ 완료의 전환 진행, 완료의 todo css분류(1) 코드 리팩토링 todo의 삭제나 todo의 제목과 메모를 저장소에 저장하고 불러와서 사용하기 위한 코드 리팩토링 진행 // key 값 const TODOLIST = "todoList"; let todoList = []; let id = 0; // todo 값을 받아오기 function createTodo() { const titleInputVal = titleInput.value; const memoInputVal = memoInput.value; paintTodo(titleInputVal, memoInputVa..

🕐2주차 개발일지🕧 📌2주차 목표📌 todo작성 아무것도 없는 페이지에 작성하면 해당 css와 내용이 함께 입력 작성일자 함께 입력 todo삭제 단일 todo 삭제 alert로 삭제 여부 확인하기 모든 todo 일괄삭제 alert로 전체 삭제 여부 확인하기 CSS추가 Animation넣어보기 초반에 배운 animation이랑 keyframes를 다시 사용해보기 h1 { text-align: center; animation: blink; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; } @keyframes blink ..

🕐1주차 개발일지🕧 ✍️회고✍️ 강의를 따라하거나 다른 분들과 뭔가를 만들어 본적은 있었어도 온전히 처음부터 만들어본 적은 없었기 때문에 우선, 첫 기본 뼈대가 되는 웹 페이지를 만들고 CSS를 구현해보면서 많은 걸 느꼈다. 특히 CSS를 잘하고 싶은데 생각처럼 구현되지 않아서 별 것 없는 CSS지만 많은 시간이 들었던것 같다. 디자인된 레퍼런스들이 많았지만 혼자 진행해 보고 싶었기 때문에 하나하나 적용해봤고, 기존에 많이 나와있는 todo의 list 형식이 아닌 다른 방식으로 진행해 보고 싶어서 이것저것 시도해보다 보니 시간이 더 많이 들었던 것 같다. 덕분에 div를 활용해서 공간을 분리하는 것에 많은 도움이 되었고, 요소들에 id나 class를 명확하게 부여해야 잘 알아보겠구나,,,를 많이 느꼈다...