Skip to main content

FAQ

info

์—ฌ๋Ÿฌ๋ถ„์€ Telegram chat, Discord community ๊ทธ๋ฆฌ๊ณ  GitHub Discussions์—์„œ ์งˆ๋ฌธ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

toolkit์ด๋‚˜ linter๊ฐ€ ์žˆ๋‚˜์š”?โ€‹

๋„ค! ์šฐ๋ฆฌ๋Š” CLI ๋˜๋Š” IDE๋ฅผ ํ†ตํ•ด ํ”„๋กœ์ ํŠธ์˜ ์•„ํ‚คํ…์ฒ˜์™€ ํด๋” ์ƒ์„ฑ๊ธฐ๋ฅผ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•œ Steiger๋ผ๋Š” linter๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

Where to store the layout/template of pages?โ€‹

์ˆœ์ˆ˜ํ•œ ๋งˆํฌ์—… ๋ ˆ์ด์•„์›ƒ์ด ํ•„์š”ํ•˜๋‹ค๋ฉด shared/ui์— ๋ณด๊ด€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ƒ์œ„ ๊ณ„์ธต์„ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค๋ฉด ๋ช‡ ๊ฐ€์ง€ ์˜ต์…˜์ด ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๋ ˆ์ด์•„์›ƒ์ด ํ•„์š” ์—†์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ ˆ์ด์•„์›ƒ์ด ๋ช‡ ์ค„๋ฐ–์— ์•ˆ ๋œ๋‹ค๋ฉด, ์ถ”์ƒํ™”ํ•˜๋ ค๊ณ  ํ•˜๊ธฐ๋ณด๋‹ค๋Š” ๊ฐ ํŽ˜์ด์ง€์—์„œ ์ฝ”๋“œ๋ฅผ ์ค‘๋ณตํ•˜๋Š” ๊ฒƒ์ด ํ•ฉ๋ฆฌ์ ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋ ˆ์ด์•„์›ƒ์ด ํ•„์š”ํ•˜๋‹ค๋ฉด, ๋ณ„๋„์˜ ์œ„์ ฏ์ด๋‚˜ ํŽ˜์ด์ง€๋กœ ๋งŒ๋“ค๊ณ  App์˜ ๋ผ์šฐํ„ฐ ์„ค์ •์—์„œ ์กฐํ•ฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ค‘์ฒฉ ๋ผ์šฐํŒ…๋„ ๋‹ค๋ฅธ ์˜ต์…˜์ž…๋‹ˆ๋‹ค.

feature์™€ entity์˜ ์ฐจ์ด์ ์ด ๋ฌด์—‡์ธ๊ฐ€์š”?โ€‹

entity๋Š” ์•ฑ์ด ๋‹ค๋ฃจ๋Š” ์‹ค์ œ ๊ฐœ๋…์ž…๋‹ˆ๋‹ค. feature๋Š” ์•ฑ ์‚ฌ์šฉ์ž์—๊ฒŒ ์‹ค์ œ ๊ฐ€์น˜๋ฅผ ์ œ๊ณตํ•˜๋Š” ์ƒํ˜ธ์ž‘์šฉ, ์ฆ‰ ์‚ฌ๋žŒ๋“ค์ด entity๋กœ ํ•˜๊ณ  ์‹ถ์–ดํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋” ์ž์„ธํ•œ ์ •๋ณด์™€ ์˜ˆ์‹œ๋Š” slices ์ฐธ์กฐ ํŽ˜์ด์ง€๋ฅผ ํ™•์ธํ•˜์„ธ์š”.

pages/features/entities๋ฅผ ์„œ๋กœ ํฌํ•จ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‚˜์š”?โ€‹

๋„ค, ํ•˜์ง€๋งŒ ์ด๋Ÿฐ ํฌํ•จ์€ ์ƒ์œ„ ๊ณ„์ธต์—์„œ ์ด๋ฃจ์–ด์ ธ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์œ„์ ฏ ๋‚ด๋ถ€์—์„œ ์—ฌ๋Ÿฌ ๊ธฐ๋Šฅ์„ ๊ฐ€์ ธ์™€์„œ ํ•˜๋‚˜์˜ ๊ธฐ๋Šฅ์„ ๋‹ค๋ฅธ ๊ธฐ๋Šฅ์˜ props/children์œผ๋กœ ์‚ฝ์ž…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•œ ๊ธฐ๋Šฅ์„ ๋‹ค๋ฅธ ๊ธฐ๋Šฅ์—์„œ ๊ฐ€์ ธ์˜ฌ ์ˆ˜๋Š” ์—†์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๊ณ„์ธต์— ๋Œ€ํ•œ ๊ฐ€์ ธ์˜ค๊ธฐ ๊ทœ์น™์— ์˜ํ•ด ๊ธˆ์ง€๋ฉ๋‹ˆ๋‹ค.

