어릴 때 시간표 만드는 것을 생각하며, 각 시간대에 어떤 것을 할 지 기획하는 것을 앱으로 만들어봤습니다. 시간이 될 때 더 많은 기능들을 추가하거나 기존 것에 결합할 예정입니다. (https://sungreong.github.io/react-time-block-schedule/) HTML 삽입 미리보기할 수 없는 소스 기능 목록 추가 기능(시작시간,종료시간,날짜) 목록 시계 형태에 추가하는 기능 현재 시간 기준 얼마나 진행하고 있는 지 확인하는 기능 시각화 기능 시계 형태 기능 달력 형태 기능 목록 기능 업로드 기능 다운로드 기능 선택하여 상세 보기 기능 진행 상태 확인하기 예시 파일 (csv, json)

nomad 선생님의 next js 기본 강의를 들으면서, 하나씩 따라해보면서 프론트를 만들어봤습니다. React와 NextJS로 둘 다 비슷한 것을 만들어보면서, NextJS가 훨씬 더 편하게 만들 수 있다는 것을 깨닫는 시간이였고, CSS를 어떻게 만드냐에 따라서 퀄리티가 이렇게 차이가 난다는 것을 다시 느낀 시간이였습니다. 알려준 내용을 활용해서 좀 더 수정해보는 시간을 통해 익숙해지면 다른 것도 만들어봐야겠네요! 배포하는 것도 강의에 추가되었는데, 요즘은 정말 쉽게 배포하네요... 2024.02.17 - [일상/간단앱] - Vercel을 이용해서 프론트 배포해보기 (배포 화면) (https://nextjs-learn-movie-mini-app.vercel.app/) 추가(20240220) 제작진 추..

React 강의 듣고 공부해보기 ReactJS로 영화 웹 서비스 만들기 를 시청하며 만들어봤습니다.

ToDoList React를 기반으로 ToDoList를 만들어 봤습니다. 해당 투두리스트에서 추가로 해보고 싶은 것은 특정 기간안에 얼마가 남았는 지를 progress bar를 통해 시각적으로 보여줘서 얼마 안남았음을 표시해주고, 장기간으로 설정할 경우, 시간에 따라서 점점 색깔을 변화시켜서 일이 얼마나 남았는 지를 표시하고자 하였다. 기능 할 일 추가 할 일에 대한 디테일한 내용 추가 tag task start_date content 할 일에 대한 남은 기간 추가 할 일에 대한 남은 시각 시각화 추가 calendar gantt chart gauge chart 할 일에 대해서 시간 변환 기능(일,시,분,초) 할 일들에 대한 다운로드 및 불러오는 기능 추가 달력을 통해 전체적으로 일정 추가 특정 Task ..

Copy Markdown Text

Time Attacker 시간 분 초 시작