DEV 30

[프로그래머스] 비밀 코드 해독

https://school.programmers.co.kr/learn/courses/30/lessons/388352 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr제한사항10 ≤ n ≤ 301 ≤ (q의 길이 = m) ≤ 10q[i]의 길이 = 5q[i]는 i+1번째 시도에서 입력한 5개의 서로 다른 정수를 담고 있으며, 오름차순으로 정렬되어 있습니다.1 ≤ q[i][j] ≤ nans의 길이 = mans[i]는 i+1번째 시도에서 입력한 5개의 정수 중 비밀 코드에 포함된 정수의 개수를 나타냅니다.0 ≤ ans[i] ≤ 5비밀 코드가 존재하지 않는(답이 0인) 경우는 주어지지 않습니다. 처음 문제를 보고..

DEV/코딩테스트 2025.04.10

[프로그래머스] 지게차와 크레인

https://school.programmers.co.kr/learn/courses/30/lessons/388353 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.krrequest가 단일 문자로 올경우 테두리와 붙어있는 요청 문자를 제거하기 때문에 탐색이 필요하다고 생각함 문제에서 주어진 storage로만 이용해서 탐색하기엔 처음 기준이 없다고 생각하여 storage에 테두리를 추가하여 탐색하는 아이디어를 떠올림 두 번 반복된 문자의 요청이 올 경우 간단히 storage를 돌아 replaceAll 해주면 됨 requests의 반복이 진행될 때마다 다시 탐색해야 하기 때문에 반복문 상단에서 탐색 변수 초기화 ..

DEV/코딩테스트 2025.04.08

[프로그래머스] 서버 증설 횟수

https://school.programmers.co.kr/learn/courses/30/lessons/389479 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr제한사항players의 길이 = 240 ≤ players의 원소 ≤ 1,000players[i]는 i시 ~ i+1시 사이의 게임 이용자의 수를 나타냅니다.1 ≤ m ≤ 1,0001 ≤ k ≤ 24 제한사항을 보았을 때 수가 크지 않아 어떤 알고리즘도 채택이 가능하다고 생각했음 문제 예시를 확인하고 서버가 증설됐을 때 시간을 가지고 있는 배열을 통해 현재 서버의 개수를 확인하고 관리할 수 있겠다 생각함 필요한 서버의 개수는 현재 플레이어 수에서 ..

DEV/코딩테스트 2025.04.07

[프로그래머스] 금과 은 운반하기

https://school.programmers.co.kr/learn/courses/30/lessons/86053 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr제한사항0 ≤ a, b ≤ 10^91 ≤ g의 길이 = s의 길이 = w의 길이 = t의 길이 = 도시 개수 ≤ 10^50 ≤ g[i], s[i] ≤ 10^91 ≤ w[i] ≤ 10^21 ≤ t[i] ≤ 10^5a ≤ g의 모든 수의 합b ≤ s의 모든 수의 합 친구와 함께 풀게 되었는데 초기 20분 정도 문제 파악하는데 쓰였음. 제한사항의 범위가 크기 때문에 브루트 포스, dfs, bfs, dp 등은 소거할 수 있었음. 친구는 이분 탐색에 대해..

DEV/코딩테스트 2025.04.05

[craco.js] babel-plugin-styled-components 적용하기