์•„ํ† ๋ฏน ๋””์ž์ธ์€ ์–ด๋–ค๊ฐ€์š”?โ€‹

ํ˜„์žฌ ๋ฒ„์ „์˜ ๋ฐฉ๋ฒ•๋ก ์€ Feature-Sliced Design๊ณผ ํ•จ๊ป˜ ์•„ํ† ๋ฏน ๋””์ž์ธ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ์š”๊ตฌํ•˜์ง€๋„, ๊ธˆ์ง€ํ•˜์ง€๋„ ์•Š์Šต๋‹ˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด, ์•„ํ† ๋ฏน ๋””์ž์ธ์€ ๋ชจ๋“ˆ์˜ ui ์„ธ๊ทธ๋จผํŠธ์— ์ž˜ ์ ์šฉ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

FSD์— ๋Œ€ํ•œ ์œ ์šฉํ•œ ๋ฆฌ์†Œ์Šค/๊ธฐ์‚ฌ ๋“ฑ์ด ์žˆ๋‚˜์š”?โ€‹

๋„ค! https://github.com/feature-sliced/awesome ๋ฅผ ์ฐธ์กฐํ•˜์„ธ์š”.

Feature-Sliced Design์ด ์™œ ํ•„์š”ํ•œ๊ฐ€์š”?โ€‹

ํ”„๋กœ์ ํŠธ๋ฅผ ์ฃผ์š” ๊ฐ€์น˜ ์ฐฝ์ถœ ๊ตฌ์„ฑ ์š”์†Œ ์ธก๋ฉด์—์„œ ๋น ๋ฅด๊ฒŒ ๊ฐœ์š”๋ฅผ ํŒŒ์•…ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค. ํ‘œ์ค€ํ™”๋œ ์•„ํ‚คํ…์ฒ˜๋Š” ์˜จ๋ณด๋”ฉ ์†๋„๋ฅผ ๋†’์ด๊ณ  ์ฝ”๋“œ ๊ตฌ์กฐ์— ๋Œ€ํ•œ ๋…ผ์Ÿ์„ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค. FSD๊ฐ€ ๋งŒ๋“ค์–ด์ง„ ์ด์œ ์— ๋Œ€ํ•ด ๋” ์ž์„ธํžˆ ์•Œ์•„๋ณด๋ ค๋ฉด ๋™๊ธฐ ํŽ˜์ด์ง€๋ฅผ ์ฐธ์กฐํ•˜์„ธ์š”.

์ดˆ๋ณด ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์•„ํ‚คํ…์ฒ˜/๋ฐฉ๋ฒ•๋ก ์ด ํ•„์š”ํ•œ๊ฐ€์š”?โ€‹

๊ทธ๋ ‡๋‹ค๊ณ  ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ณดํ†ต ํ•œ ์‚ฌ๋žŒ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  ๊ฐœ๋ฐœํ•  ๋•Œ๋Š” ๋ชจ๋“  ๊ฒƒ์ด ์ˆœ์กฐ๋กญ๊ฒŒ ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ฐœ๋ฐœ์— ์ค‘๋‹จ์ด ์žˆ๊ฑฐ๋‚˜ ์ƒˆ๋กœ์šด ๊ฐœ๋ฐœ์ž๊ฐ€ ํŒ€์— ํ•ฉ๋ฅ˜ํ•˜๋ฉด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค

์ธ์ฆ ์ปจํ…์ŠคํŠธ๋Š” ์–ด๋–ป๊ฒŒ ๋‹ค๋ฃจ๋‚˜์š”?โ€‹

์—ฌ๊ธฐ์—์„œ ๋‹ต๋ณ€ํ–ˆ์Šต๋‹ˆ๋‹ค.