javascript 6

[자바스크립트] 탭 스위쳐(tab switcher) 만들기, 탭 전환 기능 구현하는 법

위와 같이 탭을 눌렀을 때 이에 대응되는 콘텐츠 내용이 변화하는 탭 전환 기능을 순수 자바스크립트를 활용해 만들어보고자 한다. [첫번째 시도] coffee sandwitch juice bagel Americano BLT sandwitch black tea cheese bagel let t1 = document.querySelector('#tab1'); let t2 = document.querySelector('#tab2'); let t3 = document.querySelector('#tab3'); let t4 = document.querySelector('#tab4'); let c1 = document.querySelector('#content1'); let c2 = document.querySelec..

JavaScript 2023.10.29

프로그래머스- 2차원으로 만들기

프로그래머스 레벨 0 Day10에 돌입했다. 2차원 배열은 코딩테스트에 단골로 등장하는 문제이니 만큼 잘 짚고 넘어가는게 중요하겠다. [0,1,2,3,4,5,6,7,8] 에서 slice 메소드를 활용해 n길이 만큼 뽑아내는 것 까지는 성공하였으나, 요소간 중복되지 않고 [[0,1], [2,3], [4,5], [6,7]] 와 같이 뽑아내는데 아래와 같이 어려움을 겪었다. // 시도과정 function solution(num_list, n) { let arr = []; for (let i = 0; i < num_list.length; i++) { arr.push(num_list.slice(i, i + n)); // arr [[1,2], [2,3], [3,4], [4,5], [5,6]...] // 원하는 답:..

프로그래머스-진료 순서 정하기

[배운점] 배열 복사는 스프레드 연산자인 점 까먹지 말기!! - 오답: emergency.sort((a,b) => b-a) - 정답: [...emergency].sort((a,b) => b-a) [indexOf 메소드] arr.indexOf(searchElement[, fromIndex]) - searchElement: 배열에서 찾을 요소 - fromIndex (옵션): 검색을 시작할 인덱스. 이 값을 생략하면 배열의 처음부터 검색을 시작함. [indexOf 예시] const animals = ["cat", "dog", "elephant", "bee", "ant"]; console.log(animals.indexOf("cat")); // 0 console.log(animals.indexOf("elepha..

프로그래머스-짝수 홀수 개수

// 시도과정 function solution(num_list) { var answer = []; for (let i = 0; i < num_list.length; i++) { let even = []; let odd = []; if (num_list[i] % 2 == 0) { console.log('짝수들:', num_list[i]); even.push(num_list[i]); console.log('짝수테스트:', even); } else if (num_list[i] % 2 !== 0) { console.log('홀수들:', num_list[i]); odd.push(num_list[i]); console.log('홀수테스트:', odd); } answer.push(even.length); answer..

프로그래머스-직각삼각형 출력하기

// 정답 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input = []; // input은 빈 배열 rl.on('line', function (line) { // line은 문자 -> "3" input = line.split(' '); // 단어별로 잘라서 배열에 담기 -> [3] }).on('close', function () { let number = Number(input[0]); // "3" -> 3 for( let i = 1; i 문자열만 받는다. 예) "hi".repeat(5) // "hihihihihi"..

프로그래머스-옷 가게 할인 받기

프로그래머스 0단계 문제인 `옷 가게 할인 받기` 문제를 풀어보았다. 부분점수에만 그쳐서 어떤 부분이 문제였는 지를 파악해보았다. // 나의 코드 function solution(price) { let answer= 0; if (price >= 100000) { answer = Math.floor(price * 0.95); } else if (price >= 300000) { answer = Math.floor(price* 0.9); } else (price >= 500000) { answer = Math.floor(price * 0.8); } return answer; } [배운점] 1. 조건의 순서(가격 큰 순서대로) 현재 조건의 순서로 인해 300,000 이상 또는 500,000 이상의 경우에 첫 ..

728x90
LIST