2024 - 03 - 11

자바스크립트 개념

자바스크립트의 4대 구성요소

조건문 - if , switch

반복문 - while , for , do while

변수

값(데이터, 자료)
    - 자료형
           -실행할 수 없는 자료(데이터)

                  - 숫자(number) , 문장(string) , 논리(boolean) , 객체(object)

 

const : 상수 

const a=5;
a=3;
console.log(a);

 

let :  수정가능한 변수

let a= 10;
let b =5;

console.log(a+b);

 

반복문

for

var sum = 0;
var max = 1000;

for ( var i = 1; i <= max; i++ ) {
    sum += i;
}
console.log(sum);

 

while

// 문제 : 99단 8단을 출력해주세요.
// 조건 : 숫자를 2 이상 사용할 수 없다.
// 조건 : while문 사용
// 출력예시
/*
8 * 1 = 8
8 * 2 = 16
8 * 3 = 24
8 * 4 = 32
8 * 5 = 40
8 * 6 = 48
8 * 7 = 56
8 * 8 = 64
8 * 9 = 72
*/
console.clear();

var dan;
dan = 8;

// 수정가능지역 시작 
var i = 1;

while ( i <= 9 ) {
    console.log(dan + " * " + i + " = " + dan * i);
    i++;
}

// 수정가능지역 끝

 

조건문

// 문제 : 실행되는 출력문에는 참 그렇지 않으면 거짓 이라고 적어주세요.
// 조건 : 넘버링을 해주세요. EX : 참2, 참3, 거짓2, 거짓3 ...

console.clear();

if ( true ) {
  console.log("참");
}

if ( false ) {
  console.log("거짓");
}

var a = 10;

// `==` => 같다.
if ( a == 10 ) {
  console.log("참2");
}

// `!=` => 같지 않다.
if ( a != 10 ) {
  console.log("거짓2");
}

if ( a > 10 ) {
  console.log("거짓3");
}

if ( a >= 10 ) {
  console.log("참3");
}

var b = 10;

if ( a == b ) {
  console.log("참4");
}

var c = a != b;

if ( c ) {
  console.log("거짓4");
}

if ( c == false ) {
  console.log("참5");
}

// `!` => 반전
if ( !c ) {
  console.log("참6");
}

// `!` => 반전
if ( !(!c) ) {
  console.log("거짓5");
}

var d = true;

if ( c != d ) {
  console.log("참7");
}

if ( c && d ) {
  console.log("거짓6");
}

if ( c || d ) {
  console.log("참8");
}

if ( c == false && d ) {
  console.log("참9");
}

if ( c || c ) {
  console.log("거짓7");
}

if ( false || false ) {
  console.log("거짓8");
}

if ( 1 == 1 && 2 == 2 && 3 == 3 && 4 == 5 ) {
  console.log("거짓9");
}

if ( 1 == 1 && 2 == 2 && 3 == 3 && 4 == 5 || true ) {
  console.log("참10");
}

 

// 문제 : age의 값에 따라서 성년인지 미성년인지 출력해주세요
console.clear();

let age;

console.log("== 정답 v1 ==");

age = 20;

if ( age >= 20 ) {
  console.log("성년입니다.");
}

if ( age < 20 ) {
  console.log("미성년입니다.");
}

console.log("== 정답 v2 ==");

age = 15;

if ( age >= 20 ) {
  console.log("성년입니다.");
}
else {
  console.log("미성년입니다.");
}

console.log("== 정답 v3 ==");

age = 215;

if ( age < 20 ) {
  console.log("미성년입니다.");
}
else {
  console.log("성년입니다.");
}

 

함수

// 문제 : 함수 3개를 정의하고 실행해주세요.

console.clear();

var 함수1 = function() {
    console.log("함수1 실행됨");
};

함수1();

var 함수2 = function() {
    console.log("함수2 실행됨");
};

함수2();

function 함수3() {
    console.log("함수3 실행됨");
}

함수3();

 

 

 

이번에 다시 한번 처음부터 프론트 교육을 들으면서 기초부터 다시 공부하였습니다!

들었고 쉬운 부분이라 빠르게 이해할 수 있었습니다!