혼공단 자바스크립트 4주차 일지

안녕하세요 모두 새해 복많이 받으세요 

연휴에도 자바스크립트 공부를 하였습니다. 아직도 여전히 부족하지만 그래도 조금씩은 개념이 잡히기 시작하였습니다.

구분	진도	기본 미션	선택 미션
1주차 (1/2 ~ 1/8)	Chapter 01 ~ 02	p.54의 <파일 만들고 저장해 실행하기>에서  "Hello World" 출력하기	Ch.01(01-1)확인 문제 1번 상세하게 적고 인증하기
2주차 (1/9 ~ 1/15)	Chapter 03	p. 139의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기	p. 139의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기
3주차 (1/16 ~ 1/22)	Chapter 04	p. 195의 확인 문제 4번 풀고 인증하기	p. 183 [좀 더 알아보기] 손코딩 실행하고 결과화면 인증하기
🙇설 연휴🙇 (1/23 ~ 1/29)	야호! 한 주 쉬어갑니다 ❣️새해 복 많이 받으세요❣️ 야호! 한 주 쉬어갑니다
4주차 (1/30 ~ 2/5)	Chapter 05	p.202 <윤년을 확인하는 함수 만들기> 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기	p. 240 확인문제 1번 풀고, 풀이 과정 설명하기
5주차 (2/6 ~ 2/12)	Chapter 06	객체, 속성, 메소드가 무엇인지 설명하기	p.288 확인 문제 3번 풀고, 풀이 과정 설명하기
6주차 (2/13 ~ 2/19)	Chapter 07 ~ 08	p. 315의 <직접 해보는 손코딩>을 실행한 후 출력되는 고양이 이미지 캡쳐하기	p. 352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 캡쳐하기

 

기본미션 : p.202 <윤년을 확인하는 함수 만들기> 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기

1> 윤년일 조건

    (1) 4로 나누어 떨어진다

    (2) 100으로 나누면 떨어지지 않는다

    (3) 400으로 나누어 떨어진다.

 

     (1)과 (2)을 동시에 만족하거나 (3)을 만족하여야 한다.

 

2> 함수에 int 연도를 받는 매개변수가 필요하다

이때, 아래 코드 처럼 아예 2022을 입력해도 되지만, prompt 함수를 이용하여 입력받아도 된다.

확장성을 고려하면 입력받는 것이 더 좋다.

 

3> 결과값을 return 한다.

 

4> 코드

<script>
	function isLeapYear(year){
    return (year % 4 === 0) && (year % 100 !==0) || (year % 400 === 0)
    }
    
    console.log('2022년은 윤년일까? === ${isLeapYear(2022)}')


</script>

 

5> 실행결과 

     false(거짓) ; 2022년은 윤년이 아닙니다.              * 파이참에서 실행

 

 

선택미션 : p. 240 확인문제 1번 풀고, 풀이 과정 설명하기

1> 문제 : filter  함수의 콜백 함수 부분을 채워서 (1) 홀수만 추출, (2) 100 이하의 수만 추출, (3) 5로 나눈 나머지가 0인 수만 추출해주세요. 그리고 코드의 실행 결과를 적어보세요.

 

2> 코드

<script>
//변수를 선언합니다.
let numbers=[273,25,75,52,103,32,57,24,76]

// 처리합니다.

//(1) 홀수만 추출
numbers=numbers.filter((x)=> x%2===1)

//(2) 100이하의 수만 추출
numbers=numbers.filter((x)=> x <=100)

//(3) 5로 나눈 나머지가 0인 수만 추출
numbers=numbers.filter((x)=> x%5===0)



// 출력합니다. 

console.log(numbers)
</script>

3> 처리결과

       [25,75]         * 파이참에서 실행