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

์ „์ฒด ๊ธ€

 (72)
Data Structures & Algorithms with Javascript : Lists [์ด์ „๊ธ€] 2024.07.17 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript : Arrays Data Structures & Algorithms with Javascript : Arrays2024.07.17 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript Data Structures & Algorithms with Javascript : Intro๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป Data Structures & Algorithms with Javascript๋ฅผ ์ถ”์ฒœ๋ฐ›์•„์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋‹คpyotato-dev.tistory.c..
Data Structures & Algorithms with Javascript : Arrays 2024.07.17 - [๐Ÿค– data structures & algorithms] - Data Structures & Algorithms with Javascript Data Structures & Algorithms with Javascript : Intro๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป Data Structures & Algorithms with Javascript๋ฅผ ์ถ”์ฒœ๋ฐ›์•„์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋‹ค์Œ์˜ ์ž๋ฃŒ ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜์— ๋Œ€ํ•ด ์‚ดํŽด๋ณด๊ณ  ํ•ด๋‹น ๋‚ด์šฉ์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค.์•ž์œผ๋กœ์˜ ํฌ์ŠคํŒ…์ด ๋‹ค๋ฃฐ ๋‚ด์šฉpyotato-dev.tistory.com์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ ๊ฐ€์žฅ ์ต์ˆ™ํ•œ ์ž๋ฃŒ๊ตฌ์กฐ๋ผ๋ฉด "Array"๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค.๋ชจ๋“  ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋Š” ์–ด๋–ค ํ˜•ํƒœ๋กœ๋“  array๋ฅผ ๋‚ด์žฅํ•˜๊ณ  ์žˆ๋‹ค.Array๊ฐ€ built-in์ด๊ธฐ ๋•Œ๋ฌธ์— ..
Data Structures & Algorithms with Javascript : Intro ๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป Data Structures & Algorithms with Javascript๋ฅผ ์ถ”์ฒœ๋ฐ›์•„์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋‹ค์Œ์˜ ์ž๋ฃŒ ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜์— ๋Œ€ํ•ด ์‚ดํŽด๋ณด๊ณ  ํ•ด๋‹น ๋‚ด์šฉ์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค.์•ž์œผ๋กœ์˜ ํฌ์ŠคํŒ…์ด ๋‹ค๋ฃฐ ๋‚ด์šฉ์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค : 1. ๊ฐ€์žฅ ๊ธฐ๋ณธ ์ž๋ฃŒ ๊ตฌ์กฐ์ธ Array ์™€ Lists2. list์™€ ๋น„์Šทํ•˜์ง€๋งŒ ์ข€ ๋” ๋ณต์žกํ•œ ์ž๋ฃŒ ๊ตฌ์กฐ์ธ Stack๊ณผ queue3. array์˜ ๋‹จ์ ์„ ๊ทน๋ณตํ•œ linked list4. ๋ฐ์ดํ„ฐ๋ฅผ ํ‚ค-๊ฐ’ ์ง์œผ๋กœ ์ €์žฅํ•˜๋Š” Dictionary5. ๋น ๋ฅธ ์‚ฝ์ž…๊ณผ ๊ฒ€์ƒ‰์ด ๊ฐ€๋Šฅํ•œ Hashing6. ์š”์†Œ๊ฐ€ ์œ ์ผํ•œ ๋ฐ์ดํ„ฐ ์ง‘ํ•ฉ์„ ์ €์žฅํ•  ๋•Œ ์œ ์šฉํ•œ Set7. ๊ณ„์ธต ๊ตฌ์กฐ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” Binary Tree(๐Ÿช ํšŒ๊ณ  ๊ฒธ ์ค‘๊ฐ„ ์ ๊ฒ€)8. ๋„คํŠธ์›Œํฌ ๋ชจ๋ธ๋ง์— ์ตœ์ ์ธ Gr..
[ turborepo ์„ค์ •] storybook Chromatic CLI ์œผ๋กœ ๋ฐฐํฌํ•˜๋Š” ๋ฒ• ๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป ํ…Œ์ŠคํŠธ๋กœ ํด๋ฆญํ•˜๋ฉด ๋ฒ„ํŠผ์ƒ‰์ด ๋ฐ”๋€Œ๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ storybook์œผ๋กœ ๋งŒ๋“ค๊ณ , chromatic CLI๋กœ ๋ฐฐํฌํ•ด ๋ณด์ž.๐Ÿงพ ํ•ด๋‹น ํ”„๋กœ์ ํŠธ ์„ค์ •์€ ๋‹ค์Œ์˜ ๋ฒ„์ „๋“ค์„ ๊ธฐ์ค€์œผ๋กœ ์ž‘์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.โœ“ pnpm 9.0.0 โœ“ node >= 20โœ“ next 14.2.4โœ“ react ^18โœ“ chormatic ^11.5.5โœ“ storybook ^8.2.2[์ด์ „๊ธ€] 2024.07.11 - [๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป dev] - [turboRepo scss] Cannot find module './mybutton.module.scss' or its corresponding type declarations.ts(2307) [turboRepo scss] Cannot find module './mybutton.module.scss..
ReferenceError: __dirname is not defined in ES module scope 2024.06.26 - [๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป dev] - ๋ชจ๋“ˆ ์‹œ์Šคํ…œ์—์„œ ๋ชจ๋“ˆ ์‹œ์Šคํ…œ์ด ๋ฌด์—‡์ธ์ง€, ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๊ณ , ์žฅ๋‹จ์ ๋“ค์„ ์‚ดํŽด๋ดค๋‹ค. ๋ชจ๋“ˆ ์‹œ์Šคํ…œ๐Ÿ—ฃ๏ธ import๊ณผ require์˜ ์ฐจ์ด๋ฅผ ์•Œ๊ณ  ๊ณ„์‹œ๋‚˜์š”?  ๐Ÿค” ๋…ธ๋“œ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” require ๋งŽ์ด ๋ณธ ๊ฑฐ ๊ฐ™๊ณ , react์—์„œ  import ๋งŽ์ด ์ผ๋˜ ๊ฑฐ ๊ฐ™์€๋ฐ? import๊ณผ require์— ๋Œ€ํ•ด ์•Œ๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ชจ๋“ˆ ์‹œ์Šคํ…œ์ด๋ผ๋Š” ๊ฒƒpyotato-dev.tistory.com๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป ์˜ค๋Š˜์€ turborepo๋กœ nextjs์— sass๋กœ ์Šคํƒ€์ผ๋งํ•˜๊ธฐ ์œ„ํ•ด scss์„ next.config.mjs์— ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด์ž. sass ๊ฐ€ ๋ชจ๋…ธ๋ ˆํฌ์— ์ž˜ ๋Œ์•„๊ฐ€๊ธฐ ์œ„ํ•ด์„œ๋Š” sass compiler ์„ค์ •์„ ํ•ด์ค˜์•ผ ํ•œ๋‹ค.nextjs ๊ฐœ๋ฐœ ๋ฌธ์„œ์— ๋‚˜์˜จ ๋Œ€๋กœ ..
[spotify-api] VINYLIFY : ์Šคํฌํ‹ฐํŒŒ์ด apiํ™œ์šฉํ•œ ๊ฒ€์ƒ‰ + ์žฌ์ƒ ํ”„๋กœ์ ํŠธ(n+1) vercel ๋ฐฐํฌ vite.config.ts ์ ์šฉ ์•ˆ๋˜๋Š” ๋ฌธ์ œ ์ด์ „ ๊ธ€ : 2024.07.12 - [๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป dev] - [spotify-api] VINYLIFY : ์Šคํฌํ‹ฐํŒŒ์ด apiํ™œ์šฉํ•œ ๊ฒ€์ƒ‰ + ์žฌ์ƒ ํ”„๋กœ์ ํŠธ(n) ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ react-infinite-scroll๊ณผ useInfiniteQuery๋กœ ๋ฌดํ•œ ์Šคํฌ๋กค ๊ตฌํ˜„ํ•˜๊ธฐ [spotify-api] VINYLIFY : ์Šคํฌํ‹ฐํŒŒ์ด apiํ™œ์šฉํ•œ ๊ฒ€์ƒ‰ + ์žฌ์ƒ ํ”„๋กœ์ ํŠธ(n)๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ react-infinite-scroll๊ณผ useI๐Ÿ˜… ๋“œ๋””์–ด 2๋‹ฌ(?) ์ •๋„ ๊ธด ๊ธฐ๊ฐ„ ๋™์•ˆ ์ง„ํ–‰ํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ๊ฐ€ ์ง„์งœ ๋์„ ๋ฐ”๋ผ๋ณด๊ณ  ์žˆ๋Š” ๋Š๋‚Œ! ๐Ÿฅณ ์ •๋ฆฌํ•ด์„œ ํ•œ๋ฒˆ์— ์˜ฌ๋ฆฌ๋ ค๋‹ค๊ฐ€ ์ถ•ํ•˜ ๊ธฐ๋…(?)์œผ๋กœ ์˜ค๋Š˜ ๋”ฐ๋ˆํ•˜๊ฒŒ ๋๋‚ธ react-infinite-scroll+ useInfiniteQuery๋ฌดpyotato-dev.tistory.com ๐Ÿฅณ ๋“œ๋””์–ด..
Parsing error: ESLint was configured to run on `<tsconfigRootDir>/xxx` using `parserOptions.project`: /yyy/tsconfig.lint.json However, that TSConfig does not include this file ๋ชจ๋…ธ๋ ˆํฌ ๋ ˆํฌ์ง€ํ„ฐ๋ฆฌ ๊ตฌ์กฐ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค..github.huskyapps    ใ„ด storybook    ใ„ด webpackages    ใ„ด design-system         ใ„ด .turbo         ใ„ด dist         ใ„ด node_modules         ใ„ด src         ใ„ด turbo         ใ„ด  typings         ใ„ด eslintrc.cjs         ใ„ด package.json         ใ„ด tsconfig.json         ใ„ด tsconfig.lint.json    ใ„ด eslint-config    ใ„ด typescript-configpackage.jsonpnpm-lock.yaml.npmrc// ...์ƒ๋žต ๋ชจ๋…ธ๋ ˆํฌ๋กœ ํŒŒ์ผ์„ ๊ตฌ์„ฑํ•˜๊ณ  ์žˆ์—ˆ๊ณ , hu..
โš›๏ธ ๋ฆฌ์•กํŠธ ๋ Œ๋”๋ง์€ ์–ด๋–ป๊ฒŒ ์ผ์–ด๋‚˜๋Š”๊ฐ€? ์ด์ „๊ธ€ : 2024.07.11 - [๐Ÿคฟ modern react deep dive] - โš›๏ธ ๊ฐ€์ƒ๋”๊ณผ ๋ฆฌ์•กํŠธ ํŒŒ์ด๋ฒ„ โš›๏ธ ๊ฐ€์ƒ๋”๊ณผ ๋ฆฌ์•กํŠธ ํŒŒ์ด๋ฒ„๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป ์˜ค๋Š˜ ๋‹ค๋ฃฐ ๋‚ด์šฉ- ๊ฐ€์ƒ๋”์ด๋ž€? (feat.  DOM์ด๋ž€? ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ •)- ๊ฐ€์ƒ๋” ๋งŒ๋“œ๋Š” ๊ณผ์ • (feat. react fiber, ํŒŒ์ด๋ฒ„ ํŠธ๋ฆฌ์™€ ๋”๋ธ” ๋ฒ„ํผ๋ง)- ๋ฆฌ์•กํŠธ ํŒŒ์ด๋ฒ„์˜ ์ฃผ์š”ํ•œ ์†์„ฑ๋“คDOM ์ด๋ž€? ๊ฐ€์ƒ๋”pyotato-dev.tistory.com๐Ÿ–ฅ๏ธ ๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง์€ HTML๊ณผ CSS๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์›นํŽ˜์ด์ง€์— ํ•„์š”ํ•œ UI๋ฅผ ๊ทธ๋ฆฌ๋Š” ๊ณผ์ •์ด๋‹ค.๐Ÿค” ๋ฆฌ์•กํŠธ์—์„œ ๋ Œ๋”๋ง์˜ ๊ฐœ๋…์€ ๋ญ๊ฐ€ ๋‹ค๋ฅผ๊นŒ?๐Ÿ’ก์˜ค๋Š˜์€ ๋ฆฌ์•กํŠธ์—์„œ ๋ Œ๋”๋ง์ด ๋ฌด์—‡์ธ์ง€, ๋ฐœ์ƒ ์กฐ๊ฑด์ด ๋ญ”์ง€ ๊ทธ๋ฆฌ๊ณ  ๋žœ๋”๋ง ๊ณผ์ •์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. ๋ฆฌ์•กํŠธ์—์„œ ๋ Œ๋”๋ง์ด๋ž€?๋ฆฌ์•กํŠธ์—์„œ ๋ Œ๋”๋ง์€ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ Œ๋”๋ง์—..

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