Frontend
-
나의 Toy Project 이야기 : What I Ate TodayFrontend/Projects 2022. 2. 9. 03:30
나의 첫 번째 토이 프로젝트라 할 수 있는 아주 아주 소박한 What I Ate Today 대해 느낀 점을 적어보려 한다. 여러 강의를 통해 클론 코딩으로 배우면서 스스로의 실력을 파악해보기 위해 만들어 본 첫 사이트다. 만드는데 10일 정도 걸렸고, 불과 2달 전에 진행했던 프로젝트 임에도 불구하고 지금 다시 꺼내보니 코드가 부끄럽고 부족한 부분이 많다. 먼저 내가 만들고 싶었던 서비스는 오늘 먹은 음식을 기록하는 블로그 사이트다. 나같은 경우 음식 사진을 자주 찍어두고 다시 보진 않아서 음식 사진을 한 곳에 모아두고 약간의 메모를 곁들여 기록할 수 있는 블로그 사이트가 있으면 재밌겠다고 생각했다. 사용한 기술 React js, firebase, styled-component, react-router,..
-
[JavaScript] To Do List 만들기 - 간단편Frontend/Projects 2020. 11. 21. 16:42
자바스크립트 실력향상을 위해 심플한 투두리스트를 만들어 보기로 했다. 이 리스트에 구현할 기능은 다음과 같다. 내용을 입력하고 입력버튼을 누르면 리스트에 내용이 추가될 것 리스트 삭제 버튼을 누르면 목록에서 사라질 것 내용을 입력 후 엔터키를 누르면 목록에 추가될 것 내용이 공백이거나 스페이스만 입력된 경우 입력 버튼을 눌러도 목록에 추가되지 않을 것 HTML 작성하기, CSS 부트스트랩 사용하기 TO DO LIST Stone-dev To do List 입력 html로 심플하게 작성하기. 제목을 넣어주고 투두리스트를 입력할 창을 만들어준다. 간단하고 빠르게 구현하기 위해 css는 최소화해서 넣어주고 부트스트랩으로 대신했다. 감사합니다. getbootstrap.com/ JS 작성하기 let contentI..