앞으로의 목표 👍
- javascript 능력 및 고난도 알고리즘 풀이 능력
- Nest, Graphql등 최신 기술 스택 활용 능력
- 기초 미니프로젝트 포트폴리오
- 로그인, 결제기반 심화프로젝트 포트폴리오
- 배포를 위한 네트워크 및 CI/CD 배포자동화 능력
- 120% 백엔드 개발 지식
오늘부터 꾸준히 해야할 일 👍
- 영타실력 늘리기
- 단축키 사용 익숙해지기
- 코드리딩 실력 키우기
- 데일리 퀴즈
- 포트폴리오 작성
- 독스에 친숙해지기
- MDN 보는 연습하기
오늘의 수업 👍
📝 이벤트 감지
- 실습 07-signup.html, js
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> <script src="./07-signup.js"></script> </head> <body> <input type="text" id="email" oninput="checkValidation()"> <input type="text" id="pw1" oninput="checkValidation()"> <input type="text" id="pw2" oninput="checkValidation()"> <button id="submit" disabled="true">회원가입</button> </body> </html>const checkValidation = function () { let email = document.getElementById("email").value let pw1 = document.getElementById("pw1").value let pw2 = document.getElementById("pw2").value if(email && pw1 && pw2 ) { //모든 input이 비어있지 않을때 document.getElementById("submit").disabled = false } else { //하나의 input이라도 비어있을때 document.getElementById("submit").disabled = true } } - 실습 08-phone.html, js
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> <script src="./08-phone.js"></script> </head> <body> <input type="text" id="p1" oninput="changeFocus1()" maxlength="3">- <input type="text" id="p2" oninput="changeFocus2()" maxlength="4">- <input type="text" id="p3" maxlength="4"> </body> </html>const changeFocus1 = () => { let phone1 = document.getElementById("p1").value if(phone1.length === 3) { document.getElementById("p2").focus() } } const changeFocus2 = () => { let phone2 = document.getElementById("p2").value if(phone2.length === 4) { document.getElementById("p3").focus() } }
📝 Git과 Github
▷ Git
- 개인 컴퓨터
- 버전 관리 시스템(저장소)
- 누가 언제 어떤 파일을 저장하였는가?
- 특정 시점으로 소스코드 복원이 가능한가?
▷ Github
- 온라인
- Repositories
- 브랜치(master) - 배포용
- 브랜치(dev) - 개발용
오늘의 마무리 👍
- 오늘의 느낀 점 오늘은 실습 위주로 수업을 많이 했는데, 실습을 하는 것은 어렵지 않았지만, 오늘의 과제는 너무 어려웠다. ~~그래도 포기하지 않고 끝까지 해서
부분만 빼고 다 끝낼 수 있었다~~3분 이내 버튼을 누르지 않는 경우, 인증확인버튼 회색으로 되돌리고, 비활성화 토큰정보를 000000, 시간을 3:00으로 되돌려 주기
- 복습
- github 공부
- 블로그 포스팅
- 데일리 퀴즈
- 알고리즘 문제 풀기
항상 겸손한 자세로 배우면서 성장하자, 할 수 있다!! 💪
출처 : 코드캠프
개발자 블로그 / 항상 겸손한 자세로 배우면서 성장하자 할 수 있다!