๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€

 (73)
CI/CD : github action no triggered when pushing to branch [์ด์ „ ๊ธ€]2024.07.16 - [๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป dev] - [ turborepo ์„ค์ •] storybook Chromatic CLI ์œผ๋กœ ๋ฐฐํฌํ•˜๋Š” ๋ฒ• [ turborepo ์„ค์ •] storybook Chromatic CLI ์œผ๋กœ ๋ฐฐํฌํ•˜๋Š” ๋ฒ•๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป ํ…Œ์ŠคํŠธ๋กœ ํด๋ฆญํ•˜๋ฉด ๋ฒ„ํŠผ์ƒ‰์ด ๋ฐ”๋€Œ๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ storybook์œผ๋กœ ๋งŒ๋“ค๊ณ , chromatic CLI๋กœ ๋ฐฐํฌํ•ด ๋ณด์ž.๐Ÿงพ ํ•ด๋‹น ํ”„๋กœ์ ํŠธ ์„ค์ •์€ ๋‹ค์Œ์˜ ๋ฒ„์ „๋“ค์„ ๊ธฐ์ค€์œผ๋กœ ์ž‘์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.โœ“ pnpm 9.0.0 โœ“ pyotato-dev.tistory.com ์Šคํ† ๋ฆฌ๋ถ์„ ๋งŒ๋“ค์–ด์„œ chromatic CLI๋กœ ๋ฐฐํฌํ•˜๋Š” ์ž‘์—…์„ ํ–ˆ์—ˆ๋‹ค.์ปดํฌ๋„ŒํŠธ๋“ค์„ ๋งŒ๋“ค๋ ค๊ณ  main ์ž‘์—…์ค‘์ธ ์ปดํฌ๋„ŒํŠธ๋“ค์„ ํ•˜๋‚˜์”ฉ ๋งŒ๋“ค๋ฉด ๋””์ž์ธ ์‹œ์Šคํ…œ์— ํ•ฉ์ณ์ฃผ๊ณ  ์ด๋ฅผ ๋ฉ”์ธ์— ํ•ฉ์ณ์ฃผ๋Š” ๋ฐฉ์‹์ธ๋ฐ, ํ˜„์žฌ๋Š” pr์„ ..
Data Structures & Algorithms with Javascript : Searching Algorithms [์ด์ „๊ธ€] 2024.07.28 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Sorting Algorithms (Advanced) Data Structures & Algorithms with Javascript : Sorting Algorithms (Advanced)2024.07.27 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Sorting Algorithms (basic) Data Structures & Algorithms with Javascript : Sorting Algorithms (..
Data Structures & Algorithms with Javascript : Sorting Algorithms (Advanced) 2024.07.27 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Sorting Algorithms (basic) Data Structures & Algorithms with Javascript : Sorting Algorithms (basic)2024.07.26 - [๐Ÿชฒ debug] - Data Structures & Algorithms with Javascript : Graphs and Graph Algorithms Data Structures & Algorithms with Javascript : Graphs and Graph Algorithms2024.07.25 - [๐Ÿค– data struc..
Data Structures & Algorithms with Javascript : Sorting Algorithms (Basic) 2024.07.26 - [๐Ÿชฒ debug] - Data Structures & Algorithms with Javascript : Graphs and Graph Algorithms Data Structures & Algorithms with Javascript : Graphs and Graph Algorithms2024.07.25 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Binary Trees and Binary Search Trees Data Structures & Algorithms with Javascript : Binary Trees and Binary Search Trees2024.07..
Data Structures & Algorithms with Javascript : Graphs and Graph Algorithms 2024.07.25 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Binary Trees and Binary Search Trees Data Structures & Algorithms with Javascript : Binary Trees and Binary Search Trees2024.07.24 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Sets Data Structures & Algorithms with Javascript : Sets[์ด์ „ ๊ธ€]2024.07.23 - [๐Ÿค– data st..
Data Structures & Algorithms with Javascript : ์ค‘๊ฐ„(?) ์ ๊ฒ€ ๐Ÿช [์ด์ „๊ธ€] 2024.07.25 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Binary Trees and Binary Search Trees Data Structures & Algorithms with Javascript : Binary Trees and Binary Search Trees2024.07.24 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Sets Data Structures & Algorithms with Javascript : Sets[์ด์ „ ๊ธ€]2024.07.23 - [๐Ÿค– d..
Data Structures & Algorithms with Javascript : Binary Trees and Binary Search Trees 2024.07.24 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Sets Data Structures & Algorithms with Javascript : Sets[์ด์ „ ๊ธ€]2024.07.23 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Hashing Data Structures & Algorithms with Javascript : Hashing[์ด์ „ ๊ธ€] 2024.07.22 - [๐Ÿค– data structures & algorithms] - Data Structures & Apyotato..
๋‹คํฌ ๋ชจ๋“œ ๊ตฌํ˜„ (feat. ์œ ์ €/os ์ œ์–ด๊ถŒ ๋„˜๊ธฐ๊ธฐ) ๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป ์–ด๋‘์šด ๋ฐฐ๊ฒฝ์— ๋ฐ์€ ๊ธ€์”จ๋Š” ๋‹คํฌ ๋ชจ๋“œ, ๋ฐ์€ ๋ฐฐ๊ฒฝ์— ์–ด๋‘์šด ๊ธ€์”จ๋Š” ๊ธฐ๋ณธ UI (๋ผ์ดํŠธ ๋ชจ๋“œ)๋กœ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.๐ŸŒ‘ ๋‹คํฌ ๋ชจ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ˆˆ์˜ ํ”ผ๋กœ๋„๋ฅผ ๋‚ฎ์ถœ ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์—์„œ ์ข…์ข… ์ง€์›ํ•˜๋Š” ๊ธฐ๋Šฅ์ด๋‹ค.๐ŸŒ ๋ฐ์€ ์กฐ๋ช… ์•„๋ž˜์—์„œ ๋‹คํฌ๋ชจ๋“œ๋Š” ๊ฐ€๋…์„ฑ์ด ๋–จ์–ด์งˆ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋ผ์ดํŠธ ๋ชจ๋“œ๋„ ์ง€์›ํ•ด ์ฃผ๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.๐ŸŒ“ ๋‹คํฌ/๋ผ์ดํŠธ ๋ชจ๋“œ๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๊ฑฐ๋‚˜ os์˜ ๊ธฐ๋ณธ ์„ค์ •์„ ๋”ฐ๋ผ๊ฐˆ ์ˆ˜ ์žˆ๋‹ค.๐Ÿค” ๊ทผ๋ฐ ์ด๋ ‡๊ฒŒ ์œ ์ €๊ฐ€ ์„ ํƒํ•œ ๋ชจ๋“œ๋ž‘ os์˜ ์„ค์ • ์ค‘ ์–ด๋–ค๊ฒŒ ๋” ์šฐ์„ ์ˆœ์œ„๊ฐ€ ๋†’์•„์•ผ ํ•˜๋‚˜?์˜ค๋Š˜์€ MDN Web Docs์—์„œ ํžŒํŠธ๋ฅผ ์–ป์–ด ๋‹คํฌ/๋ผ์ดํŠธ ๋ชจ๋“œ์— ์šฐ์„ ์ˆœ์œ„๋ฅผ ๋ถ€์—ฌํ•˜๋Š” ๋ฐฉ์‹์— ๋Œ€ํ•ด ์‚ดํŽด๋ณด์ž.   ๊ตฌํ˜„dark/light ๋ชจ๋“œ๋ฅผ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด ์ค€๋น„๋ฌผ๋“ค์„ ๋จผ์ € ์‚ดํŽด๋ณด์ž โ˜‘ useAppTheme.ts ์ปค์Šคํ…€..

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”