728x90 인프런37 훈훈한 Javascript (15) 9. clearInterval setInterval() = 함수 대부분의 함수는 return 을 해준다. 함수를 실행만하고 return 을 안 해준 상태. (리턴 값 받지 않음) 리턴값을 받기 위해서 변수에 담아봄 intervalId 라는 변수 tagetDateInput 변수와 똑같은 형식인 것임. const targetDateInput = dateForMaker(); targetDateInput => 리턴 데이터를 여기에 담아준 것 그리고 targetDate = new Date( targetDateInput ) 이렇게 사용해줬었다. intervalId 라는 변수에 뭐가 담겨져 있을 지 console.log 를 통해 확인해보기. 값 넣어주고 버튼 눌러줌 => 숫자 1 나옴 => 버튼 한 .. 2023. 9. 14. 훈훈한 Javascript (14) 7. 반복문을 사용한 텍스트 갱신 일반적으로 카운트 다운이라고 하면 시간초가 줄어드는게 보여야 한다. for 문 써주고 counterMaker 함수가 100번 반복하도록 해줌. = 별 차이 안보임 = 100번을 빠르게 반복해서 실행해주고 있는 상태. = 너무 빨라서 보이지 않는 것 자바스크립트에 코드의 실행을 늦춰주는 기능 = setTimeout 화살표 함수 fn 사용 이것도 함수 (익명함수) () => { } 익명함수를 setTimeout 함수에 작성 counterMaker 함수를 안에 넣어준다. 그리고 콤마 + 5000 시간이 지연되면서 보여진다. 5000 = 5000 밀리 초 ( = 5초 ) 1000 * i 적용 i = 1 씩 증가 1초마다 실행되고 있음. 근데 100 (i < 10.. 2023. 9. 12. 훈훈한 Javascript (12) 질문 Q: 5:29 대에서 숫자 0이 i에 들어가고 0 번째 인덱스 값을 가진 요소 1을 갖고 올 수 있고, 코드 실행해주고 i(0)이 1 증가되니 arr.length = 길이가 5 니까 i < 5 를 조건식으로 해석해서 i[0] ~ i[4] 까지 인덱스를 기준으로 출력하므로 (arr[0] ~ arr[4] 를 의미한건데 잘못 표현) 1,2,3,4,5 가 출력 되는게 제가 맞게 이해한 걸까요? A: Q: for ( let i = 0; i < timeKeys.length; i = i + 1 ) { console.log (timeKeys[i]) } 에서 timekeys도 배열이고 똑같이 길이(length) 갖고 있으니까, 길이만큼 반복 하는 거니까 ( 길이 =4 ), timeKeys[0] timeKeys[1] ti.. 2023. 9. 11. 훈훈한 Javascript (7) 질문 Q: const counterMaker = function () { const targetDateInput = dateForMaker(); console.log(targetDateInput); 이 부분에서 console.log(dateForMaker()); 을 사용함으로서 dateFormat 데이터를 호출했는데, 왜 괄호안에 변수명(dateFormat)을 쓰지않고 함수명(dateForMaker)을 적어준 것이 헷갈려요.. 원래 return 시킨 변수명을 쓰는게 아니라 함수명을 적는건가요? A1: A2: 2023. 9. 6. 훈훈한 Javascript (13) 6. for - of 와 for - in = 객체 in 에다가 객체 이름 적어준다. key 라는 걸 console.log로 확인해보니 documentObj의 key 값들이 빠져나오는 걸 확인할 수 있다. for - in 문은 객체에 사용해줌. 반복문 안에서 사용할 객체(documentObj)를 in 뒤에다가 적어주면 된다. 변수를 선언하듯 let 을 써주고, 뒤에 key를 받아옴 ( key 에 담겨져 있던 것들은 주어진 객체안에 있는 프로퍼티의 키. ) ( let key in documentObj ) = documentObj 객체에 있는 프로퍼티들의 키들을 key 라는 변수로 받아오는 것 실제로 let 옆의 key 는 변수 a 라고 명칭을 바꿔도 변수의 역할을 .. 2023. 9. 4. 훈훈한 Javascript (12) 3. 반복문이란? 가장 앞에 있는 식 = 최초식 => 반복문에서 반복의 기준이 됨. 여기서 선언되는 변수는 for 문 안에서만 사용 가능. 함수에 갇힌 것처럼 바깥에서는 참조할 수 없음. 조건식 증감문 0 + 1 을 해서 i 에 재할당. 4. for 문과 while 문 for 문과 달리 최초식이 바깥에 작성됨. 조건식 증감문이 중괄호 안에 들어가게 된다 i 재할당 해준다. - while 문 주의사항 - status 가 true 인 경우, 계속 반복하도록 만들어놓음 i는 계속 증가하게된다. 계속 반복돼서 증가하게 됨. (메모리 과부화) i가 10보다 크면 false 라는 조건문 추가해줌 5. 반복문을 활용한 날짜 데이터 리팩토링 반복문 활용해주기 timeKeys에 Object.keys 사용.. 2023. 9. 4. 이전 1 2 3 4 ··· 7 다음 728x90
