본문 바로가기

FRONT-END/JavaScript3

[JS] 1001 - 1013 - map : 기존 배열을 기반으로, 각 요소에 어떤 작업을 수행해서 새로운 배열을 만들어 내는 함수 map()은 원본 배열은 건드리지 않고,**각 요소를 변환(transform)**해서같은 길이의 새로운 배열을 리턴합니다.const numbers = [1, 2, 3, 4];const doubled = numbers.map((n) => n * 2);console.log(doubled); // [2, 4, 6, 8]console.log(numbers); // [1, 2, 3, 4] ← 원본 배열은 그대로 익명함수이름이 없는 함수로, 단독 사용이 불가하며 주로 생성 후 변수나 상수에 할당하거나, 다른 함수의 호출시 인자로 활용한다.function ([매개변수 ,...]) }[구현부]} 화살표 함수.. 2025. 10. 1.
[JS] 0930 연산자 할당 연산자 일반 할당 ( = ) : X = Y 꼴에서 Y를 X에 할당한다.더하기 복합 대입 연산 ( +=) : x += y꼴에서 x와 y를 더한 값을 x에 재할당한다.let a = 3;a = a + 6; a 를 두번쓰기 귀찮아서 복합 대입 연산이 나옴a +=6 랑 같음빼기 복합 대입 연산 ( -=) : x -= y꼴에서 x와 y를 뺀 값을 x에 재할당한다.곱하기 복합 대입 연산(*=) : x *= y꼴에서 x와 y를 곱한 값을 x에 재할당한다.나누기 복합 대입 연산(/=) : x /= y꼴에서 x와 y를 나눈 값을 x에 재할당한다.나머지 복합 대입 연산(%=) : x %= y꼴에서 x와 y를 나눈 나머지를 x에 재할당한다.거듭 제곱 복합 대인 연산(**=) : x *.. 2025. 9. 30.
[JS] 0929 수업 13일차 JS(JavaScript)는 html 언어로 작성된 페이지에 이벤트 등 동작과 연산을 적용하기 위해 사용한다. 적용 방법 JS를 적용하는 방법은 몇 가지가 있는데 다음과 같다.스크립트 태그를 활용한 인라인 코드 작성( HTML 문서 내에 직접 JavaScript 코드를 삽입하는 방식 )HTML문서에 있는 head 혹은 body 태그의 자식이 될 수 있도록 script 태그를 만들어 해당 태그의 내부 내용에 js 문법을 작성하는 방법을 의미한다.HTML 문서 내에 HTML 문법과 JS 문법이 공존하게 됨으로 원하는 코드를 찾기 힘들어지고 유지보수가 까다로워진다. 인라인 스크립트 예제 클릭하세요 2.이벤트 기반 속성 활용 코드를 적용하고자 하는 태그에 onclick, onmouseov.. 2025. 9. 29.