fe-sprint-my-agora-states

레이아웃

• 포스트잇이 붙여져 있는 레이아웃에 글이 써져있다
• 포스트잇을 클릭하면 커진 포스트잇 모달창이 나와 상세 정보를 전달 해 준다.

기능

• 사이트 배경 이미지 혹은 색상은 무엇?

• 사이트 배경은 포스트잇이 왕창 붙여져있는 이미지 넣기

  • 자바스크립트 canvas로 하면 사이트가 무거워질까?

• 글자 색상은 무엇으로 할까

  • 연필 혹은 볼펜 색깔을 써보자 고딕이면서도 약간은 연필로 쓴 듯한 느낌을 주는 font 찾아보기

• 인풋 창은 모달창으로 대체

  • 완성함

추가 기능

• [Tags] 기능 추가하여 태그 넣기 https://themeforest.net/item/neon-multipurpose-ghost-theme-for-blog-and-newsletter/42594344 라이브뷰

  • 데이터에 tag가 있다면 해볼만 했을 것 같다 하지만 데이터에 tag가 없다.

• 카테고리 기능 사용

  • 필요없어보임

• 조회수 넣기

  • 안될거같아

• 반응형 디자인

• 체크박스 디자인 바꾸기 (체크박스가 아니라도 토글 버튼형식으로 디자인을 바꿔보자 진행중, 답변 완료 등)

• 다크모드 기능 넣어보기

  • 배경 이미지를 넣을건데 다크모드가 의미가 있는가

• 페이지를 나누는 것이 아닌 사이트 하단까지 스크롤을 내리면 10개 단위로 글이 더 보여지게 할 수 있을까?

  • 구현 성공!
  • 버그사항 참조

• 버튼들 누를 때 눌림 효과 주기

필요할까?

• 상단 네비게이터바가 필요한가?

  • 필요하다면 무엇을 넣어야 하는가 3개 미만이면 넣지 말자

• 텍스트 타이핑 라이브러리를 적용해 본다면 어디에 적용해 볼까?

  • 심플하지 않다.

• three.js 써보고 싶은데 어디에 적용시켜볼까?

  • logo는 안됨 check박스에 사용해볼까? 구 모양으로 만들어서 클릭 시 구 모양이 바뀌도록?

• 로컬 스토리지를 활용 할 수 있을까?

  • 카테고리에 내가 이미 본 내용을 저장해서 따로 보여줄 수 있을까?
  • 이미 본 내용의 포스트잇은 분홍색 혹은 파랑색으로 바꿔볼 수 있을까?

버그 사항

• 포스트잇 모달창이 10개까지밖에 안열린다
  • rander로 처음에 10개를 받아와서 거기까지만 적용이 되는 듯 하다
• 포스트잇에서 사진, 글, 날짜 등을 클릭하면 모달창에서 정보를 담아오지 못한다.
• 클릭시의 이벤트 타겟이 포스트잇이 아닌 글div 사진img 태그 등을 선택하는 것 같다.
• 새로 생긴 포스트잇(submit한 포스트잇)은 클릭 시 모달창이 나오지 않음.