본문 바로가기

반응형

javascript

[프로그래머스] level2. [3차] 압축 (javascript) 문제 프로그래머스 문제 링크 나의 풀이 function solution(msg) { var answer = []; let obj = {}; let arr = "ABCDEFGHIJKLMNOPQRSTUVWXYZ" arr = arr.split(""); for(let i = 0 ; i < arr.length;i++){ obj[arr[i]] = i+1 } let max = 1; for(let i = 0 ; i < msg.length;){ let w = msg[i]; for(let j = 0 ; j < max;j++){ const tmpw = msg.substring(i,i+max-j) if(obj[tmpw]){ w = tmpw break; } } let c = msg[i+w.length]; if (!c) c= ".. 더보기
[Javascript] Dom 이란? 본 글은 필자가 Dom에 대해 공부하면서 작성한 글 입니다. 요약 위주로 글을 작성하였으므로, 자세한 내용들은 본문 내 링크를 따라 들어가 공부하시면 됩니다 :) [JavaScript] DOM이란 무엇인가? JavaScript를 공부하다보면 브라우저 기반의 여러 객체들에 대해서 듣게 됩니다. 처음부터 이 객체들이 ... blog.naver.com DOM 이란? 문서 객체 모델 / Document Object Model 의 약자. 넓은 의미에서는 웹 브라우저가 HTML을 인식하는 방식, 즉 Document를 Object로 Model(인식하는 방식) 이다. 좁은 의미에서는 document 객체와 관련된 객체의 집합 이다. (ex. document.querySelector) 문서 객체가 생성되는 방식은 두 가.. 더보기
[Javascript] AJAX란? ( + XHR란?) AJAX란 무엇인가? AJAX (Asynchronous Javascript And XML) AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequ velog.io [RESTful][ajax]ajax란? XMLHttpRequest사용법 - (1) Ajax를 사용하기 전의 웹이란? Ajax가 등장하기 전에는 웹 브라우저가 데이터를 요청하면 서버는 해당 정보를 "통째"로 보내주게 되었었다. 과거에는 사실 이게 큰 문제가 되지 않았는데 현재 사정 kamang-it.tistory.com 우선 위 글들을 읽고 오는걸 추천한다. 내용 요약 - AJAX : Asynchrono.. 더보기
[Javascript] 간단한 타이머 (w.setInterval,classList) 노마드 코드 영상을 보고 setinterval을 배우고 타이머도 만들 수 있을 것 같아서 만들어보았다. setinterval 관련 글 html 10:00 timer 위와 같이 추가해주었다. timer.js 변수 const timerContaniner = document.querySelector(".js-timer"), timerclock = timerContaniner.querySelector("h1"), timerBtn = timerContaniner.querySelector("button"); html의 요소들을 querySelector를 통해 가져왔다. const CLICKEDTIMER = "clickedTimer"; const INITTIME = timerclock.innerText; 또한, re.. 더보기
[Javascript] 함수 setInterval() 이 글은 노마드 코드 영상을 보고 배운 것을 정리한 글입니다. 노마드 코더 영상 링크 setInterval() 형식 : setInterval(fn,millisecond) 함수를 일정 시간마다 실행시켜주는 함수이다. 예시 - clock //HTML 에서 쓰여질 곳을 가져옴 const clockContainer = document.querySelector(".js-clock"), clockTitle = clockContainer.querySelector("h1"); // 시간 함수 function getTime(){ const date = new Date(); const minutes = date.getMinutes(); const hours = date.getHours(); const seconds = d.. 더보기

반응형