분류 전체보기 198

[모던 자바스크립트] DOM

DOM(Document Object Model)HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API프로퍼티와 메서드를 제공하는 트리 자료구조프로퍼티: 객체 고유의 상태 데이터 메서드: 상태 데이터를 참조하고 조작하는 동작노드1. HTML 요소와 노드 객체HTML 요소HTML 문서를 구성하는 개별적인 요소를 의미 렌더링 엔진에 의해 파생되어 DOM을 구성하는 요소 노드 객체로 변환HTML 요소의 어트리뷰트는 어트리뷰트 노드HTML요소의 텍스트 콘텐츠는 텍스트 노드로 변환 HTML 문서는 HTML 요소들의 집합으로 이뤄지고 HTML 요소는 중첩 관계를 갖는다.HTML 요소의 콘텐츠 영역(시작 태그와 종료 태그 사이)에는 텍스트뿐만 아니라 다른 HTML 요소도 포함 가능HTML 요소 간에..

카테고리 없음 2024.02.26

[모던 자바스크립트 deep dive] 35장 스프레드 문법

스프레드 문법(spread syntax)(전개 문법) ...은 하나로 뭉쳐 있는 열 값들의 집합을 펼쳐서 개별적인 값들의 목록을 만든다. Array, String, Map, Set, Dom 컬렉션(NodeList, HTMLCollection), arguments와 같이 for...of 문으로 순회할 수 있는 이터러블에 한정 // ...[1, 2, 3]은 [1, 2, 3]을 개별 요소로 분리한다.(->1, 2, 3) console.log(...[1, 2, 3]); // 1 2 3 // 문자열은 이터러블이다. console.log(..."Hello"); // H e l l o // Map과 Set은 이터러블이다. console.log( ...new Map([ ["a", "1"], ["b", "2"], ]) ..

[모던 자바스크립트] 24장 클로저

클로저(closure) 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 중요한 특성 클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조함(출처: MDN) const x = 1; function outerFunc() { const x = 10; function innerFunc() { console.log(x); // 10 } innerFunc(); } outerFunc(); outerFunc 함수 내부에서 중첩 함수 innerFunc가 정의되고 호출되고 있다. 중첩 함수 innerFunc의 상위 스코프는 외부 함수 outerFunc의 스코프다. => 중첩 함수 innerFunc 내부에서 자신을 포함하고 있는 외부 함수 outerFunc의 x변수에 접근 가능 innerFunc 함수가 ou..

[프로그래머스] 배열 뒤집기 🔙

문제 정수가 들어 있는 배열 num_list가 매개변수로 주어집니다. num_list의 원소의 순서를 거꾸로 뒤집은 배열을 return하도록 solution 함수를 완성해주세요. 해결 과정 두가지 방법으로 풀었다. 첫번째는 for문을 이용해서 두번째는 reverse 함수를 이용해서 풀었다. 👆🏻 for문을 이용한 해결 우선 답을 작성할 배열을 하나 만든다. for문을 이용하여 작성한다. 여기서 for문을 작성할 때 변형이 필요하다. 변형이 필요하다는게 무슨말이냐? 배열을 뒤집기 위한 변형이다. for(let i = num_list.length-1; i >= 0; i--) 변수 선언문(할당문)은 i = num_list.length -1을 했다. 왜 num_list.length -1을 했을까? 🤔 그 이유는..

[프로그래머스] 아이스 아메리카노 ☕

문제 머쓱이는 추운 날에도 아이스 아메리카노만 마십니다. 아이스 아메리카노는 한잔에 5,500원입니다. 머쓱이가 가지고 있는 돈 money가 매개변수로 주어질 때, 머쓱이가 최대로 마실 수 있는 아메리카노의 잔 수와 남는 돈을 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. 해결 과정 1. 아이스아메리카노 가격의 변수를 만들었다. 2. 아이스 아메리카노가 몇잔이 나오는지 돈과 아이스 아메리카노 가격을 통해 만들었다. 3. 잔돈을 머쓱이가 가지고 있는 돈 에서 아이스아메리카노 잔 수 * 아이스 아메리카노 가격을 빼주었다. 아이스 아메리카노 잔 수에서 Math.floor 함수를 작성한 이유는 소수점을 없애기 위해서이다. 그리고 아이스아메리카노 배열을 만들어 아이스 아메리카노 잔..

[프로그래머스] 옷가게 할인 받기 👕👖

문제 머쓱이네 옷가게는 10만 원 이상 사면 5%, 30만 원 이상 사면 10%, 50만 원 이상 사면 20%를 할인해줍니다.구매한 옷의 가격 price가 주어질 때, 지불해야 할 금액을 return 하도록 solution 함수를 완성해보세요. 해결 과정 전체 가격 변수를 만들었다. let totalPrice를 만들어 퍼센트 할인 공식을 넣어 할인된 가격이 출력되게 했다. 할인(%) 공신 만들기 가격 - (가격 * 할인 퍼센트) = 할인된 가격 function solution(price) { let totalPrice = 0; if(price >= 500000) { totalPrice = price - (price * 0.2); } else if(price >= 300000) { totalPrice = ..

728x90