전체 글303 [프로그래머스] 점프와 순간이동 https://school.programmers.co.kr/learn/courses/30/lessons/12980 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 0에서 출발하여 주어진 n 값에 도달 (초과가 아닌 n에 도착) 하기 위해 +k 씩 이동하면 k만큼 배터리를 사용하게되고순간이동하여 현재 위치 *2 인 위치로 이동하면 배터리를 사용하지 않는다.최소의 배터리 사용량을 반환하는 함수 *2 할지 +k 할지 어떻게 결정하지?일단 시작할때 +1 씩 하긴 해야하는데 모든 경우의 수를 따져보라는건가? 했는데 도무지 방향을 모르겠어서질문하기 가서 컨닝을 좀 했다. 접근법은 의외로 간단했는데n에서부터 시작하는.. 2025. 3. 21. [프로그래머스] 체육복 https://school.programmers.co.kr/learn/courses/30/lessons/42862 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 설명점심시간에 도둑이 들어, 일부 학생이 체육복을 도난당했습니다. 다행히 여벌 체육복이 있는 학생이 이들에게 체육복을 빌려주려 합니다. 학생들의 번호는 체격 순으로 매겨져 있어, 바로 앞번호의 학생이나 바로 뒷번호의 학생에게만 체육복을 빌려줄 수 있습니다. 예를 들어, 4번 학생은 3번 학생이나 5번 학생에게만 체육복을 빌려줄 수 있습니다. 체육복이 없으면 수업을 들을 수 없기 때문에 체육복을 적절히 빌려 최대한 많은 학생이 체육수업을 들.. 2025. 3. 21. [프로그래머스] 짝지어 제거하기 https://school.programmers.co.kr/learn/courses/30/lessons/12973 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr문제 설명짝지어 제거하기는, 알파벳 소문자로 이루어진 문자열을 가지고 시작합니다. 먼저 문자열에서 같은 알파벳이 2개 붙어 있는 짝을 찾습니다. 그다음, 그 둘을 제거한 뒤, 앞뒤로 문자열을 이어 붙입니다. 이 과정을 반복해서 문자열을 모두 제거한다면 짝지어 제거하기가 종료됩니다. 문자열 S가 주어졌을 때, 짝지어 제거하기를 성공적으로 수행할 수 있는지 반환하는 함수를 완성해 주세요. 성공적으로 수행할 수 있으면 1을, 아닐 경우 0을 리턴해주면.. 2025. 3. 21. [프로그래머스] 숫자의 표현 https://school.programmers.co.kr/learn/courses/30/lessons/12924 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr문제 설명Finn은 요즘 수학공부에 빠져 있습니다. 수학 공부를 하던 Finn은 자연수 n을 연속한 자연수들로 표현 하는 방법이 여러개라는 사실을 알게 되었습니다. 예를들어 15는 다음과 같이 4가지로 표현 할 수 있습니다.1 + 2 + 3 + 4 + 5 = 154 + 5 + 6 = 157 + 8 = 1515 = 15자연수 n이 매개변수로 주어질 때, 연속된 자연수들로 n을 표현하는 방법의 수를 return하는 solution를 완성해주세요.제한.. 2025. 3. 21. 공통 컴포넌트에 ComponentPropsWithoutRef<T> 사용하기 부모로부터 어떤 prop을 전달받아 호출하는 지에 따라 여러가지 모양이나 역할을 하는 컴포넌트를 렌더링할 수 있다. 그렇기때문에 재사용하는 공통 컴포넌트의 경우, 필요한 prop을 누락하지 않도록 해야한다. 그런데 이걸 가능하게 해주는 유틸리티 타입이 있다. !!!ComponentPropsWithoutRef extends를 통해 상속하면 타입변수 T (예시에서는 "button")가 갖고있는 모든 프로퍼티를 prop으로 받을 수 있다. 적용 전 import { ReactNode } from "react";import { buttonStyle } from "./style.css";interface ButtonProps { children: React.ReactNode; variant: "primary" .. 2025. 3. 18. [스토리북] ColorPalette 컬러 팔레트 만들기 스토리북에 컬러 팔레트를 생성하려고 한다. 일반적인 stories.ts | tsx 와 같이 만들면 되려나? 하고 button 스토리 파일을 보다 보니 import type { Meta, StoryObj } from "@storybook/react";import ButtonComponent from "./ButtonComponent";const meta: Meta = { component: ButtonComponent, title: "UI/Button/Variant", argTypes: { ... },};export default meta;type Story = StoryObj;export const Primary_Button: Story = { ... } 그러면 Component가 있어야되네.. 2025. 3. 13. [vanilla-extract] Sprinkles 로 스타일 토큰 만들기 그동안 tailwind CSS 로 4개 정도의 프로젝트를 했었다. 이번 프로젝트에서 바닐라 익스트랙트를 처음 사용하게 되었는데, 테일윈드에 절여질대로 절여진지라 유틸리티 형태로 스타일 코드를 작성하고 싶었다. 예를 들어 marginLeft , marginRight => marginX marginTop, marginBottom => marginY이렇게 한 개 이상의 프로퍼티를 하나의 프로퍼티로 설정할 수 있도록 말이다.테일윈드에서는 mx-[ ], my-[ ] 식으로 제공하고 있다. 이럴때 사용할 수 있는것이 vanilla extract에서 제공하고 있는 sprinkles이다 공식문서에서도 커스텀 유틸리티 클래스를 생성할 수 있다고 설명하고 있다. https://vanilla-extract.style/doc.. 2025. 3. 13. [스토리북] autodocs 개별 스토리에서 해제하기 const config: StorybookConfig = { ... docs: { autodocs: true, },}; 스토리북 main.ts에서 위와 같이 옵션을 추가하여 docs 를 자동으로 생성할 수 있다. 그럼 이렇게 Docs 가 추가된다. https://memoryelim.tistory.com/223 스토리북 (storybook) 기본 사용 방법공통 컴포넌트인 input 컴포넌트의 스토리 코드를 보면서 기본 사용 방법을 정리해보려고 한다.스토리 파일 경로src/app/stories/design-system/components/input/text/input.stories.tsx(next.js app router 기준) 스토리memoryelim.tistory.com 이전에 스토리북을 사용했.. 2025. 3. 13. [스토리북] 에러 TypeError: importers[path] is not a function occurred in monorepo after migrating to v7 TypeError: importers[path] is not a function occurred in monorepo after migrating to v7https://github.com/storybookjs/storybook/issues/22086 [Bug]: TypeError: importers[path] is not a function occurred in monorepo after migrating to v7 · Issue #22086 · storybookjs/stDescribe the bug When using Storybook version 6.5.15 in monorepo with vite, there were no issues. But after migrating to version 7,.. 2025. 3. 13. 이전 1 2 3 4 5 6 ··· 34 다음
