Day 11 - 2021.12.20

Day 11 - 2021.12.20

과제 09 프론트 개발 과제 - 로그인 화면 UI 구현하기

https://github.com/ohchanghoon/wooahan-agile-frontend-task-3term/pull/9

구현한 화면

과제 설명

https://github.com/ohchanghoon/wooahan-agile-frontend-task-3term/issues/6

 

실행하기 위해서

app 폴더 내에서

npm install

npm start

만약 nodemon 오류가 난다면 설치가 안 되어 있는 것이므로 nodemon 설치 (npm install nodemon --save)

포트번호 5000

주소창에 localhost:5000 입력해서 실행

---

TIL

• label과 checkbox는 label의 for에 checkbox의 id를 적는다면 연결이 가능해서 label만 눌러도 checkbox가 눌리는 것처럼 할 수 있다.
  • https://coding-food-court.tistory.com/17
• ejs 확장자 사용시 app.js에서 파일 경로를 설정할 수 있기 때문에 이미지 경로를 적어놓는다면 이후 파일에서 이미지를 불러올 때 app.js에 적은 경로 이하부터 적어야 한다.
  • https://nscworld.net/2021/01/14/nodejs-이미지-경로를-인식하지-못해요/

• checkbox style을 바꿀 수 있지만 border, color, background-color 로 바꾸는 것이 아니다.
  • https://ungdoli0916.tistory.com/793
  • 위 링크에서 예시 보고 수정해보기

    

---

Lesson Learned

 

느낀 점

• 이제는 코딩테스트 과제가 아니라 개발과제를 수행한다. 과제와 별개로 코딩테스트 문제 푸는 것을 계속 해야겠다는 생각도 들고, 개발도 잘해야겠다는 생각이 든다. 어떤 순서로 얼마나 분배해서 공부해야 할까...? 일단 깃부터 빨리 공부해야겠다🔥