20220610

1) 학습한 내용

while문

while(true){
    if()
    break;
}

let i = 0
	while(confirm("계속 진행을 원하시면 확인을 누르세요")){
		alert(`${i}번째 반복문입니다.`)
	i++
}

위의 코드는 confirm 함수를 통해서 확인을 하면 i요소가 1씩 더해지면서 'i'에서 1씩 증가한다.

간혹, 논리적 오류를 통해서 진행이 이뤄지는 경우가 있다.

        for(let j = 1; j<10;j++){
            alert(`${j}번째 반복문`)
            const tf = confirm("계속하시겠습니까?")
            if(!tf){
                break
            }
        }

if문구 아래에 true 값 영역에 break를 넣음으로써 논리적 오류가 발생하는 경우가 있다. 이 경우에는 true가 false로 출력되는 결과가 나올 수 있다. 해당 논리적 오류를 해결하는 방법은
1) 코드를 다시 짜거나
2) 지문을 바꾸거나("그만두시겠습니까?"),
3) false값에 !를 추가해서 false값을 true값으로 변경시키는 방법이 있다.

continue문

continue 문은 현재 또는 레이블이 지정된 루프의 현재 반복에서 명령문의 실행을 종료하고 반복문의 처음으로 돌아가여 루프문의 다음 코드를 실행한다.

        for(let j = 1; j<10;j++){
            alert(`${j}번째 반복문`)

            continue
            
            const tf = confirm("계속하시겠습니까?")
            if(!tf){
                break
            }
        }

for for

let result= "";

      for(let i=1; i<10; i++){

         for(a=0;a<i;a++){

            result += "*";

         }

         result += "<br>"

      } document.write(result);

함수

함수를 만드는 방법

const 함수명 = function(){
	실행문
    실행문
}

함수명()


const 함수명 = function(name){
	let fullname=""
    fullname = name + "님 반갑습니다."
    return fullname
}

console.log(함수명("홍길동"))

function 함수명(){
	실행문
    실행문
}

계단만들기

아래는 계단 만들기를 할 때 쓰인 코드로 코드의 종류는 두 가지이다.

<script>
        let result = ""
        for(let i= 0;i<6;i++){
            for(let j=0;j<i;j++){
                result += "*"
            }
            result += "\n"
        }
        console.log(result)
    </script>

계단 만들기에 쓰인 코드

<script>
        let result = ""
        for(let i= 9;i>0;i--){
            for(let j=0;i-j;j++){
                result += "*"
            }
            result += "\n"
        }
        console.log(result)
    </script>

역계단 모양 만들기에 쓰인 코드

아래쪽은 피라미드 모양 만들기에 쓰인 코드이다.

    <script>
        //변수 선언 초기화
        let k = '';
        //반복문
        for (let x = 0; x<7; x++){
            for(let y = 10; y>x; y--){
                k += ' ';
            }
            for(let z=0; z<2*x-1;z++){
                k+='*';
            }
            k += '\n';
        }
        //출력
        console.log(k);
    </script>

덧붙이자면, x요소는 피라미드의 높이를 정하는 요소라면, y는 위치를 선정하는 코드로 보인다.
z는 피라미드를 만들 때, x값에 2씩 곱하며 1씩 빼는 걸로 해석한다.

아래쪽은 윤년을 계산하는 프로그램에 쓰인 소스코드이다.

<script>
        const input = prompt('년도를 입력하세요.')
        const year = Number(input)

        function isLeapYear(year){
            if((year % 4 === 0) && (year % 100 !==0) || (year % 400 === 0))
                return alert(`${year}년은 윤년이다.`)
            else
                return alert(`${year}년은 윤년이 아니다.`)
        }
        isLeapYear(year)
    </script>

2) 학습내용 중 어려웠던 점

이번 수업은 강사가 공부를 하고 왔었는지 이번에는 막힘 없이 무난하게 진행되었다. 이번 수업은 대체적으로 whle문, for for문 함수에 관한 설명으로 이뤄졌었고 대체적으로 무난했었다.

3) 해결방법

이번 수업은 while문, for문, 함수에 관한 개념에 관한 설명이라 복습이 필요했다.

4) 학습소감

오늘 강사가 어제 미숙한 모습을 보인것은 자바스크립트가 그 사이에 업데이트가 이뤄져서 언어체계에 변화가 있었던 탓에 생긴 일이었다고 해명했었다. 그리고, 수업 마지막 부분에는 프론트 엔드에만 머물지말고 백엔드, 나아가서는 애플리케이션 제조에도 해보라는 말을 했었다. 이 말은, 한 가지 영역에만 머물지 말고 계속해서 나아가라는 말로 들었다. 즉, 자바스크립트 뿐만 아니라 파이썬, 자바를 배워야 할 필요가 있다. 만약 스프링이나 Django, Node.js와 같은 백엔들르 배워야한다면 말이다.