프로그래머스 데브코스 TIL 5일차

프로그래머스 데브코스 TIL 5일차이다.

 

꾸준히 작성해야 했던 글인데.. 일요일날의 시험 준비로 인해 글 작성이 밀리게 되었다.

 

스터디 공고 글도 올리고 준비도 해야하고 바쁘다 바빠

 

하지만 안바쁜 것보다 오히려 좋아야 할 것이다. 바쁨을 이용해 빠르게 성장할 기회는 지금뿐이니까.

---

자바스크립트 제어문 및 객체, 내장 기능 정리

1. 조건문 (if)

자바스크립트에서 조건문은 특정 조건이 참(true)인지 거짓(false)인지에 따라 코드를 분기하여 실행되도록 제어하는 문장이다.

기본 구조

if (조건식) {
    // 조건이 참일 때 실행
}

예제

var number1 = 20;
var number2 = 30;
if (number1 < number2) {
    console.log(number1 + "이 " + number2 + "보다 작습니다.");
}

if ~ else 문

if (조건식) {
    // 참일 때
} else {
    // 거짓일 때
}

var number1 = 40;
var number2 = 30;
if (number1 < number2) {
    console.log(number1 + "이 " + number2 + "보다 작습니다.");
} else {
    console.log(number1 + "이 " + number2 + "보다 큽니다.");
}

if ~ else if ~ else 문

if (조건1) {
    // 조건1이 참
} else if (조건2) {
    // 조건2가 참
} else {
    // 위 조건 모두 거짓
}

예를 들어 월(month) 값에 따라 계절을 판단하는 코드는 다음과 같다.

var mon = prompt("현재는 몇 월입니까?", "0");
if(mon >= 9 && mon <= 11){
    document.write("독서의 계절 가을이네요!!");
}else if(mon >= 6 && mon <= 8){
    document.write("여행 가기 좋은 여름이네요!!");
}else if(mon >= 3 && mon <= 5){
    document.write("햇살 가득한 봄이네요!!");
}else{
    document.write("스키의 계절 겨울이네요!!");
}

---

2. 반복문 (for / while)

for문

조건을 만족할 때까지 반복하여 코드를 실행하는 문장이다.

for (초기값; 조건식; 증감식) {
    // 반복 실행 코드
}

예제 – 3의 배수 출력

for (var i = 1; i <= 100; i++) {
    if (i % 3 === 0) {
        console.log(i);
    }
}

예제 – 짝수만 출력

for (var i = 2; i <= 100; i += 2) {
    console.log(i);
}

구구단 출력 (중첩 for문)

for (var i = 2; i <= 9; i++) {
    for (var j = 1; j <= 9; j++) {
        document.write(i + " x " + j + " = " + (i * j) + "<br>");
    }
}

---

while문

조건이 참일 동안 계속 실행되며, 조건을 먼저 판단한다.

var i = 0;
while (i < 5) {
    console.log(i + "번째 손님 응대 중입니다.");
    i++;
}

무한 루프를 방지하기 위해 변수의 증감이 반드시 포함되어야 한다.

---

3. 함수

함수는 특정 작업을 하나의 단위로 묶어 재사용 가능한 코드 블록을 의미한다.

함수 정의 방법

function 함수이름(매개변수) {
    // 실행 코드
    return 반환값;
}

예제

function sayHello() {
    console.log("안녕하세요?");
}
sayHello();

매개변수가 있는 함수

function getSum(a, b) {
    return a + b;
}
let result = getSum(10, 20);
console.log(result);

함수 표현식

var square = function(x) {
    return x * x;
};

---

4. 객체와 내장 객체

자바스크립트는 객체 기반 언어로, 객체는 속성과 기능(메소드)을 포함하는 구조이다.

내장 객체 종류

• Date: 날짜와 시간
• Math: 수학 계산
• Array: 배열
• String: 문자열
• Window: 브라우저 창

Date 객체 예제

var today = new Date();
var year = today.getFullYear();
var month = today.getMonth() + 1;
var date = today.getDate();
document.write("오늘은 " + year + "년 " + month + "월 " + date + "일입니다.");

Math 객체 예제

var max = Math.max(10, 50, 3);
var rnd = Math.ceil(Math.random() * 3);
document.write("최댓값: " + max + "<br>");
document.write("난수: " + rnd);

---

5. 배열

배열은 여러 값을 하나의 변수에 저장할 수 있는 자료구조이다.

var scores = [85, 90, 78, 92, 88, 95];

var totalScore = 0;
for (let i = 0; i < scores.length; i++) {
    totalScore += scores[i];
}
var averageScore = totalScore / scores.length;

document.write("총합: " + totalScore + "<br>");
document.write("평균: " + averageScore.toFixed(2));

---

6. 브라우저 객체(Window)

window 객체는 브라우저 환경에서 최상위 객체로 다양한 기능을 제공한다.

주요 메소드

• alert(): 경고창 표시
• confirm(): 확인/취소 선택 창
• prompt(): 사용자 입력 받기
• open(): 새 창 열기

alert("입력이 잘못되었습니다.");
var result = confirm("정말로 종료하시겠습니까?");
if (result) {
    alert("종료합니다.");
} else {
    alert("취소되었습니다.");
}