Modern Agile/TIL
Day 11 - 2021.12.20
Lami
2021. 12. 20. 15:58
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가 눌리는 것처럼 할 수 있다.
- ejs 확장자 사용시 app.js에서 파일 경로를 설정할 수 있기 때문에 이미지 경로를 적어놓는다면 이후 파일에서 이미지를 불러올 때 app.js에 적은 경로 이하부터 적어야 한다.
- checkbox style을 바꿀 수 있지만 border, color, background-color 로 바꾸는 것이 아니다.
- https://ungdoli0916.tistory.com/793
- 위 링크에서 예시 보고 수정해보기
Lesson Learned
느낀 점
- 이제는 코딩테스트 과제가 아니라 개발과제를 수행한다. 과제와 별개로 코딩테스트 문제 푸는 것을 계속 해야겠다는 생각도 들고, 개발도 잘해야겠다는 생각이 든다. 어떤 순서로 얼마나 분배해서 공부해야 할까...? 일단 깃부터 빨리 공부해야겠다🔥