2024/08 21

[JS] 스타일과 클래스

요소에 스타일을 적용할수 있는 방법 CSS에 클래스를 만들고, 요소에 처럼 클래스 추가하기 처럼 프로퍼티를 style에 바로써주기 elem.className클래스 속성값 전체를 바꾸고 싶을때elem.classList개별 클래스를 조작하고 싶을 때 elem.classList에는 add/remove/toggle가 구현되어 있다.elem.classList.add/remove("class") - class를 추가하거나 제거elem.classList.toggle("class") - class가 존재할 경우 class를 제거하고, 그렇지 않은 경우에는 추가elem.classList.contains("class") - class 존재 여부에 따라 true/false를 반환

[JS] 구조 분해 할당

객체 키를 가진 데이터 여러개를 하나의 엔티티에 저장할 때 사용배열 컬렉션에 데이터를 순서대로 저장할 때 사용 구조 분해 할당 객체나 배열을 변수로 '분해'할 수 있게 해주는 특별한 문법 분해는 파괴를 의미하지 x배열 분해하기let arr = ["Bora", "Lee"]let [firstName, surname] = arr;alert(firstNAme); // Boraalert(surname); // Lee 인덱스를 이용해 배열에 접근하지 않아도 변수로 이름과 성을 사용 가능split같은 반환 값이 배열인 메서드를 함께 사용해도 좋음let [firstName, surname] ="Bora Lee".split(' '); 쉼표를 사용해 요소 무시 가능let [firstName, ,title] = ["Juli..

[프로그래머스] 가장 큰 수 찾기 | JS

문제정수 배열 array가 매개변수로 주어질 때, 가장 큰 수와 그 수의 인덱스를 담은 배열을 return 하도록 solution 함수를 완성해보세요.해결 과정function solution(array) { var answer = []; let max = Math.max(...array); answer.push(max); let findIndexNum = array.indexOf(max); answer.push(findIndexNum); return answer;} Math.max()함수를 이용해 가장 큰 수를 찾은 다음 answer에 값을 넣었다.그 뒤 indexOf()를 이용해 인덱스 위치를 찾은 다음 answer에 값을 넣었다.리펙토링function solution(array) { ..

[JS] 문자열

백틱을 사용하면 문자열을 여러 줄 걸쳐 작성 가능let guestList = `손님: * John * Pete * Mary`;\n을 사용하면 작은 따옴표나 큰 따옴표로 여러 줄 문자열 만들 수 있다.let guestList = "손님:\n * John\n * Pete\n * Mary"; 따옴표를 사용할때는 \를 붙여야 한다. 그렇지 않으면 해당 따옴표가 문자열을 닫는 용도로 사용된 것이라 해석할 수 있기에length문자열 길이를 알 수 있는 프로퍼티이다.(함수가 아니기에 ()를 붙일 필요 없다.)str.charAt()을 이용하면 특정 글자에 접근 가능let str = `Hello`;// 첫 번째 글자alert( str[0] ); // Halert( str.charAt(0) ); // Hfor...of를 ..

[프로그래머스] 배열의 유사도 | JS

문제두 배열이 얼마나 유사한지 확인해보려고 합니다. 문자열 배열 s1과 s2가 주어질 때 같은 원소의 개수를 return하도록 solution 함수를 완성해주세요.해결 과정function solution(s1, s2) { var answer = 0; for(let i = 0; i  이중for문을 이용해서 문제를 풀었다. 새롭게 알게된 점function solution(s1, s2) { const intersection = s1.filter((x) => s2.includes(x)); return intersection.length;} filter과 includes를 이용해 문제를 쉽게 풀 수 있당..

[프로그래머스] 암호 해독 | JS

문제군 전략가 머쓱이는 전쟁 중 적군이 다음과 같은 암호 체계를 사용한다는 것을 알아냈습니다.암호화된 문자열 cipher를 주고받습니다.그 문자열에서 code의 배수 번째 글자만 진짜 암호입니다.문자열 cipher와 정수 code가 매개변수로 주어질 때 해독된 암호 문자열을 return하도록 solution 함수를 완성해주세요.해결 과정function solution(cipher, code) { var answer = ''; cipher = cipher.split(''); for(let i=code-1; i 배수로 문제를 해결하려고 했는데 그렇게 접근하면 안되었다. code를 기준으로 for문을 돌려 문제를 해결했다.

[프로그래머스] 369게임 | JS

문제머쓱이는 친구들과 369게임을 하고 있습니다. 369게임은 1부터 숫자를 하나씩 대며 3, 6, 9가 들어가는 숫자는 숫자 대신 3, 6, 9의 개수만큼 박수를 치는 게임입니다. 머쓱이가 말해야하는 숫자 order가 매개변수로 주어질 때, 머쓱이가 쳐야할 박수 횟수를 return 하도록 solution 함수를 완성해보세요.해결 과정function solution(order) { var answer = 0; let count=0; let number = order.toString().replace(/\B(?=(\d{1})+(?!\d))/g, ','); for(let i = 0; i  이 문제를 처음보고 아! 숫자를 3의 배수로 나눠야겠다고 생각했다. order는 숫자가 붙어있기에..

728x90