To Do List
자바스크립트 기본 강의를 마치고, html, css의 기능을 까먹을 거 같아서 혼자의 힘으로 TO-DO-LIST를 만들어 보기 시작했다.
디자인
웹 버전
모바일 버전
**아직 완성된 건 아니지만, 다른 사람들의 코드를 보지 않고, 일절 내 힘으로만 만들어보려고 하다보니, 너어어어어어무 힘들다 .. 🥲
To-d0-List의 기능
1 . 날짜 설정
상단의 날짜 설정은 그 날의 날짜를 출력할 수 있도록 코드를 작성해 보았다.
2 . Private, Business 선택 기능
나의 to-do-list가 private 인지, business 인지 선택할 수 있는 것이다.
(선택하고, 그에 맞는 화면으로 변하는 것을 해보고 싶은데 아직 해보진 못했다)
3. 투두리스트 작성하기
텍스트 칸에 작성하고 엔터를 누르면, 투두리스트에 생기고, 오늘의 할 일을 다 했으면, 체크박스를 눌러서 밑줄을 그어 했다는 표시를 하거나, 잘못 입력했으면 삭제 버튼을 눌러서 삭제할 수 있다.
삭제 버튼의 위치를 일정하게 놓으면 더 좋을 것 같아서 수정하고 꼭 다시 작성하러 오겠다.
4. 이메일 전송하기
사실 이메일 전송하는 부분 (서버가 필요)은 해본적이 없어서 해보고 있지만,
계속 에러가 발생한다..
서버 쪽을 공부하고 제대로 만들어 볼 예정이다!
이메일을 작성하고, 엔터를 SUBMIT 버튼을 누르면, 실패하면 '이메일 전송에 실패하였습니다' 라는 창을 뜨도록 설정해두었더니, 계속 그 오류가 발생하고 있다 ..^^..
이메일을 전송할 수 있는 그날까지.. 화이팅
마무리
이틀 정도에 거쳐서 html, css, JS 까지 배웠던 것들을 어떻게든 활용해서 완성을 시켜보려고 했지만,
생각보다 까먹은 것들도 많고, 기본적인 것도 기억이 안나서 찾아다니면서 하다보니 시간이 오래 걸리기도 하고
미완성(?) 상태인 것 같다.
공부 하면서 틈틈히 고칠 수 있는 것들 고치고, 더 발전하게 (?) 만들어 볼 계획이다!