const craco.js에서 babel-plugin-styled-components 적용하기 = ( Param ) => {💻 return Result;// craco.config.js// eslint-disable-next-line no-undefmodule.exports = { plugins: [ // craco를 통한 절대 경로 설정 등 webpack에 적용할 플러그인 정의 // ... ], babel: { plugins: [ // styled-components 플러그인 추가 [ 'babel-plugin-styled-components', { // eslint-disable-next-line no-undef ..

DEV/DevelopSystem 2025.01.28

Magic Number 나만의 정의

Magic Number컴퓨터 프로그래밍에서 **매직 넘버(Magic Number)**는 다음 중 하나를 의미합니다:  - 명확한 설명이 없거나 여러 번 반복되어 나타나는 고유 값으로, (가능하면) 이름이 지정된 상수로 대체될 수 있는 값.  - 파일 형식이나 프로토콜을 식별하는 데 사용되는 고정된 숫자 또는 텍스트 값 (파일과 관련된 내용은 파일 서명 목록을 참조).  - 다른 의미로 오인될 가능성이 적은 독특하고 고유한 값 (예: 전역 고유 식별자, Globally Unique Identifiers).더보기출처: https://en.wikipedia.org/wiki/Magic_number_(programming)ChatGPT를 통해 번역첫 만남 2년간 개발해 왔지만 Magic Number에 대해 알게 ..

DEV/회고록 2024.11.29

[git] 다른 저장소에서 commit 가져오기 (cherry-pick)

const 다른 저장소에서 commit 가져오기 = ( cherry-pick ) => {💻 return Result;# 가져올 커밋이 존재하는 repo 추가$ git remote add # 커밋 해시 확인하기$ git log /# 확인한 커밋 cherry-pick$ git cherry-pick  📝 console.log( history ) 회사 프로젝트 진행 중 기존에 존재하는 프로젝트를 기반으로 다른 프로젝트를 진행해야 할 상황이 생겼다. 두 프로젝트의 공통된 부분이 한쪽 프로젝트에서 진행되면 다른 프로젝트에도 적용해야 하기 때문에 공통부분을 어떻게 업데이트할지 고민했다.  공통된 부분을 기반으로 두 프로젝트를 진행하기 때문에 하나의 git 저장소에서 브랜치를 통해 두 프로젝트를 진행하는 방법이 ..

DEV/DevelopSystem 2024.11.17

[React.js] React-Table getGroupedRowModel() 오류

const React-Table getGroupedRowModel() 오류 = ( Param ) => {💻 return Result;// useReactTable Hook 선언const table = useReactTable({ ... getGroupedRowModel: getGroupedRowModel(), // getGroupedRowModel가 마지막으로 setPagination을 호출하기 때문에 콘솔창에 오류가 발생함 // 따라서 아래와 같이 setPagination을 호출하지 않도록 하면 오류가 사라짐 onPaginationChange: () => undefined, ...}); 출처: https://github.com/TanStack/table/issues/5..

DEV/WebProgramming 2024.09.18

[Vite.js] 모드에 따라 빌드 환경 변수 및 결과 폴더 변경

const 모드에 따라 빌드 환경 변수 및 결과 폴더 변경 = ( Param ) => {💻 return Result;필요 모드에 따라 환경 변수 파일 나누기# .env (기본 환경 변수)# .env를 베이스로 다른 모드의 환경 변수가 덮어 씌워짐VITE_APP_TITLE=DefaultENV# .env.production (빌드시 환경 변수)# .env를 베이스로 빌드시 따로 변경이 필요한 환경변수 정의VITE_APP_TITLE=BuildENV# .env.prod-2 (커스텀 빌드 환경 변수)# .env를 베이스로 prod-2에 대한 환경 변수 적용VITE_APP_TITLE=Prod2ENV 모드에 따라서 빌드 저장 폴더 바꾸기// vite.config.jsimport { defineConfig } fro..

DEV/DevelopSystem 2024.08.13

[Styled-Component] style 태그 내 무한 생성되는 클래스 문제

const style 태그 내 무한 생성되는 클래스 문제 = ( Param ) => {💻 return Result;// top, left 값이 변할 때 마다 클래스 생성됨const MoveImg = styled.img` position: absolute; width: 150px; height: 150px; top: `${props.$top}`px; left: `${props.$left}`px;`// top, left 값이 변해도 클래스가 다시 생성되지 않음const MoveImg = styled.img.attrs( (props) => ({ style: { top: `${props.$top}px`, left: `${pro..

DEV/CSS 2024.08.08