인프런 워밍업 클럽 스터디 1기 FE | 1주차 발자국

2024-05-05T13:41:12.136Z

박나영

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

<과제>

(Day3) (가위 바위 보 앱)

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

(Day4) (퀴즈 앱)

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

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

console 객체

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

var, let, const

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

변수의 선언 방식에서는

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

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

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

호이스팅

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

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

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

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

타입

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

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

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

 // 덧셈 함수
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

백틱

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

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

<공부 후기>

자바스크립트의 경우에는 개념은 모두 읽어보았으나 직접 코딩하는 부분을 더 진행해볼 생각이다.
자바스트립트 언어에 부족함을 많이 느꼈음.
과제 보안점으로는 DAY에서 분류를 나누는 기준을 누르면 사진의 크기가 달라진다. css 부분 수정 및 공부 예정
리엑트에 대한 기초 지식이 많이 부족하다고 느낌

프론트 자바스크립트

답변 0