앞으로의 목표 👍
- javascript 능력 및 고난도 알고리즘 풀이 능력
- Nest, Graphql등 최신 기술 스택 활용 능력
- 기초 미니프로젝트 포트폴리오
- 로그인, 결제기반 심화프로젝트 포트폴리오
- 배포를 위한 네트워크 및 CI/CD 배포자동화 능력
- 120% 백엔드 개발 지식
오늘부터 꾸준히 해야할 일 👍
- 영타실력 늘리기
- 단축키 사용 익숙해지기
- 코드리딩 실력 키우기
- 데일리 퀴즈
- 포트폴리오 작성
- 독스에 친숙해지기
- MDN 보는 연습하기
오늘의 수업 👍
📝 함수
▷ 함수 작성 방법
▶ 함수 선언식
function 함수이름(매개변수){
함수를 호출했을 때 실행할 명령문
return 결과값
}▶ 함수 표현식
const 함수이름 = function(매개변수){
함수를 호출했을 때 실행할 명령문
return 결과값
}▶ 화살표 함수
- 실무에서 가장 많이 사용
const 함수이름 = (매개변수) => {
함수를 호출했을 때 실행할 명령문
return 결과값
}▷ 함수 실행 방법
//함수 만들기
function 함수이름(매개변수){
함수를 호출했을 때 실행할 명령문
}
//함수 실행
함수이름(매개변수)▷ 함수 예시
- 05 function.html, js
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> <script src="./06-timer.js"></script> </head> <body> <div id="target">000000</div> <button onclick="auth()">인증번호 전송</button> <div id="timer">3:00</div> <button id="finish">인증완료</button> </body> </html>let auth=()=> { const token = String ( Math.floor( Math.random() *1000000 ) ).padStart(6,"0") document.getElementById("target").innerText = token document.getElementById("target").style.color = "#" + token }
📝 내장함수
▷ 시간 지연 함수
- setTimeout(func,time)
▷ 시간 반복 함수
- setInterval(func,time)
- time 입력 시 ms 단위로 입력
▷ 내장함수 예시
- 연습 10
let time = 10 // undefined setInterval(function(){ if(time >= 0){ console.log(time) time = time - 1 } },1000) // 10 // ~ // 0
📝 실무 예시
- 연습 11
-
전체시간(초) /60
-
몫 0 : 00 나머지
let time = 180 // undefined setInterval(function(){ if(time >= 0) { let min = Math.floor( time / 60) let sec = String(time % 60).padStart(2,"0") console.log(min + ":" + sec) time = time - 1 } },1000) // 3:00 // ~ // 0:00
-
- 06-timer.html, js
-
전체시간(초) /60
-
몫 0 : 00 나머지
<!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> <script src="./06-timer.js"></script> </head> <body> <div id="target">000000</div> <button onclick="auth()">인증번호 전송</button> <div id="timer">3:00</div> <button id="finish">인증완료</button> </body> </html>let auth = () => { const token = String(Math.floor(Math.random() * 1000000)).padStart(6, "0") document.getElementById("target").innerText = token let time = 3 setInterval(function () { if (time >= 0) { let min = Math.floor(time / 60) let sec = String(time % 60).padStart(2, "0") document.getElementById("timer").innerText = min + ":" + sec time = time - 1 } else { document.getElementById("finish").disabled = true } }, 1000) }
-
오늘의 마무리 👍
- 복습
- 실습 위주 공부
- github 공부
- 블로그 포스팅
- 데일리 퀴즈
- 알고리즘 문제 풀기
항상 겸손한 자세로 배우면서 성장하자, 할 수 있다!! 💪
출처 : 코드캠프
개발자 블로그 / 항상 겸손한 자세로 배우면서 성장하자 할 수 있다!