[혼공js-12기] 2주차 Chapter 03(07/08~07/14)

혼공단 2주차..

아직은 무난한 미션과 쉬운과정이라 무리가 없지만..

그래도 은근히 신경은 쓰이네요..

 

혼자 공부하는 자바스크립트

#	진도	기본 숙제(필수)	추가 숙제(선택)
1주차 (7/1 ~ 7/7)	Chapter 01 ~ 02	p. 54의 <파일 만들고 저장해 실행하기>에서 'Hello World' 출력하기	Ch.01(01-1) 확인 문제 1번 상세하게 적고 인증하기
2주차 (7/8 ~ 7/14)	Chapter 03	p. 139 의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기	p. 152의 <태어난 연도를 입력받아 띠 출력하기> 예제 실행하여 본인의 띠 출력한 화면 캡처하기
3주차 (7/15 ~ 7/21)	Chapter 04	비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기	p. 173 확인 문제 3번 문제 풀고, 풀이 과정 설명하기
4주차 (7/22 ~ 7/28)	Chapter 05	p. 202 <윤년을 확인하는 함수 만들기> 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기	p. 240 확인 문제 1번 풀고, 풀이 과정 설명하기
여름방학 (7/29 ~ 8/4)	럭키비키 즐거운 여름방학이잔앙
5주차 (8/5 ~ 8/11)	Chapter 06	객체, 속성, 메소드가 무엇인지 설명하기	p. 288 확인 문제 3번 풀고, 풀이 과정 설명하기
6주차 (8/12 ~ 8/18)	Chapter 07 ~ 08	p. 315의 <직접 해보는 손코딩>을 실행한 후 출력되는 고양이 이미지 캡처하기	p. 352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 캡처하기

 

 

Chapter 03 조건문

조건문은 기존 다른 언어들과 크게 차이가 없다.

 

1. if  조건문

 - 조건문은 조건의 참, 거짓(논리연산)을 판단 하는 간단한 구문이다.

 ex)

if( 조건식 ){

  조건식 참인 경우 실행  

}

 

2. if else 조건문

 - if 조건문은 조건 식이 참 일 경우만 실행 하고, 거짓일 경우 실행하지 않지만,  if else문은 참이 조건에서도 실행시킬 수 있다.

ex)

if (조건식 ){

    조건식 참인 경우 실행  

} else{

  조건식  거짓인 경우 실행.

}

 

3. if else if 조건문

 - if 문의 조건이 여러 Case인경우 사용하는 if문을 중첩 하지 않고 사용할 수 있다.

ex) 

if ( 조건식1 ) {

  조건식1 참인 경우 실행  

}

if ( 조건식2 ) {

  조건식2 참인 경우 실행  

}

if ( 조건식3 ) {

  조건식3 참인 경우 실행  

} else {

   조건식3이 거짓인 경우

}

 

위와 같은 경우 if else if 문으로 변경 가능합니다.

 

if ( 조건식1 ) {

  조건식1 참인 경우 실행  

} else if ( 조건식2 ) {

  조건식2 참인 경우 실행  

} else if( 조건식3 ) {

  조건식3 참인 경우 실행  

} else {

   조건식1,2,3  거짓인 경우

}

 

4. Switch 조건문

 - Switch문은 if else if 문과 비슷하지만 조금 다릅니다. 

  switch문은 조건의 끝을 알리는  break라는 키워드가 존재합니다. break가 없으면 다음 조건문까지 실행 됩니다.

  그리고 else문과 비슷한 default라는 키워드도 존재 합니다. 단 default는 생략가능합니다.(else문도 필요없다면 생략가능하듯이요..)

 

Switch (데이터) {

    case 조건1:

        실행 구문

        break;

    case 조건2:

        실행 구문

        break;

    case 조건3:

        실행 구문

        break;

    default:

        실행 구문

        break;

}

 

** break가 누락 된경우..

 

Switch (데이터) {

    case 조건1:

        실행 구문

    case 조건2:

        실행 구문

        break;

    case 조건3:

        실행 구문

        break;

    default:

        실행 구문

        break;

}

 

실행은 되지만 조건1이 참일 경우에도 조건 2까지 실행 됩니다.(조건 1에 break가 누락이 되어 조건 2까지 실행)

switch문은 항상 case와 break를 쌍으로 사용해야 한다고 생각 하시면 됩니다.

현업에서는 의도적으로 사용하는 경우도 있지만 초보들이 가장 실수를 많이 하는 케이스 입니다.

---

 

Mission 1

 

- Source

 문제는 if 문만 있어서 else문을 추가 하였습니다.

Source 화면

 

- 실행화면

 > 조건 입력 화면

 

조건 입력 창

 

 

 > 실행결과

조건 입력 후 실행 창

- 실행화면

 > 조건 입력 화면

조건이 참인 값 입력

 

 > 결과창

결과 화면

 

---

 

Mission 2

 

- Source

 ->본의 아니게 개인정보 유출이네요..^^;;

Source Code

- 실행화면

 > 조건 입력

태어난 해 입력

 

  >조건 실행

결과 화면

이상으로 2주차 미션 완료 입니다.

다음주도 열심히~~~