본문 바로가기

반응형

전체 글

[프로그래머스] 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.. 더보기
[CSS] Bem 이란? Bem 은 Block Element Modifier 의 약자이며, CSS 개발 방법론이다. 말 그대로 Block 다음에 Element(내부요소) 다음에 Modifier(기능)순으로 네이밍을 한다는 의미이다. 큰 틀은 article__button--alert 이다. Block은 Header / nav / article / footer 등 block요소를 지칭하는 것이다. Element는 블록 내부에서 실제 기능을 담당하는 요소를 말한다. Modifier는 element의 기능 이나 속성을 지칭한다. 여러 블로그를 보면서 이 방법을 쓰는 이유는 크게 2가지로 생각된다. 1. .lists .list .items .item과 같은 중복 표현을 .list__item 요렇게 간결하게 줄이면서 보기 편하게 만든다는 .. 더보기
[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.. 더보기

반응형