본문 바로가기
반응형

자바스크립트

[프로그래머스] level2. 큰 수 만들기 (javascript) 문제 프로그래머스 문제 링크 나의 풀이 처음에 나름 풀이를 해보았는데, test케이스만 통과되고 실제 채점을 전부 실패가 떠서 인터넷 검색을 해서 찾아보았다. 다른이의 풀이 [JS] 프로그래머스 - 큰 수 만들기 1. 문제 설명 2. 제한 조건 3. 입출력 예 4. 나의 풀이 쉽게 생각했다가 큰 코 다친 문제다. 예상치 못했던 테스트 케이스 10에서의 시간 초과는 멘붕 그 자체였다. 그런데 이 문제가 탐욕법이라는 taesung1993.tistory.com 위 블로그에서 가져온 코드입니다 :) 친절한 설명이 필요하시다면 읽어보시는걸 추천드립니다! function solution(number, k) { let stack = []; for(let i = 0 ; i < number.length;i++){ let.. 더보기
[프로그래머스] 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= ".. 더보기
[프로그래머스] level2. 구명보트 (javascript) 문제 프로그래머스 문제 링크 나의 풀이 문제를 제대로 이해하지 못했다. 다른이의 풀이 function solution(people, limit) { var answer = 0; people = people.sort((a,b)=>b-a) for(let i =0, j = people.length-1; i 더보기
[Javascript] Dom 이란? 본 글은 필자가 Dom에 대해 공부하면서 작성한 글 입니다. 요약 위주로 글을 작성하였으므로, 자세한 내용들은 본문 내 링크를 따라 들어가 공부하시면 됩니다 :) [JavaScript] DOM이란 무엇인가? JavaScript를 공부하다보면 브라우저 기반의 여러 객체들에 대해서 듣게 됩니다. 처음부터 이 객체들이 ... blog.naver.com DOM 이란? 문서 객체 모델 / Document Object Model 의 약자. 넓은 의미에서는 웹 브라우저가 HTML을 인식하는 방식, 즉 Document를 Object로 Model(인식하는 방식) 이다. 좁은 의미에서는 document 객체와 관련된 객체의 집합 이다. (ex. document.querySelector) 문서 객체가 생성되는 방식은 두 가.. 더보기
[프로그래머스] level2. [3차] 파일명 정렬 (javascript) 문제 프로그래머스 문제 링크 나의 풀이 function solution(files) { var answer = []; answer = files.sort((a,b)=>{ const first = a.toUpperCase().match(/\D+/gi)[0]; const second = b.toUpperCase().match(/\D+/gi)[0]; if(first !== second){ return (first > second) ? 1 : -1 } return +a.match(/\d+/gi)[0] - (+b.match(/\d+/gi)[0]) }) return answer; } split, match를 정규 표현식으로 활용 가능하다는 부분이 중요했던 것 같다. 너무 복잡하게 생각하지 않고 sort 내 함수로 .. 더보기
[Javascript] npm, npm script , yarn 이 무엇일까? 자세한 내용들은 본문에 첨부된 링크들을 따라 들어가 읽어보는걸 추천 드립니다. npm 이란? [JavaScript] npm이란? npm이란 무엇일까?npm은 Node Packaged Manager의 약자입니다. 무슨 의미인지 한 번 추측을 해볼까요? ... blog.naver.com npm : Node Packaged Manager의 약자 Node -> node.js 를 의미 Packaged -> 말 그대로 node.js에 사용되는 패키지(module) Manager -> 말 그대로 패키지를 `관리`한다 는 의미이다. 요즘은 node.js를 설치되면 npm이 내장되어 (같이 설치되어 ) 제공된다. npm init Node js를 설치하고, 터미널에서 위와 같이 작성하면 npm init과 npm insta.. 더보기
[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.. 더보기
[프로그래머스] level1. 숫자 문자열과 영단어 (javascript) 문제 문제 나의 풀이 function solution(s) { return +s.replace(/zero/g,0) .replace(/one/g,1) .replace(/two/g,2) .replace(/three/g,3) .replace(/four/g,4) .replace(/five/g,5) .replace(/six/g,6) .replace(/seven/g,7) .replace(/eight/g,8) .replace(/nine/g,9) } replace를 이용해서 풀었다. 또한 number형태로 하기위해 앞에 +를 붙여주었다. 다른 풀이 split와 join을 통해 풀수도 있다. 예를들어 let string = "onetwothree" let arr = string.split("one")위 와 같이 하면 a.. 더보기
반응형

티스토리툴바