[프로그래머스 | Lv. 1 | JavaScript] 최소직사각형
·
알고리즘/문제
Link최소직사각형 문제풀이(1)/** * 각 명함의 가로, 세로 길이를 비교하여 * - 큰 길이 중에서 가장 크고 * - 작은 길이 중에서 가장 큰 길이 선택 */function solution(sizes) { let minMax = 0; let maxMax = 0; for (let size of sizes) { let w = size[0]; let h = size[1]; minMax = Math.max(minMax, Math.min(w, h)); maxMax = Math.max(maxMax, Math.max(w, h)); } return minMax * maxMax;}
[프로그래머스 | Lv. 1 | JavaScript] 3진법 뒤집기
·
알고리즘/문제
Link코딩테스트 연습 - 3진법 뒤집기 문제풀이(1)function solution(n) { return parseInt(n.toString(3) .split('') .reverse() .join(''), 3); }
[React] 리액트적으로 사고하기(번역)
·
JAVASCRIPT
들어가며[react.dev] LEARN REACT > QUICK START > Thinking in React을 번역하며 정리한 내용입니다. React는 디자인을 바라보는 방식과 앱을 만드는 방식에 변화를 줄 수 있습니다. React로 사용자 인터페이스를 만들 때는 먼저 인터페이스를 컴포넌트라는 조각으로 나눕니다. 그런 다음, 각 컴포넌트의 다양한 시각적 상태를 설명합니다.마지막으로, 데이터를 컴포넌트를 통해 흐르게 하여 컴포넌트를 서로 연결합니다. 이 튜토리얼은 React로 검색 가능한 제품 데이터 테이블을 만드는 과정입니다. JSON data and mockupJSON API에서 받은 데이터와 mockup은 준비되어 있습니다. 이제 이것들을 가지고 React를 통해 UI를 구현할 것입니다.[ { c..
[프로그래머스 | Lv. 1 | JavaScript] 예산
·
알고리즘/문제
Link코딩테스트 연습 - 예산 문제풀이(1)function solution(d, budget) { let answer = 0; d.sort((a, b) => a - b); for (let i = 0; i = d[i]) { budget -= d[i]; answer += 1; } } return answer;}(2)function solution(d, budget) { return d.sort((a, b) => a - b).reduce((acc, val) => (budget -= val) >= 0 ? ++acc : acc, 0);} 주의점numbers.sort((a, b) => a - b)numbers.sor..
[프로그래머스 | Lv. 1 | JavaScript] 이상한 문자 만들기
·
알고리즘/문제
Link코딩테스트 연습 - 이상한 문자 만들기 문제풀이(1)function solution(s) { return s.split(' ').map(item => { return item.split('') .map((value, index) => (index % 2 === 0) ? value.toUpperCase() : value.toLowerCase()) .join(''); }).join(' ');}(2)function solution(s) { return s.split(' ') .map(item => item.split('') .map((value, index..
[프로그래머스 | Lv. 1 | JavaScript]
·
알고리즘/문제
Link코딩테스트 연습 - 같은 숫자는 싫어 문제풀이(1)function solution(arr){ let answer = []; let pointer = 0; answer.push(arr[0]); for (let i = 1; i (2)function solution(arr) { return arr.filter((value, index) => value !== arr[index - 1]);} 주의점if (1 !== arr[-1]) console.log("dd");`arr[-1]` 코드는 에러가 발생하지 않음(그렇다고 요소를 가리키는 것도 아님). 단순히 문자열 "-1"을 가리키려고 한다.
[프로그래머스 | Lv. 1 | JavaScript]
·
알고리즘/문제
Link코딩테스트 연습 - 행렬의 덧셈 문제풀이(1)function solution(arr1, arr2) { let answer = []; let row = arr1.length; let col = arr1[0].length; for (let i = 0; i (2)const solution = (arr1, arr2) => arr1.map((row, i) => row.map((val, j) => val + arr2[i][j]) );
[프로그래머스 | Lv. 1 | JavaScript]
·
알고리즘/문제
Link코딩테스트 연습 - 문자열 다루기 기본 문제풀이(1)function solution(s) { let len = s.length; if (len !== 4 && len !== 6) return false; for (let c of s.split('')) { if ((c >= 'a' && c = 'A' && c (2)function solution(s) { if (s.length !== 4 && s.length !== 6) { return false; } return /^\d+$/.test(s);}
자바스크립트 문자열(String)의 모든 것
·
JAVASCRIPT
문자열의 기본 특성JavaScript에서 문자열은 원시 타입 중 하나이며, 변경 불가능(immutable) 합니다. 즉, 한 번 생성된 문자열을 직접 수정할 수 없고, 수정된 '새로운 문자열'을 만들어서 반환합니다. String 객체와 원시 문자열원시 문자열(primitive string)let str = "Hello";이는 JS 엔진 내부적으로 문자열 리터럴을 저장하며, 상수 풀(String pool)에 캐싱될 수도 있습니다.String 객체let objStr = new String("Hello");이는 래퍼(wrapper) 객체입니다. 원시 문자열에 대해 객체 형태의 프로퍼티와 메서드를 사용할 때 내부적으로 임시 `String` 객체로 감싸주지만, 가급적 직접 `new String(...)` 방식보다..
[프로그래머스 | Lv. 1 | JavaScript] 부족한 금액 계산하기
·
알고리즘/문제
Link코딩테스트 연습 - 부족한 금액 계산하기 문제풀이(1)function solution(price, money, count) { let answer = money - (price * count * (count + 1) / 2); return answer  간단 해설놀이기구를 `count` 번 탈 때 드는 총 비용