본문 바로가기

개발/자바스크립트(JS)4

[JS] DOM 관리, 접근 1. DOM이란 DOM(Document Object Model)은 웹 페이지에 대한 인터페이스로서 쉽게말해 html의 태그들을 관리하기 위해 알아야하는 모델이다. 위와 같은 것을 DOM트리라고 하는데 참고만 해도 괜찮을 것 같다. 2. DOM요소 불러오기 대표적인 방법은 2가지가 있다. querySelector는 클래스, 태그, ID 등을 기준으로 부르는 것이고 getElementById는 Id를 기준으로 부르는 법이다. - querySelector("") querySelector를 사용하면 해당 요소 중에 가장 먼저 나오는 것을 반환하는데 대표적으로는 class와 id를 사용한다. 2021. 5. 15.
[JavaScript] 배열관련 메서드(sort, filter, every, some, find, findIndex, includes) var array = [1,2,3,4,5]; // array.includes(찾을 값, 시작인덱스); for(let i =0; i word.length > 6); const result2 = words.filter(function(word){ return word.length>6;}); console.log(result1); console.log(result2); // [ 'exuberant', 'destruction', 'present' ] // [ 'exuberant', 'destruction', 'present' ] 다음과 같이 길이가 6을 초과하는 항목들만 result에 담긴것을 볼 수 있죠. 조금 더 복잡한 과정의 filter의 예제를 본다면 function filterItem(query){ r.. 2021. 5. 13.
[JavaScript] JSON파일 다루기 음.. 일단 신기했던게.. 게시판 이름을 'JavaScript'라고 못한다.. 보안관련되서 막아놓은건가.. 무튼 안된다... 크흠.. 무튼 그렇다.... 1. JSON - 위키백과사전 JSON(제이슨[1], JavaScript Object Notation)은 속성-값 쌍( attribute–value pairs and array data types (or any other serializable value)) 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. 비동기 브라우저/서버 통신 (AJAX)을 위해, 넓게는 XML(AJAX가 사용)을 대체하는 주요 데이터 포맷이다. JSON은 이런 것입니다. 이미 JSON을 알고 있다는 가.. 2021. 5. 12.
[JS 알고리즘 메서드] JS알고리즘 공부 이유 & 기초메서드 정리 1. 목적 공부 목적은 아래의 글을 통해 자세하게 남겨놨습니다. 2021.05.06 - [이러쿵 저러쿵/공부 목적] - [공부목적] JS알고리즘 공부 이유 & 우아한테크캠프 도전 이번 정리가 끝일 수 도 있지만 (끝이 아니길 간절히 빌겠습니다..ㅠ) 급하게 자신의 언어스타일을 이용해서라도 사용할 수 있도록 중요 메서드, 클래스(컬렉션?)들을 정리 해보겠습니다. 2. 컬렉션 - Map 맵은 별로 어렵지 않다. new Object()로 선언하여 m['a']=1; 과 같이 써도 되지만 size와 forEach가 먹히지 않는다고 한다. let m = new Map(); m.set('a', 1); m.set('b', 2); m.set('c', 3); m.set('d', 4); m.set('e', 5); m.for.. 2021. 5. 7.