본문 바로가기

javascript7

[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] 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.
vs코드에서 JS 디버깅하기 vscode에서 JS로 코딩공부를 하고 있는데 디버깅을 어떻게 하는지 몰라서 검색을 하게 됐습니다. vs코드에서 js 디버깅 하기를 찾아보면 거의 브라우저를 열면서 하는 법만 나와있더라구요... 조금 더 검색을 하며 찾은 방법을 공유 합니다! 1. 우선 node.js를 설치되어 있어야 합니다. (https://nodejs.org/ko/) 2. ctrl+F5를 눌러 consol.log()를 찍어봅니다. 3. .vscode 폴더에 생성된 launch.json을 열어서 다음과 같이 입력해 줍니다. { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "js 디버깅", "program": "${file}" .. 2021. 5. 8.
[BOJ] 멀티탭 스케줄링(1700) www.acmicpc.net/problem/1700 1700번: 멀티탭 스케줄링 기숙사에서 살고 있는 준규는 한 개의 멀티탭을 이용하고 있다. 준규는 키보드, 헤어드라이기, 핸드폰 충전기, 디지털 카메라 충전기 등 여러 개의 전기용품을 사용하면서 어쩔 수 없이 각종 전 www.acmicpc.net 분류 - 그리디 알고리즘 레벨 - 골드1 문제 기숙사에서 살고 있는 준규는 한 개의 멀티탭을 이용하고 있다. 준규는 키보드, 헤어드라이기, 핸드폰 충전기, 디지털 카메라 충전기 등 여러 개의 전기용품을 사용하면서 어쩔 수 없이 각종 전기용품의 플러그를 뺐다 꽂았다 하는 불편함을 겪고 있다. 그래서 준규는 자신의 생활 패턴을 분석하여, 자기가 사용하고 있는 전기용품의 사용순서를 알아내었고, 이를 기반으로 플러그를.. 2021. 5. 7.
[BOJ]연산자 끼워넣기(14888) www.acmicpc.net/problem/14888 14888번: 연산자 끼워넣기 첫째 줄에 수의 개수 N(2 ≤ N ≤ 11)가 주어진다. 둘째 줄에는 A1, A2, ..., AN이 주어진다. (1 ≤ Ai ≤ 100) 셋째 줄에는 합이 N-1인 4개의 정수가 주어지는데, 차례대로 덧셈(+)의 개수, 뺄셈(-)의 개수, www.acmicpc.net 분류 - DFS 난이도 - 실버1 문제 N개의 수로 이루어진 수열 A1, A2, ..., AN이 주어진다. 또, 수와 수 사이에 끼워넣을 수 있는 N-1개의 연산자가 주어진다. 연산자는 덧셈(+), 뺄셈(-), 곱셈(×), 나눗셈(÷)으로만 이루어져 있다. 우리는 수와 수 사이에 연산자를 하나씩 넣어서, 수식을 하나 만들 수 있다. 이때, 주어진 수의 순서.. 2021. 5. 7.
[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.
VS코드 자바스크립트 실행오류 이번에 코딩테스트를 보려고 준비중인데 자바스크립트만으로 본다고 하여 급하게 자바스크립트의 기본적인 사용법을 익히려고 VS코드에서 자바스크립트를 실행해 보았습니다. 하지만 이렇게 글자가 다 깨져서 뭔소린지도 모르겠는 말과 [Done] exited with code=1 in 0.038 seconds 라는 오류가 뜨네요.. 검색을 동해 찾아본 결과 !! Node js를 깔면 해결 된다네요..;; nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 일단 링크를... 자바스크립트는 한지가 오래됐긴 했는데 시작할때 특별히 설치가 필요했던 것은 없었는데 브라우저에서 지원했던것 같.. 2021. 5. 3.

티스토리툴바