728x90 분류 전체보기159 DOM (Document Object Model) 개념에 대한 정리 DOM 이란? 문서 객체 모델 (Document Object Model)의 약자로, 객체 지향 모델로서 구조화된 문서를 표현하는 방식을 의미합니다. DOM의 의의 DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스로 문서의 구조화된 표현(structured representation)을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 돕습니다. JavaScript에서는 이 DOM을 다룰 수 있습니다. HTML DOM HTML 문서를 조작하고 접근하는 표준화된 방법으로, 모든 HTML의 요소들은 HTML DOM을 이용한 접근이 가능합니다. 기본적으로 JavaScript는 HTML 문서의 어디에 무엇이 있는지 파악할 수 없기 때문에, HTML 문서를 parsing 하여 DO.. 2022. 9. 12. 백준 2470번 - 두 용액, 대표적인 투 포인터 문제 문제 소개 2470번 두 용액 문제는 제목에도 쓰여있는 것처럼 대표적인 투 포인터 알고리즘으로 풀이 가능한 문제 중 하나입니다! solved.ac 기준으로 골드 5 난이도의 문제로 기본적인 투 포인터 문제임에도 불구하고 꽤 높게 난이도가 책정되어 있습니다. 문제 링크입니다!! 😀 2470번: 두 용액 첫째 줄에는 전체 용액의 수 N이 입력된다. N은 2 이상 100,000 이하이다. 둘째 줄에는 용액의 특성값을 나타내는 N개의 정수가 빈칸을 사이에 두고 주어진다. 이 수들은 모두 -1,000,000,000 이상 1,000,00 www.acmicpc.net 문제 설명 및 아이디어 우선 입력으로 용액의 개수인 N을 입력 받은 후, 산성 용액(특성 값이 양의 정수)와 알칼리성 용액(특성 값이 음의 정수) 들의.. 2022. 9. 8. 백준 7562번 - 나이트의 이동, BFS를 이용한 그래프 순회 문제 (with C++) 문제 소개 이번에 풀이한 문제는 7562번 나이트의 이동 문제입니다. solved.ac 기준으로 실버 1 난이도이긴 하나, BFS 알고리즘을 적용해야 하는 구조를 이해하면, 쉽게 풀 수 있는 문제였습니다!! 문제 링크입니다!! 😀 7562번: 나이트의 이동 체스판 위에 한 나이트가 놓여져 있다. 나이트가 한 번에 이동할 수 있는 칸은 아래 그림에 나와있다. 나이트가 이동하려고 하는 칸이 주어진다. 나이트는 몇 번 움직이면 이 칸으로 이동할 수 www.acmicpc.net 문제 설명 및 아이디어 임의의 사이즈의 체스판 위에서 나이트가 놓여 있을 때, 입력받은 도착 지점으로 이동하는데 최소 몇 번 움직여야 하는지 구하는 것이 목표인 문제입니다. 따라서 나이트의 현재 위치에 따라서 다음 번에 이동할 수 있는 .. 2022. 9. 4. URL 이란?? URL 이해하기! URL은 Uniform Resource Locator의 약자로 웹 상에서 특정한 자원에 대한 주소에 불과합니다. 여기서 말하는 특정 자원은 HTML 페이지, CSS 문서, 이미지 등..이 포함됩니다. URL에 의해 제공되는 자원들과 URL 자체는 Web server에서 처리되므로 해당 리소스와 관련된 URL을 신중하게 관리하는 것이 웹 서버 소유자의 역할입니다. https://developer.mozilla.org https://developer.mozilla.org/en-US/docs/Learn/ https://developer.mozilla.org/en-US/search?q=URL URL의 구성 URL은 몇가지 필수적 사항과 선택적 사항들로 구성됩니다. Scheme Do.. 2022. 9. 3. [JavaScript] Template Literals 정리!! Template literals(템플릿 리터럴)은 ES6(ECMA Script 6)에서 새로 도입된 문자열 표기법입니다. 기존에 사용하는 ' 혹은 " 같은 따옴표 대신에 백틱(backtick, `) 기호를 사용하는 특징을 갖고 있습니다. 템플릿 리터럴은 여러 줄 문자열, 표현식 삽입법, 중첩 템플릿, 문자열 태깅 등 다양한 기능을 제공합니다. 이러한 템플릿 리터럴은 run time 시점에 일반 자바스크립트 문자열로 처리 및 변환된다고 합니다! 😁 Syntax 'string 원래는', "string 이렇게" `string 바꿔서 표현` `문자열 안에 ${place_holder} 삽입 또한 가능하다!` 위와 같이 template literals를 사용합니다. 그냥 기호만 바꿔서 쓰는게 아니라 백틱 기호로 감.. 2022. 9. 2. nodejs에 대한 정리 0. nodejs란??? nodejs 공식 홈페이지에 들어가면 다음과 같이 Node.js를 설명하고 있습니다. node.js는 Chrome v8 JavaScript 엔진으로 빌드된 JavaScript 런타임이라고 합니다. 이 말이 정확하게 무슨 말인지 모르겠어서 모르는 용어를 하나씩 정리해 봤습니다. 1. Chrome v8 JavaScript 엔진 V8은 웹 브라우저를 만들 수 있는 기반을 제공하는 오픈소스 JavaScript 엔진으로 구글 크롬 브라우저와 안드로이드 브라우저에 탑재되어있는 엔진입니다. V8 engine은 C++로 작성되었으며, V8 engine을 이용하여 인터프리터 언어인 JavaScript code를 바이트코드(byte code)로 컴파일한 후 실행하는 방식으로 JavaScript c.. 2022. 9. 2. 이전 1 ··· 21 22 23 24 25 26 27 다음 728x90
