[DOM] Dom요소 선택하기
HTML의 구조나 내용 또는 스타일 등을 동적으로 조작하려면 먼저 요소 노드를 취득해야 한다. 이때 선택자 API는 DOM에서 Element 노드를 선택자를 통해 빠르고 쉽게 가져올 수 있는 메서드를 제공한다. id를 이용한 요소 노트 취득 만약 id가 여러개 존재할 경우...
Recent posts
번들러 란?
초기의 js는 간단한 작업을 위해 만들어졌지만, 지금은 js로 구현가능한 기능들이 많아지며 코드의 양과 복잡성이 높아졌다. 점점 불어나는 코드를 기능이나 페이지별로 분리해서 관리를 해도 복잡한 의존관계를 개선하기는 힘들어졌다. 그래서 그 복잡도를 낮추기 위해 모듈 방식을 사용하게 ...
[DOM] Dom이란?
DOM ( Document Object Model ) 우리가 작성한 HTML 문서는 브라우저의 렌더링 엔진을 통해 HTML문서를 파싱(해석)하게된다. 그렇게 파싱이 끝나면 브라우저가 이해할 수 있는 자료구조인 DOM을 생성하게된다. (이때 브라우저마다 다른 랜더링엔진을 사용하며 ...
[AWS] s3, Route 53 도메인 설정
도메인을 등록할 s3의 버킷으로 들어간다. https://console.aws.amazon.com/route53/v2/hostedzones# [속성]-[정적 웹 사이트 호스팅]의 편집을 클릭한다. 아래와 같이 설정 후 변경사항을 ...
[JS] 이터러블
이터러블객체 란? : 이터러블객체는 for-of 문으로 순화할 수 있고 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 있다. const isIterable = v => v !== null && typeof v[Symbol.iterator]...
[프로그래머스 - JS] LV.2 기능 개발
🔗 문제 LINK ♟ 풀이 순서 각 작업에 걸리는 시간을 계산해 배열로 만든다. workingPeriod = [] (100% - 현 진행%)/작업속도 소수점올림 이 앞으로 걸리는 시간 wokingPeriod를 forEach(period,index)로 돌면서 ...
마크다운(Marckdown) 문법 정리
마크다운 이란? 존 그루버가 만든 마크다운(Markdown) 은 읽기 쉽고 쓰기 쉽게 만들어진 일반 텍스트 작성 문법으로, 사용법이 간단해서 누구나 쉽게 배울 수 있고, 빠르게 글을 쓸 수 있습니다. 또한 html 태그 구조를 아는 분이라면, 더욱 쉽게 사용할 수 있습니다. ...
[프로그래머스 - JS] LV.2 멀쩡한 사각형
🔗 문제 LINK ♟ 풀이 순서 선에 걸리는 사각형의 갯수 = gcd * (w / gcd + (h / gcd - 1)) 이다. => w+h-gcd w 와 h의 최대공약수를 구한다. w*h - w+h-gcd 를 return 한다 👾 코드 const...