본문 바로가기

프로그래밍 언어/Javascript

 (28)
Javascript) 자식 요소 모두 제거하기 var elem = document.querySelector("#parant-elem") while(elem.hasChildNode()){ elem.removeChild(elem.firstChild) }
Javascript/Jquery) jquery 선택자에서 변수 사용하기 var a = '예시'; $('#'+a)....; $() 내부에 '#' + 변수
Javascript/jquery) LocalStorage를 활용해서 input에 입력한 값 새로고침해도 유지하기 $('#input-form').append("예시 라벨 "); $('#예시아이디').val(getSavedValue('예시아이디')); 위 코드는 input-form 이라는 아이디 값을 가진 객체에 예시 라벨 이런 객체를 추가해주는 코드이다. 여기서 핵심은 onkeyup='saveValue(this); /* input에 입력된 값 로컬스토리지에 저장하기 */ function saveValue(e){ var id = e.id; var val = e.value; localStorage.setItem(id, val); } /* 로컬스토리지에 저장된 값으로 input 채우기 */ function getSavedValue(v){ if(!localStorage.getItem(v)){ // 사용자가 입력하지 않았다면..
[Javascript/프로그래머스] 완전탐색 : 카펫 완전탐색 3. 카펫 문제 설명 Leo는 카펫을 사러 갔다가 아래 그림과 같이 중앙에는 노란색으로 칠해져 있고 테두리 1줄은 갈색으로 칠해져 있는 격자 모양 카펫을 봤습니다. Leo는 집으로 돌아와서 아까 본 카펫의 노란색과 갈색으로 색칠된 격자의 개수는 기억했지만, 전체 카펫의 크기는 기억하지 못했습니다. Leo가 본 카펫에서 갈색 격자의 수 brown, 노란색 격자의 수 yellow가 매개변수로 주어질 때 카펫의 가로, 세로 크기를 순서대로 배열에 담아 return 하도록 solution 함수를 작성해주세요. 입출력 예 brown yello return 10 2 [4, 3] 8 1 [3, 3] 24 24 [8, 6] 제한사항 갈색 격자의 수 brown은 8 이상 5,000 이하인 자연수입니다. 노란색 ..
[Javascript/Codility] Lesson3) Time Complexity : FrogJump [Codility] Lesson3) Time Complexity : FrogJump 문제 한번에 D만큼씩 점프할 수 있는 개구리가 X에서 Y까지 도달하려면 최소 몇 번 점프해야 하는지 구하라. 내가 푼 소스코드 function solution(X,Y,D){ return Math.ceil((Y-X)/D); }
[Javascript/Codility] Lesson2) Array : CyclicRotation [Codility] Lesson2) Array : CyclicRotation 문제 주어진 배열 A의 요소들을 K만큼 로테이션을 돌린 배열을 반환한다. ex) solution([3, 8, 9, 7, 6], 3) >> [3, 8, 9, 7, 6] -> [6, 3, 8, 9, 7] [6, 3, 8, 9, 7] -> [7, 6, 3, 8, 9] [7, 6, 3, 8, 9] -> [9, 7, 6, 3, 8] 내가 푼 소스코드 function solution(A, K) { let arr = A.length==0 ? [] : A; if (arr.length == K){ return arr; } for (let i = 0; i < K; i++){ let tail = arr.pop(); A.unshift(tail); }..
[Javascript/Codility] Lesson 1) Iterations : BinaryGap [Codility] Lesson 1) Iterations : BinaryGap 문제 파라미터로 주어진 정수 N을 이진수로 했을 때, 1 사이의 연속된 0 의 최대 길이를 반환하는 문제이다. 예를 들어 N=9 인 경우, 이진수로 변환하면 1001 이고 1 사이의 연속된 0 의 길이는 2 이다. 그러나 N=8인 경우, 1000에서는 1사이에 있는 0은 없기 때문에 0을 반환해야 한다. 내가 푼 코드 function solution(N) { // 파라미터 바이너리로 바꾸기 const bin = N.toString(2); // 연속된 0의 최대 길이 let result = 0; // 연속된 0의 길이를 임시로 저장할 변수 let gap; // 이진수 처음부터 for 문 돌리기 for (n of bin){ // ..
VScode에서 snippet 사용하기 Snippet 이란 스니펫(Snippet)은 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 일컫는 프로그래밍 용어이다. 사용자가 루틴 편집 조작 중 반복 타이핑을 회피할 수 있게 도와준다. (위키백과) 이번 글에서는 VS code에서 snippet을 사용해서 간단한 키워드 만으로 사용자가 지정한 템플릿을 불러오는 방법을 소개하겠습니다. 1. snippet 코드 만들기 snippet 코드를 만들어주는 페이지입니다. snippet generator Snippet generator for Visual Studio Code, Sublime Text and Atom. Enjoy :-) snippet-generator.app 아래 이미지는 사용 예시입니다. (좌측 상단 왼쪽 칸) Description ...

티스토리툴바