바른소리

js-MyTodoSite [1인 프로젝트] what to do today? 의 업그레이드 버전입니다! (투두리스트) 노마드 코더의 크롬 앱 만들기와 그림판 만들기 강의를 수강한 후 두 강의를 조합하여 What todo today? 라는 솔로 프로젝트를 진행하였다. 그 후, 바닐라js 챌린지를 2주간 참여하며 비슷하지만 새로운 디자인으로 졸업 프로젝트를 진행하고자 하였고 챌린지 기간동안 과제로 진행한 d-day 계산기를 추가하여 이번 MyTodoSite 프로젝트를 완성하였다. 📅 기간 2022.05.20~2022.05.23 ⚙ 기능 사용자 이름 입력 시 localStorage에 저장이 된다. 프로필 사진을 추가할 수 있고 새로 고침 시 유지할 수 있다. 원하는 d-day 기념일 계산을 할 수 있다. 현재 ..

몇~~~~~달 전에 만들었던 노마드 코더의 크롬 앱 만들기를 이제야 올린다^^..ㅜㅜ 얼른 개인 프로젝트도 해보고 싶었고 정처기 공부도 해야했어서 정리할 시간이 없었다. 크롬 앱 만들기에서는 다음과 같은 기능을 구현 할 수 있다. ◾ 실시간 시간 확인하기 ◾ 사용자의 이름을 입력하면 Local Storage에 저장되고 기억 ◾ 할 일을 추가하기 / 삭제하기 ◾ 위치 정보를 받아와서 지역과 온도 확인하기 ◾ 새로 고침 시, 배경화면과 명언 랜덤 변경하기 디렉터리 설정 - css - img - js - background.js - clock.js - greetings.js - quotes.js - todo.js - weather.js - index.html index.html 00:00:00 00/00/0 ..

안녕하세요 ! 최근에 js를 재미있게 공부할 방법을 찾다가 전부터 익히 들어왔고 추천 받았던 노마드 코더를 수강하기 시작했는데요! 니꼬쌤 강의 저한테는 되게 재밌고 좋더라구요 ㅋㅋㅋㅋㅋ 말투도 넘 귀여우시고 수강생보다 더 js 기능에 대해서 막 흥분하시고 ...!!!!!ㅋㅋㅋㅋ 암튼 배웠던 것들 잊지 않기 위해서 코드 정리 , 만든 것을 정리해보기로 했어요! index.html index.html 에서 그림판의 모양을 잡아줍니다. 버튼의 경우 강의에는 fill과 save만 나오는데 저는 전체 삭제 기능을 넣어보고 싶어서 따로 clear를 추가했어요! app.js const canvas = document.getElementById("jsCanvas"); const ctx = canvas.getContex..