Skip to content

Latest commit

 

History

History

diary

Folders and files

NameName
Last commit message
Last commit date

parent directory

..

result

result

 
 

readme.md

readme.md

 
 

readme.md

개_발_일_지

주요 변경사항[ver5.0]

목표예시

  • todolist 표시 공간 스크롤 달기
    • absolute, relative로 내부 크기 조절
    • overflow auto, hidden을 이용하여 내부 div에만 scroll이 작동하도록 적용
  • <input type="text"> 크기 확대, 내부 배경 색 삽입과 위치 조절
  • checkbox의 상태가 checked일때, label 색상 바꾸기
  • plus 버튼(svn object) 크기, 색상, 위치 조정
  • 기타 여백 조정(날짜와 요일, 남은할일 표식, etc)

지난 ver 개발일지 보러가기

  • ver1 - 2020/5/13 개발일지
  • ver2 - 2020/5/20 ~ 2020/6/4 개발일지
  • ver3 - 2020/6/5 개발일지
  • ver4 - 2020/6/27

현재까지 작동하는 기능

  • todolist에 할일을 입력 add
  • todolist에 현재 남은 할일(check되지 않은 할일) 표시 checkit
  • todolist에서 할일을 삭제 remove
  • todolist에서 할일을 삭제 한 후 남은 리스트의 index값 수정 update
  • todolist 입력창을 생성 또는 삭제함 toggle
  • todolist 삭제버튼이 리스트에 접근할때만 보이게 하는 기능 add

개선사항 OR 추가할 사항

  • SVG 애니메이션 작업
    • 추가버튼 누르면 -> 30도회전 후 빨간색으로 색 변환
    • submit이벤트가 발생하면 -> -30도 회전 후 기존 색으로 재변환
  • 기타 CSS작업
    • 할일리스트 오는 자리 스크롤 크기 조절 -> 일정 이상 리스트가 추가되면 안보이는 현상 나타남
    • <input type=text>와 plus btn 사이 여백과 크기 조정

추후 더 공부해야 할 부분(이 코드는 Whyrano...)

  • html의 <script>의 type 속성값 text/javascript 와 module의 차이는 무엇인가?
  • Typescript에서 <HTMLInputElement>의 기능은 무엇인가?
  • svg파일과 img파일의 차이, svg파일 인라인화 하는 방법

Reference