본문 바로가기
반응형

전체 글

[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.. 더보기
[프로그래머스] 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.. 더보기
[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.. 더보기
[프로그래머스] level2. 점프와 순간 이동(javascript) 문제 프로그래머스 나의 풀이 function solution(n) { var ans = 0; while(n > 1){ if ( n % 2 == 0 ){ n = (n/2) } else{ n = n-1 ans++ } } return ans+1; } n에서 2로 나누어 떨어지면 n/2, 아니면 n-1을 해주는 과정을 1이 될때까지 과정을 반복하고, 마지막에 1을 더해주는것으로 정답을 구했다. ( 0에서 1은 점프를 해야되니까) 다른이의 풀이 const nArr = Array.from(n.toString(2));이와 같이 toString을 통해 2진법으로 만들고 1의 갯수를 세어도 정답이다. 더보기
[프로그래머스] level3. 베스트앨범 (javascript) 문제 [https://programmers.co.kr/learn/courses/30/lessons/42579] 코딩테스트 연습 - 베스트앨범 스트리밍 사이트에서 장르 별로 가장 많이 재생된 노래를 두 개씩 모아 베스트 앨범을 출시하려 합니다. 노래는 고유 번호로 구분하며, 노래를 수록하는 기준은 다음과 같습니다. 속한 노래가 programmers.co.kr 나의 풀이 function solution(genres, plays) { var answer = []; let obj = {}; let obj2 = {}; //obj에 장르의 총 재생횟수, obj2에 장르별 모든 [고유번호,재생횟수]를 넣어주었다. for(let i = 0 ; i < genres.length;i++){ if (obj[genres[i]].. 더보기
[프로그래머스] level1. 약수의 개수와 덧셈(javascript) 문제 프로그래머스 코딩테스트 연습 - 약수의 개수와 덧셈 두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주 programmers.co.kr 나의 풀이 function solution(left, right) { var answer = 0; let diff = right - left; function judge(num){ let cnt = 0; for(let i = 0 ; i 더보기
[프로그래머스] 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.. 더보기
반응형

티스토리툴바