개발

문제 https://school.programmers.co.kr/learn/courses/30/lessons/181836 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 예시를 잘 살펴보면 규칙을 알 수 있다. 배열에 있는 요소당 문자를 k배 해주고 그 줄을 k배 추가해주면 된다. function solution(picture, k) { //가로세로 2배씩 해주면 된다 //한줄 당 k배로 만들고 그 줄을 k배 추가한다 let answer = []; picture.forEach((item) => { const line = [...item].map((ch..

문제 https://school.programmers.co.kr/learn/courses/30/lessons/181830 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 arr의 모든 원소의 길이는 같다는 조건이 있으므로 행과 열이 같은 경우에는 바로 리턴해서 빠져나온다. 그리고 같지 않은 경우에는 그만큼 0을 채워주고, 아예 원소가 없는 경우에는 0으로 다 채워서 넣어준다. function solution(arr) { //행, 열이 같은 경우 if (arr.length === arr[0].length) { return arr; } //같지 않은 경우..

문제 https://school.programmers.co.kr/learn/courses/30/lessons/181858 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 중복을 제거한 다음 다시 배열로 만들어 조건에 맞게 처리해준다. function solution(arr, k) { let answer = []; const set = new Set(arr); const array = [...set]; for (let i = 0; i < k; i++) { answer.push(array[i] !== undefined ? array[i] : -1); } ..

문제 https://school.programmers.co.kr/learn/courses/30/lessons/181923 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 배열을 잘라 조건에 맞게 필터링을 건 후 최소값 넣어준다. function solution(arr, queries) { let answer = []; for (query of queries) { const [s, e, k] = query; const line = arr.slice(s, e + 1).filter((v) => v > k); answer.push(line.length > 0..

문제 https://school.programmers.co.kr/learn/courses/30/lessons/120868 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 해설 function solution(sides) { let answer = []; //오름차순 정렬 const [a, b] = sides.sort((a, b) => a - b); //가장 긴 변이 b인 경우 for (i = b + 1 - a; i b, a가 가장 긴 변일때 a>= c , 두 변의 길이의 합보다 작아야 하니 a = c, a < ..

문제 상황 위의 사진에 적힌 타이틀을 컴포넌트로 사용해서 여러 페이지에 쓰려고 한다. interface ITitle { title: string; color: string; } const Title = ({ title, color }: ITitle) => { return {title}; }; export default Title; 이렇게 동적으로 props 내려서 color 설정해야지 ~ 했는데 웬걸 적용이 안된다. props가 안들어오나? 그건 또 아니다. 개발자 도구로 확인해보면 스타일이 들어온걸 확인할 수 있다. 흠.......뭘까 알아보기 tailwind dynamic classname 라는 키워드로 구글에 검색 알고보니 테일윈드 공식문서에도 나와있는 내용이였다. https://tailwindcs..

문제 https://school.programmers.co.kr/learn/courses/30/lessons/181859 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 특정 결과가 나올때까지 반복 => while문 사용하기 나머지 코드는 조건에 맞게 작성해준다. 최종적으로 빈배열이 되면 [-1]을 리턴해주는 코드를 추가한다. function solution(arr) { let i = 0; let stk = []; while (i < arr.length) { if (stk.length === 0 || stk[stk.length - 1] !== arr[..

문제 https://school.programmers.co.kr/learn/courses/30/lessons/120840 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 해설 공식을 코드로 구현하면 된다. function solution(balls, share) { //팩토리얼 함수 const factorial = (n) => { let result = 1; for (let i = 1; i { // 정수 나누기 연산을 사용 return factorial(n) / (factorial(r) * factorial(n - r)); }; // 정수 값으로 반환되도록..

문제 https://school.programmers.co.kr/learn/courses/30/lessons/181918 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 특정 결과가 도출될때까지 어떤 동작을 반복해야 한다 => 반복문!! 조건에 맞게 반복문을 작성해준다. function solution(arr) { let i = 0; let stk = []; while (i 0 && stk[stk...

모든 파일에서 동일한 텍스트를 한번에 수정하기 파일 전체에서 한 번에 동일한 텍스트를 수정하려면 Ctrl + Shift + H 찾을 텍스트와 변경할 텍스트를 입력한 후 변경 버튼을 클릭하면 된다. 같은 파일 내에서 동일한 텍스트 수정하기 해당 텍스트를 드래그한 후 Ctrl + Shift + L 그리고 텍스트를 수정하면 모든 문구에 입력창이 생겨 한번에 수정할 수 있다. 만약 텍스트를 하나하나 확인하면서 수정해야 한다면 Ctrl + H 찾을 텍스트를 입력한 후 아래에 변경할 텍스트를 적으면 전체 변경/하나씩 변경 둘중에 하나를 택해 수정할 수 있다.