(Day2) (음식 메뉴 앱)
깃허브 저장소 주소: https://github.com/nayoungpk/Inflear_Front.git

 <과제>

(Day3) (가위 바위 보 앱)

깃허브 저장장소 주소 - https://github.com/nayoungpk/Inflear_Front.git

(Day4) (퀴즈 앱)

깃허브 저장장소 주소 - https://github.com/nayoungpk/Inflear_Front.git

<공부내용>
자바스크립트 기본 기초

1. console 객체

디버깅 콘솔에 접근 할 수 있는 메서스를 제공하며, 전 영역의 객체에서 접근 할 수 있다.

2. var, let, const

다음으로는 자바스크립트에서 변수를 선언 할 때, var let const를 사용한다.

변수의 선언 방식에서는

var >> 중복 선언과 재할당이 가능

let >> 중복 선언은 불가능하며, 재할당은 가능

const >> 중족 선언과 재할당 둘가 가능

3. 호이스팅

호이스팅의 뜻은 무언가를 들어 올리거나 끌어 올리는 동작을 설명한다.

자바스크립트에서 호스팅은 코드가 실행되기 전에 변수 및 함수 선언이 로컬 범위의 맨 위로 들어올려지는 경우를 설명한다.

>> 쉽게 말해 변수에 값을 할당하고 사용해야함.

>>변수 생성할 때 재할당이 필요없다면 const를 사용하고 재할당이 필요하면 let을 사용해서 scope를 최대한 좁게 사용!!!

4. 타입

원시 타입과 참조 타입을 가지고 있음. (참조 타입의 경우에는 heep이라는 별도의 메모리 공간 사용)

타입은 크게 primitive 과 object 로 구분 가능

5. 연산의 경우는 다른 언어들과 동일!!!

 // 덧셈 함수
function add(a, b) {
    return a + b;
}

// 뺄셈 함수
function subtract(a, b) {
    return a - b;
}

// 곱셈 함수
function multiply(a, b) {
    return a * b;
}

// 나눗셈 함수
function divide(a, b) {
    // 0으로 나누는 경우를 처리
    if (b === 0) {
        return "나눗셈 오류: 0으로 나눌 수 없습니다.";
    }
    return a / b;
}

// 주어진 배열의 합계를 계산하는 함수
function sum(numbers) {
    let total = 0;
    for (let number of numbers) {
        total += number;
    }
    return total;
}

// 사용 예시
console.log(add(5, 3)); // 출력: 8
console.log(subtract(10, 4)); // 출력: 6
console.log(multiply(2, 6)); // 출력: 12
console.log(divide(8, 2)); // 출력: 4
console.log(divide(5, 0)); // 출력: "나눗셈 오류: 0으로 나눌 수 없습니다."

const numbers = [1, 2, 3, 4, 5];
console.log(sum(numbers)); // 출력: 15

6. 백틱

자바 스크립트에서 ` 문자를 사용하여 문자열을 표한한 것을 템플릿 리터럴이라 표현함.

이렇게 사용하면 줄 바꿈을 쉽게 할 수 있고, 문자열 내부에 표현식을 포함할 수 있게됨.

<공부 후기>

• 자바스크립트의 경우에는 개념은 모두 읽어보았으나 직접 코딩하는 부분을 더 진행해볼 생각이다.

• 자바스트립트 언어에 부족함을 많이 느꼈음.

• 과제 보안점으로는 DAY에서 분류를 나누는 기준을 누르면 사진의 크기가 달라진다. css 부분 수정 및 공부 예정

• 리엑트에 대한 기초 지식이 많이 부족하다고 느낌