본문 바로가기

WINK-(Web & App)/HTML & CSS & JS 스터디

[2023 신입부원 기초 스터디] 박승환 #6주차 - 이게 파이썬이야, js야?

반응형

@@일단 죄송합니다! 좀 늦게 블로그를 올리는 것 같습니다! 조금의 변명을 한다면 축제..... 미리미리 안한 제 잘못이겠지요 ㅎㅎ 그래서 더욱 열심히 들어서 블로그도 열심히 작성했습니다!!@@

 

if문  

if (조건) {
   실행할 문장;  
}
const a = 10;
const b = 20;
if (a<b) {
  console.log('a가 더 작다!');
}

if문은 조건의 식이 참일 때 실행하여 다음 문장을 실행한다.  

if (a < b) console.log('a가 더 작다!');

실행부가 한 줄일 때만 이런식으로 한줄로 작성이 가능하다!

결과는 앞과 같겠죠?

 

else 문

const a = 10;
const b = 20;
if (a > b) {
  console.log('a가 더 작다!');
} else{
  console.log('거짓입니다!');
}

만약 if문의 조건이 거짓이라면 거짓일 때에도 실행을 하야겠죠? 그럴 때는 else문을 쓴다.

즉, else문은 위의 식이 거짓일 때 다음 문장을 실행하는 역할을 한다.  

 

하나 조건문을 작성할 때 if, else는 한번만 사 if 시작하고 else 끝나야함(else는 없어도 됨

 

else if

const a = 10;
const b = 20;
const c = 20;
if (a > b) {
  console.log('a가 더 작다!');
} else if (b == c) {
  console.log('b랑 c가 같습니다!');
} else if (b != c) {
  console.log('b랑 c가 다르다!');
} else if (a == c) {
  console.log('a랑 c가 같습니다!');
} else {
  console.log('거짓입니다!');
}

else if는 if와 else 사이에 작성 하나의 조건문에 여러  개 사용 가능 ! 

 

#파이썬에서 elif와 같은 것!  

 

switch 

const number = 10;
switch (number) {
  case 1:
    console.log(number);
    break;
  case 10:
    console.log(number);
    break;
  default:
    console.log('아무것도 해당없음')
}

switch 옆 괄호 안에 표현식이 case 다음 1과 같은 때 그 다음 문장을 출력한다.

즉, number 값이 1이면 그다음 문장을 출력한다.

 

만약 break가 없다면 참이 될 때 다음 break까지 게속 실행한다.

 

for문

for (let i = 0; i < 5; i++) {
  console.log(i);
}

for문은 파이썬의 for문과 거의 같다. 단 for문 안에 있는 것들은 ; 을 이용해서 구분한다.

시작을 빼서 작성할 수도 있고 증감값을 빼서 쓸 수 도 있다

단 ;을 빼서는 안된다.

let i = 0;
for (; i < 5; i++) {
  console.log(i);
}
let i = 0;
for (; i < 5; ) {
  console.log(i++);
}

앞서 배운 if문을 사용하고 break까지 같이 사용할 수 있겠죠? 

for (let i = 0; i < 10; i++) {
  if (i == 7) {
    break;
  }
  console.log(i);
}

0~7,까지 실행

for (let i = 0; i < 10; i++) {
  if (i == 7) {
    continue;
  }
  console.log(i);
}

continue는 continue문장을 만난 순간 continue문 아래에 있는 실행해야 하는 문장들을 건너 뛰고, 다음 반복을 시작한다.

0~9까지  7만 제외하고 출력 

 

for of

const arr = [1, 2, 3];
for (const i of arr) {
  console.log(i);
}

파이썬 for문과 똑같다.

while문

let i = 0;
while (i < 10) {
  console.log(i++);
}

파이썬의 while문과 원리가 같다. 즉 i가 10보다 작을 때까지 게속 1씩 더해나간다.

그럼 0~9까지 출력되겠죠?

 

do while문

let i = 0;
do {
  console.log(i++);
} while (i < 10);

조건문이 참(true)일 때 실행되는 반복문이다. 단! 최초 한번은 무조건 수행한다.

결괴는 위에와 동일!

 

함수(function)

function ramen(main) {
  console.log(`${main}라면`);
}

ramen('진');
ramen('너구리');

함수는 function 이라는 예약어와 함수이름(ramen), 함수블록({...}) 으로 이루어져 있다.

 

#두 인자를받고 더하는 함수  

function sum(a, b) {
  console.log(a + b);
}
sum(10, 20);

 

 

  • 인자 = 함수의 입력값 = Arguments
  • 매개변수 = 함수 입력변수 = Parameter

 

지역변수(local변수) vs 전역변수(global 변수)

지역변수(local 변수)

function a() {
  const b = 10;
  console.log(b);
}
a();
console.log(b);

함수 내부에서 선언된 변수를 지역변수(local변수) 라고 하는데,

이는 변수가 사용할 수 있는 범위가 중괄호로 감싸진블록 안으로 제한 (함수뿐만 아니라 반복문, 조건문에서도 마찬가지) 

 

전역변수(global 변수)

const b = 10;
function a() {
  console.log(b);
}
a();
console.log(b);

나머지 변수

function print(a, b, ...rest) {
  console.log(a);
  console.log(b);
  console.log(rest);
}
print(10, 20, 30, 40, 50, 60);

return 

function sum(a, b) {
  return a + b;
}
console.log(sum(10, 20));

함수의 표현

const sum = function (a, b) {
  console.log(a + b);
};

sum(10, 20);

화살표 함수

const sum = (a, b) => console.log(a + b);

실행문이 하나 일때는 중괄호를 생략하면  return값도 생략할 수 있다.

인자의 개수가 하나일때는 인자 괄호를 없앨 수 있다.  

앞서 배운 함수를 화살표 함수를 통해 축약할 수 있기 때문에 앞으로 많이 사용할 것 같다.

 

 

 

 

 

 

 


 

@@ 오늘 강의를 들으면서 파이썬이 자꾸 떠올랐다. 코딩을 공부한다면 웹사이트를 먼저 하는 것이 좋다고 했는데 그 이유를 알것 같다. 만약 js를 하고나서 파이썬에 대해서 배웠다면 지금 소사 과목이 좀더 쉽게 다가왔을지도 모른다. @@

 

앞으로는 기말고사에 쏟아 붙겠다. 

반응형