javascript37

• [코딩테스트 연습]level1. 콜라 문제 https://school.programmers.co.kr/learn/courses/30/lessons/132267 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr while문으로 콜라를 더이상 바꿀 수 없을 때 까지 반복시킴. 나눗셈 사용 시 소숫점이 남아 버렸기 때문에 함수 floor를 사용. function solution(a, b, n) { var answer = 0; // 받을 수 있는 병 수? // a : 줘야 하는 병 수 // b : 돌려주는 병 수 // n : 전체 병 수 while(1){ if(Math.floor(n/a) === 0){ br.. javascript/프로그래머스 2023. 5. 19.

• [코딩테스트 연습] level1. 푸드 파이트 대회 https://school.programmers.co.kr/learn/courses/30/lessons/134240 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 function solution(food) { var answer = '0'; for(let i=food.length; i>0; i--){ let str = i-1; let foodCount = food[i-1]%2==1?(food[i-1]-1)/2:food[i-1]/2; let concatStr =''; for(let j=0; j< foodCount ; j++){ concatStr .. javascript/프로그래머스 2023. 5. 16.

• [코딩테스트 연습] level1. 햄버거 만들기 https://school.programmers.co.kr/learn/courses/30/lessons/133502 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(ingredient) { var answer = 0; for(let i=0 ; i javascript/프로그래머스 2023. 4. 12.

• [코딩테스트 연습] level 1. 카드 뭉치 https://school.programmers.co.kr/learn/courses/30/lessons/159994 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(cards1, cards2, goal) { var answer = ''; for(let goalLength = 0; goalLength < goal.length; goalLength++){ let data = goal[goalLength]; if(cards1.length !== 0 && data === cards1[0]){ cards1.shift(); }else .. javascript/프로그래머스 2023. 4. 3.

• [코딩테스트 연습] level 1. 바탕화면 정리 https://school.programmers.co.kr/learn/courses/30/lessons/161990 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 설명이 길어서 그렇지 내용은 별거 없었다. function solution(wallpaper) { var answer = []; let lux,luy,rdx,rdy = 0; for(let wallpaperLength = 0; wallpaperLength < wallpaper.length; wallpaperLength++){ for(let wallpaperInnerLength = 0; wallpa.. javascript/프로그래머스 2023. 3. 24.

• 

  [JavaScript] html2canvas 로 화면 캡처 후 저장하기 (React) 작성하고 있는 화면을 이미지로 저장하여 관리해야 하는 일이 생겨 구글링을 했는데 html2canvas 라이브러리를 이용하는 경우가 많아 사용해보았습니다. npm 링크 : https://www.npmjs.com/package/html2canvas html2canvas Screenshots with JavaScript. Latest version: 1.4.1, last published: 8 months ago. Start using html2canvas in your project by running `npm i html2canvas`. There are 1679 other projects in the npm registry using html2canvas. www.npmjs.com 먼저 html2canv.. javascript 2022. 9. 21.

• 

  [Javascript] 버블링과 캡처링 버블링(bubbling) 버블링은 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작합니다. 가장 최상단의 조상요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작합니다. HTML 삽입 미리보기할 수 없는 소스 가장 안쪽의 p 태그를 클릭하면 순서대로 다음과 같은 일이 벌어집니다. 1. p 태그에 할당된 onclick 핸들러가 동작합니다. 2. 바깥의 div 태그에 할당된 onclick 핸들러가 동작합니다. 3. 그 바깥의 form 태그에 할당된 onclick 핸들러가 동작합니다. 4. documenet 객체를 만날 때까지, 각 요소에 할당된 onclick 핸들러가 동작합니다. 이런 동작 방식 때문에 p태그 요소를 클릭하면 p > d.. javascript 2022. 7. 20.

• 

  [Javascript] Base64 인코드, 디코드 하는 방법- atob(), btoa() ASCII 값 0부터 31까지의 제어 문자처럼 통신에 사용하면 문제가 발생할 수 있는 데이터를 btoa()로 인코딩해 전송하고, 받는 쪽에서 atob()로 디코딩하면 문제 없이 원래 데이터를 가져올 수 있습니다. atob() atob() 함수는 Base64 인코딩된 문자열 데이터를 디코딩합니다. window.atob(encodedData) 매개변수 endocdeData : base64 인코딩 된 데이터를 받은 이진 문자열입니다. 반환 값 encodedData를 디코딩한 ASCII 문자열 btoa() btoa()함수는 이진 문자열로부터 Base64 인코딩 된 ASCII 문자열을 생성해 반환합니다. window.btoa(stringToEncode) 매개변수 stringToEncode : 인코딩 할 이진 문자.. javascript 2022. 7. 16.

• 

  [Javascript] base64로 인코딩 된 문자열을 ArrayBuffer로 디코딩하기(base64 to array buffer) 다음과 같이 backend에서 byte array를 return 해주었는데 frontend에서 다음과 같이 나타났다. import java.nio.file.*; public class TestClass{ public byte[] getByteArray(Path){ byte[] arrByte = Files.readAllBytes(Path); return arrByte; } } base64로 인코딩이 되어서 array의 형태를 찾을 수 없었다. 구글링을 통해 검색한 결과 javascript에서 디코딩하여 blob 타입으로 만들어 확인할 수 있었다. base64ToArrayBuffer = (base64) => { var binary_string = window.atob(base64); var len = bin.. javascript 2022. 7. 15.

• [코딩테스트 연습]level 1. 로또의 최고 순위와 최저 순위 https://school.programmers.co.kr/learn/courses/30/lessons/77484 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 먼저 로또에 있는0의 숫자를 zeroCount로 주어 갯수를 파악한 뒤, 맞춘 숫자의 갯수를 파악했다. 전부 맞췄을 경우와 로또의 숫자가 전부 0인 경우에 대해서 예외처리를 해 주고, 나머지인 경우를 계산하여 array에 최고, 최저 순위를 push 해 주었다. function solution(lottos, win_nums) { let matches =0; let zeroCount = 0; lot.. javascript/프로그래머스 2022. 7. 8.

• [코딩테스트 연습]level 1. 체육복 https://programmers.co.kr/learn/courses/30/lessons/42862 코딩테스트 연습 - 체육복 점심시간에 도둑이 들어, 일부 학생이 체육복을 도난당했습니다. 다행히 여벌 체육복이 있는 학생이 이들에게 체육복을 빌려주려 합니다. 학생들의 번호는 체격 순으로 매겨져 있어, 바로 앞번 programmers.co.kr function solution(n, lost, reserve) { const students = {}; let answer = 0; for(let i = 1; i students[number] -= 1); reserve.forEach(number => students[number] += 1); for(let i = 1; i = 1){ answer++; } } r.. javascript/프로그래머스 2022. 7. 7.

• [코딩테스트 연습]level 1. 완주하지 못한 선수 - 코드분석 2022.07.04 - [javascript/프로그래머스] - [코딩테스트 연습]level 1. 완주하지 못한 선수 [코딩테스트 연습]level 1. 완주하지 못한 선수 문제 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 sewonzzang.tistory.com 2022.07.04 - [javascript] - [Javascript] Hash(해시) - 해시 테이블(hash table) 구현하기 [Javascript] Hash(해시) - 해시 테이블(hash table) 구현하기 해시란? 해시 함수(hash function)는 에서 얻어지는 값은 임의의 길이의 데.. javascript/프로그래머스 2022. 7. 6.