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

(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 부분 수정 및 공부 예정리엑트에 대한 기초 지식이 많이 부족하다고 느낌