일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 바닐라 자바스크립트
- github
- 오류
- 프로젝트
- Nomad coder
- HTML
- react-hook
- Netflix
- coding
- TiMER
- 계획
- Clone
- 코코아톡
- 자바스크립트
- Firebase
- scflix
- Project
- Nomad
- 마무리
- javascript
- react-native
- expo
- 클론코딩
- CSS
- 느낀 점
- vanilla js
- Hook
- react
- Vanilla
- Nicolas
- Today
- Total
목록느낀 점 (11)
꾸매코딩
결과 저장한 데이터를 수정하고 삭제할 수 있도록 만들었다. Firebase DB에서 “실시간”으로 업데이트하기 때문에 바로 변경됨 CRUD의 기능이 완성되었다. 아이디에 고유 id 값과 DB의 id 값을 비교하여 자신의 데이터만 불러온다. CSS 내용 우선은 배치와 아이콘만 적용해 주었다. [Times.css] .times--container { width: 500px; display: grid; grid-template-columns: 400px 100px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 10px; padding: 10px 0px; font-size: 18px; } .times--container input { width: 3..
결과 이런저런 시도를 하는 중이라 디자인은 크게 건들지 않고 있다. 결과 설명 우선은 ● 버튼을 임시로 모달창이 나오게 하려 했는데, 클릭 후 이벤트를 어떤식으로 넘겨줘야 할지 고민 중이다. 제목을 적고 확인을 누르면 타이머 밑에 시간이 저장되고 무엇을 하며 시간을 보냈는지 기록하도록 할 것이다. 저장은 Firebase에 Firestore 기능을 이용할 예정이다. 최종적으로 시간을 기록하다가 ■ 버튼을 눌렀을 때 Firestore에 저장이 되고 화면에 출력되는 것이다. jsconfig 절대 경로 [ jsconfig.json ] { "compilerOptions": { "baseUrl": "src" }, "include": [ "src" ] } 위 코드를 jsconfig.json 이름으로 저장하면 절대 경..
최종 결과 타이머의 시작, 정지, 리셋 기능을 만들었고 정상 작동 중이다. 현재 상황 어제 React Hook 사용이 익숙하지 않다는 것을 뼈저리게 느끼고 Hook 공식 문서를 읽으며 이해하고자 노력했다. 공식문서를 읽는 횟수가 늘어날수록 점점 이해하는 것이 느껴지기 시작했고 읽기 전보다는 조금 더 성장했다고 느껴진다. 지금까지 타이머와 타이머의 시작 버튼을 눌렀을 때 시작되는 것까지 만들었기 때문에 오늘 정지와 리셋 버튼을 만들려고 시도해보았다. 추가적으로 시작 버튼이 중복으로 눌릴 경우 setInterval이 반복해서 작동하는 오류를 수정하려 했다. 설명 updateTimer 함수가 화면에 보이는 타이머의 시간을 변경하는 함수이다. 블로그를 참고하여 시작, 정지, 리셋 기능이 가능한 1초에 1씩 증가..
우선 느낀 점을 말씀드리기 전에 저의 배경지식을 말씀드리자면, 컴퓨터 공학을 전공하였고 졸업 작품으로 웹 관련 프로그램을 만들었습니다. 체감 난이도는 각자 다를 것이라 생각하기 때문에 참고만 해주시면 감사하겠습니다. [난이도 - ★★☆☆☆] 강의 초반에 설명해주는 개념만 알아도 충분하다. 컴퓨터 전공이기도 했고, Python과 Java를 어느 정도 알고 있어서 수업 듣기에 편했던 것 같다. 비전공자분께서 처음 듣는다면 난이도가 있을 것이라고 생각한다. 영어로 수업하시는데, 자막 번역이 직역으로 되어있다는 느낌을 받았다. 자막이 이해가 안 될 때 영어를 들어보는 것을 추천한다! 2021 버전으로 강의가 업데이트되면서 자막이 보기 훨씬 수월해지고, 전 강의보다 설명을 더 꼼꼼히 해주셔서 이해하기 더욱 편하다..
클론 코딩 수업을 끝내고 현재 챌린지를 진행하고 있고, 이미 배웠던 내용인 만큼 모르는 것들만 알아가며 빨리 넘겨볼 생각이다. 앞으로 JS를 공부할 생각이다. Python, Java와 같이 객체지향 언어를 사용해봤고 그에 맞는 문법들을 조금은 알고 있으니 처음 배우시는 분들보다는 조금은 이해가 빠를 것이라고 생각한다. 배운 것 클론 코딩을 통해 배운 점은 실력 있는 개발자 분들이 코딩을 하시기 전 하시는 생각과, 개발하는 과정에서 어떤 식으로 생각하시는지를 배울 수 있었다. 많은 글들에서 초기 기획단계가 가장 중요하다고 하는 것을 보았는데, 사실 와 닿지는 않았다. 하지만 이 수업을 통해 처음 개발 단계부터 나중에 사용할 것들과 한 번만 사용할 것들로 나누어서 코딩을 진행하다 보니 내가 만들어놓은 코드들..