개인프로젝트
-
[TODO] 투두리스트 만들기 4개인프로젝트/투두 2021. 6. 25. 05:11
기능은 애진작에.....다 구현해놓고 css만 손놓고 있던 나의 writo-do.... 첨에 css.module로 구현을 했고,,, :root문법도 썼고.... 게다가 잘 구현도 되었다만.... 다음날 켜보니 진ㅉㅏ 1도 안먹는거다... 그래서.... 좀 마니 방치해뒀다가 pure css로 바꿔놨다. 아래는 결과물 1. 할 일이 없을 때 2. 할 일 작성했을 때 (할 일 체크 시 검정색으로 변경됨) 3. 저장소가 비어있을 때 4. 저장소에 소재 저장했을 때 펼치지 않았을 때는 큰 소재만 노출되며 왼쪽 화살표 아이콘을 클릭하면 input 창과 작은 소재들이 나타난다. 짧은 회고 redux를 공부해보고싶어서 상태로 할일을 관리하느라 새로고침하면 냅다 사라지는 슬픈점이 있지만.. redux는 편리한 점도 있으..
-
[TODO]투두리스트 만들기3개인프로젝트/투두 2021. 5. 11. 05:02
저번 포스팅에서 적어뒀던 할 일 리스트 - 투두 엔트리에 호버할 때 마다 휴지통 이미지 띄울 것 -> mouseover 시 클래스 추가하게해둠 - 휴지통 호버 시 이미지 배경바꾸기 - css하면서 할 것 - 휴지통 클릭 시 모달창 띄우기 - 앗 ...!!!!!! 바로 삭제되게 해놨는데 낼 해야겠다 - 할 일 없으면 할일이업네용 문구띄우기 -> 조건부 렌더링으로 완료쓰 - (고민중) 할 일 했다고 체크하면 맨 아래로 가게할까..? state를 하나 더만들어성.. -> 큰언니가 그것보다 그냥 중간에 취소선 넣는게 좋을 것 같다고 해서 그렇게 하기로함 - 휴지통 클릭 시 삭제하는 함수도 하나 더만들기(모듈에다강) -> 완료쓰 - 저장소는 어떻게 할지 더 생각해보자 -> 해버렸음! 오늘의 아주 큰 고민.. 폰트..
-
[TODO]투두리스트 만들기 2개인프로젝트/투두 2021. 5. 4. 03:25
이번 플젝에 새로 넣어볼 기술을 scss, redux, ts중 고민하다가 ts는 기간이 좀 걸릴 것 같기도하고, useState로 범벅이 된 컴포넌트를 볼 때마다 한숨을 쉬었던 기억으로 redux로 하기로했다. 나도 어쩔 수 없는 21세기 젊은이인가 ^^* 동영상으로 가볍게 훑고나니 글로된 매뉴얼을 읽을 때 비교적 수월했다. 벨로퍼트님 포스트를 딱 첨 접했을 때는 많이 막막했는데 5분의1이 나아졌다는 뜻.. 더보기 봤던 튜토리얼들 youtu.be/wSbjROmXTaY react.vlpt.us/redux/01-keywords.html 1. 리덕스에서 사용되는 키워드 숙지하기 · GitBook 1. 리덕스에서 사용되는 키워드 숙지하기 리덕스를 사용하게 될 때 앞으로 접하게 될 키워드들을 미리 알아봅시다. 이..