JavaScript의 배열 메서드 map, filter, forEach는 코딩 초보자가 반드시 알아야 할 기본 개념이다.이 글에서 각 메서드의 개념, 특징, 차이점을 설명하고, 실전에서 어떻게 활용할 수 있는지 정리해보겠다. 🥳 1. 배열 메서드란 무엇인가?JavaScript에서 배열은 데이터를 여러 개 모아놓은 상자와 같다.배열에는 숫자, 문자, 객체 등 다양한 데이터가 들어갈 수 있으며,배열 메서드는 이 데이터를 더 쉽게 가공하고 조작하기 위한 도구라고 보면 된다. 오늘 다룰 map, filter, forEach는 배열을 반복해서 사용하거나, 데이터를 변환할 때 매우 유용하다. 근데, 배열이 뭔데? 🤷‍♀️ (1) 배열의 필요성 1. 여러 데이터를 관리하기 위한 효율적인 방법이다. • 같은 종류의..

[1121 배운 내용 복습]  1. 변수명 정하는 규칙 • 단수/복수 규칙: • 단수형: 하나의 값만 저장할 때 사용.const input = document.querySelector('input'); // 하나의 입력 요소를 가리킴  • 복수형: 여러 값을 저장하거나 배열로 관리할 때 객체명 뒤에 s를 붙이는 것이 관례.const inputs = document.querySelectorAll('input'); // 여러 입력 요소를 가리킴 • 이유: 변수명을 보고 데이터의 형태를 직관적으로 이해할 수 있음. 2. 배열의 특징과 사용법 • 배열은 순서가 있는 데이터의 집합을 관리한다. • 배열의 첫 번째 요소는 [0]으로 접근.const inputs = document.querySelectorAll('i..

js 객체 개념 공부 ✅공부 내용 블로그 정리 ✅map, filter, forEach 공부 ✅array 예제 공부하기 ✅html, css 복습html, css 응용 과제 제출배움일기 ✅피드백

react 응용 공부목적: React 프레임워크에 대해 알아보고 중요한 상태 관리에 대해 학습사용툴: JSX, React, Coding 응용 순서 🦧리액트 앱 만들기, 리액트 앱의 동작 원리리액트(React) 앱을 만드는 방법과 리액트의 동작 원리를 학습합니다. 먼저, 리액트 프로젝트를 생성하고 구조를 이해합니다.컴포넌트, JSX, 컴포넌트에 값 전달하기리액트의 기본 구성 요소인 컴포넌트(Component)와 JSX의 개념을 이해합니다. 또한, 컴포넌트 간에 값을 전달하는 방법을 학습합니다.이벤트 처리하기리액트에서 이벤트를 처리하는 방법을 학습합니다. 버튼 클릭, 폼 제출 등과 같은 사용자 인터랙션을 처리합니다.컴포넌트와 상태 이해하기리액트 컴포넌트의 상태(State)와 이를 관리하는 방법을 이해합니다..