/todoList

Primary LanguageCSS

todoList

유어슈 스터디 3주차 과제

Todo Note를 작성하는 프로그램을 만드시오. semantic ui와 jquery를 반드시 사용하십시오.

조건사항:

기본 화면


상단바 마법봉 Icon 저장 Icon

제목 Input

Body 내용 Textarea


마법봉이 클릭되었을 때 Sidebar가 나오며 (기본 화면에서는 Sidebar은 숨겨져있다),

Sidebar의 구성은 다음과 같다.

A. 새로 생성 버튼(또는 텍스트) B. 지금까지 작성한 Note 제목들 리스트

Note 제목들 옆에는 별이 있으며, 별이 클릭될 경우 해당 제목을 강조표시한다.(배경은 노랑으로 한다 등등) 다시 클릭할 경우 강조표시를 해제한다.

Note 제목을 클릭할 경우, Body에 불러온다. 수정한 다음 저장 Icon을 누르면 저장한다. 새로 생성을 클릭할 경우, Body을 비우고, 이후 저장 Icon을 누르면 저장한다.

  • Note는 따로 파일이나 쿠키, 세션으로 저장할 필요가 없다. 새로고침하면 없어져도 상관이 없다.

이외 조건에서 명세하지 않은 기능은 (프로그램의 효용성을 고려하고) 자체적으로 판단하여 추가 구현하라.