귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

2025/03/23 4

자주 쓰이는 JavaScript 조건 & 배열 메소드 정리

짝수 표현num => num % 2 === 0🔹 % (나머지 연산자)란?%는 **나머지 연산자(modulus operator)**라고 해.어떤 숫자를 2로 나눈 나머지가 0이면 짝수, 1이면 홀수야. 🔹 어떻게 동작하는지 예제숫자(num)num % 2 (2로 나눈 나머지)짝수/홀수 판별11 % 2 = 1홀수 ❌22 % 2 = 0짝수 ✅33 % 2 = 1홀수 ❌44 % 2 = 0짝수 ✅55 % 2 = 1홀수 ❌ 즉, 2로 나눴을 때 나머지가 0이면 짝수라는 뜻!예를 들어, filter()에서 사용하면?const numbers = [1, 2, 3, 4, 5, 6];const evens = numbers.filter(num => num % 2 === 0);console.log(evens); // [2, 4..

Studying/JavaScript 2025.03.23

자바스크립트 공부하기 - 콜백함수

먼저 콜백함수가 뭔지 먼저 쉽게 이해해보자.. 콜백 함수 쉽게 이해하기콜백 함수는 "나중에 실행해줘!" 라고 하는 함수야.📌 즉, 어떤 함수 안에서 다른 함수를 실행할 때 사용하는 함수라고 생각하면 돼! 🍕 피자 배달로 비유해볼게!네가 피자를 주문했어.가게에서 "피자가 완성되면 전화해줄게!" 라고 해.피자가 완성된 후, 가게가 너에게 전화(call back)!네가 전화를 받고 피자를 가지러 가.💡 이 전화가 바로 "콜백 함수"야!즉, 피자 가게(함수)가 바로 전화(콜백 함수)를 걸어서 네가 원하는 작업을 하도록 하는 거지. 📌 어디에 많이 쓰일까?콜백 함수는 비동기 작업(나중에 실행될 작업)에서 많이 사용돼!버튼 클릭 시 실행될 함수데이터를 가져오고 나서 실행될 함수타이머(몇 초 뒤 실행할 함수)..

Studying/JavaScript 2025.03.23

자바스크립트 공부하기 - 화살표 함수 💭

매번 등장할 때 마다, 조금 헷갈려서 이번 기회에 열심히 공부 해보자. 화살표 함수 !1. 간단한 화살표 함수 예제// 전통적인 함수 표현식const add = function(a, b) { return a + b;};// 화살표 함수 표현식const addArrow = (a, b) => a + b;console.log(add(3, 4)); // 7console.log(addArrow(3, 4)); // 7위 예제에서 addArrow는 전통적인 함수 add와 동일한 역할을 합니다. 하지만 화살표 함수를 사용하면 코드가 더 간결해지죠. 2. 매개변수가 하나일 때// 매개변수가 하나일 때 괄호를 생략할 수 있어요.const square = x => x * x;console.log(square(5)); //..

Studying/JavaScript 2025.03.23

자바스크립트 공부하기 - 빌트인 (내장객체) Math

어렵지만 하나하나 이해해가며 쌓는 성취감! 자바스크립트에서의 Math는 수학적 계산을 도와주는 빌트인 객체.이 객체에는 숫자와 관련된 여러 가지 유용한 기능들이 들어 있어 !쉽게 말하면, Math는 자바스크립트에서 수학 문제를 풀 때 사용할 수 있는 도구들이 모여있는 수학 도구 상자와 같아 :)1. Math 객체의 개념Math는 자바스크립트에서 내장 객체(Built-in Object)로, 별도로 선언하지 않고 바로 사용할 수 있어.이 객체에는 수학적 계산을 위한 함수와 상수들이 포함되어 있어요.예시: Math.random() // 0과 1 사이의 난수를 생성Math.PI // 원주율 3.14159...Math.pow(2, 3) // 2의 3승 (2 * 2 * 2) let randomNumber ..

Studying/JavaScript 2025.03.23