[2023 신입부원 기초 스터디] 김찬중 6주차 - JS문법(2)

안녕하세요

아마 제 글이 5주차부터 멈춰서

스터디를 안하는건가 생각하신분도 있을 수 있는데

 

강의는 끝까지 완강했는데

블로깅을 못했습니다...

 

그래도 이렇게 포기하지 않고

끝까지 하는 모습 봐주시면 감사드리겠습니다..!

 

 

[섹션2]

1. 조건문

조건문이란 특정한 조건을 정하고

해당 조건에 따라서만 실행되도록 하는 것을 말합니다.

 

웹사이트에서 사용하려면 아마

로그인 시도를 하고

아이디와 비밀번호를 입력하였을 때

서버에 저장된 사용자 정보와 일치하면 참,

일치하지 않으면 거짓

이런식으로 활용할 수 있을 것 같습니다.

 

대표적인 조건문으로는 if와 switch가 있습니다.

 

1-1. if

if (조건) {
내용
}

if 조건문은 기본적으로 이런 구조를 유지하게 됩니다.

 

예를들어, 로그인시에

if (내가입력한내용 == 서버에 저장된 내용)

이라면

{} 안의 내용을 실행하여라.

이런 방식을 취할 수 있겠죠.

 

 

2-2. else if

js도 다른 언어와 마찬가지로 else if를 활용할 수 있습니다.

if (내용) {

} else if () {

} else if () {

} else {

}

조건을 여러개 설정하고 싶으면 else if를,

하나만 있다면 else만을 사용하여도 됩니다.

 

1-3. switch

switch는 else if와 비슷한 성격을 지닙니다.

switch(c) {
    case1:
        break;
    case2:
        break;
    case3:
        break;
    default:
    	alert('기타');
}

case 뒤에 c에 해당하는 내용을 작성하고,

마찬가지로 실행될 내용을 적습니다.

 

다만 switch는 모든 case에 break;를 적어줘야 합니다.

 

default는 해당되는 case가 없을 때 실행됩니다.

 

 

 

 

 

2. 반복문

반복문은 특정 내용을 반복할 때 사용하며

컴퓨터가 가장 잘 처리할 수 있는 부분이 아닌가 생각합니다.(단순반복)

 

2-1. for

for (초기식; 조건식; 증감식) {
	// 조건식의 결과가 참일 때 실행
}

for문은 초기식과 조건식, 증감식 이렇게 3가지 요소가 포함됩니다.

물론 필수는 아니고 생략될 수도 있습니다.

 

보통 초기식이 있고 이게 증감식을 통해

조건식에 다다를 때까지 for문 안의 내용을 반복한다.

 

이런느낌으로 동작합니다.

 

2-2. while

 

while문은 우리가

소프트웨어 사고 수업에서 썼을법한 

old한 느낌이 있네요

while (조건식) {
    // 내용
    // 증감식
}

for문이 while문을 간결하게 표현할 수 있는만큼

while은 가독성이 나빠서

구하고자 하는 값이 유동적일경우에만

while문을 사용하지 않을까 싶습니다.

 

 

 

[섹션3]

1. 함수

함수는 메서드를 가질 수 있기 때문에

'객체'라고도 볼 수 있습니다.

 

함수를 사용하는 이유는

코드 재사용을 줄일 수 있고,

이를 통해 코드의 가독성 측면에서

엄청난 메리트로 작용할 수 있습니다.

 

function bok(main) {
    console.log('${main} 볶음밥');
}

bok('새우');
bok('제육');

// 인프런 강의 예시 코드

위 예시 코드처럼

함수 bok을 한번 만들어 놓으면

 

그냥 이걸 'bok'

이 세글자를 통해 간단히 사용할 수 있습니다.

 

이때문에 위에서 말했던 것처럼

코드의 재사용적인 측면에서

굉장한 메리트가 되는거죠.

 

그리고 '화살표함수'(arrow function)이라는 개념이 있는데

이는 함수 표현식을 간결하게 만들 수 있습니다.

 

감사합니다.