웹 썸네일형 리스트형 [프로그래머스] 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) 문서 객체가 생성되는 방식은 두 가.. 더보기 [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.. 더보기 [VSCode] Prettier - 코드를 깔끔하게 정리하기 Prettier란 무엇인가? Code Formatter으로 vscode에서 extensions로 설치가 가능하다. 주요 내용 setting에서 설정해준 값에 따라 파일을 저장할때 마다 자동으로 수정해준다. 예시) 끝에 세미클론을 안붙이고 저장하면 붙여준다 , 탭의 간격은 2로 조정해준다 등 세팅 방법 1. .prettierrc 에 세팅 - tabWidth : 탭 길이 - useTabs : 탭 사용하면 들여쓰기 - endofLine : 마지막 줄에 줄바꿈 - printWidth : 지정 글자수 이상 자동 줄바꿈 - semi : 세미클론 사용 여부 - singleQuote : 기본 쌍따옴표인데 홑따옴표를 사용할지 여부 2. ctrl + shift + p > open settings(JSON) > 아래와 같이.. 더보기 [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.. 더보기 [프로그래머스] level2. [3차] 방금 그곡 (javascript) 문제 https://programmers.co.kr/learn/courses/30/lessons/17683 나의풀이 처음에 #을 따로 처리해 주면서 만들었는데, 에러가 나서 구글링 시작했다. 다른이의 풀이 참조해서 작성한 코드 참조 : 블로그 프로그래머스 - 방금그곡 (javascript) [2018 카카오공채] velog.io function solution(m, musicinfos) { var answer = []; m = m .replace(/(C#)/g,"c") .replace(/(D#)/g,"d") .replace(/(F#)/g,"f") .replace(/(G#)/g,"g") .replace(/(A#)/g,"a"); // step1. 시간 계산 for(let i = 0 ; i < musicinf.. 더보기 [프로그래머스] level2. 소수 찾기 (javascript) 문제 한자리 숫자가 적힌 종이 조각이 흩어져있습니다. 흩어진 종이 조각을 붙여 소수를 몇 개 만들 수 있는지 알아내려 합니다. 각 종이 조각에 적힌 숫자가 적힌 문자열 numbers가 주어졌을 때, 종이 조각으로 만들 수 있는 소수가 몇 개인지 return 하도록 solution 함수를 완성해주세요. 나의 풀이 function solution(numbers) { var answer = 0; //소수 찾는 함수 function findprime(num){ if(num == 0 || num ==1) return false if (num == 2 || num ==3 ) return true for(let i = 2; i [el]) arr.forEach((fixed,index,origin)=>{ const re.. 더보기 이전 1 2 3 4 ··· 10 다음
