///
Search
๐Ÿ˜€

20220413 ์ˆ˜

Tags
ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ ๋…ผ์˜
global css
์Šคํ† ์–ด ํ™ˆ
Nx
ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์„ค์ •
4 more properties

์˜ค๋Š˜ ์—…๋ฌด

โ€ข
ย [ํšŒ์˜] ํ”„๋ก ํŠธ ํ”„๋กœ์ ํŠธ ์„ธ๋ถ€ ๊ตฌ์กฐ ๋…ผ์˜ (10:30~)
โ€ข
ย [๊ฐœ๋ฐœ] ์ฝ”๋“œ๋ฆฌ๋ทฐ
โ€ข
ย [ํšŒ์˜] global css ๋…ผ์˜
โ€ข
ย [๊ธฐํƒ€] ์—๋””ํ„ฐ ๊ธฐํš ์ง„ํ–‰์‚ฌํ•ญ ํ™•์ธ
โ€ข
ย [๊ฐœ๋ฐœ] ์Šคํ† ์–ด ํ™ˆ ์ž‘์—…
โ€ข
ย [๊ฐœ๋ฐœ] ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์„ค์ •
โ€ข
ย [๊ฐœ๋ฐœ] ์ƒํ’ˆ ์Šคํ‚ค๋งˆ ๋ฆฌ๋ทฐ

์˜ค๋Š˜ ์„ฑ์žฅ

โ€ข
Nx ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์„ธํŒ…
โ—ฆ
root์™€ app์— ๋‚˜๋ˆ ์„œ ๋‘๊ฒŒ๋” ์•ˆ๋‚ด๋œ ๊ฒƒ์ด ์ธ์ƒ๊นŠ์—ˆ๋‹ค. ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ ์„ค๊ณ„๋„ ๊ทธ๋ ‡๊ณ , ์–ด๋–ป๊ฒŒ ํ•˜์ง€ ๊ณ ๋ฏผํ•˜๋Š” ๋ถ€๋ถ„์ด ๋ฌธ์„œ์— ์ž˜ ๋‚˜์™€์žˆ์–ด์„œ ๋˜๊ฒŒ ๋งŽ์ด ๊ณ ๋ คํ•˜๋ฉด์„œ ๋งŒ๋“  ํ”„๋ ˆ์ž„์›Œํฌ๋ผ๋Š” ๋Š๋‚Œ์ด ๋“ ๋‹ค.
โ–ช
root์—๋Š” nx cloud token ๊ณผ ๊ฐ™์ด ํ”„๋กœ์ ํŠธ ์ „์ฒด์—์„œ ์‚ฌ์šฉํ•  ํ™˜๊ฒฝ๋ณ€์ˆ˜๋ฅผ ๋‘”๋‹ค.
โ–ช
app์—๋Š” ๊ฐ app์— ํ•„์š”ํ•œ ํ™˜๊ฒฝ๋ณ€์ˆ˜๋ฅผ ๋‘”๋‹ค.
โ—ฆ
NX_ ๋กœ ์‹œ์ž‘ํ•˜๊ฒŒ ํ™˜๊ฒฝ๋ณ€์ˆ˜๋ฅผ ๋งŒ๋“ค๋ฉด root์˜ .env ํŒŒ์ผ์—์„œ ์šฐ์„  ๊ฒ€์ƒ‰ํ•˜๊ณ , ์žˆ์œผ๋ฉด ๊ทธ๊ฑธ ์‚ฌ์šฉํ•˜๊ณ  ์—†์œผ๋ฉด ํ•˜์œ„ app์˜ .env ํŒŒ์ผ์„ ๊ฒ€์ƒ‰ํ•œ๋‹ค.
โ–ช
nextjs์˜ NEXT_PUBLIC_ , CRA์˜ REACT_APP_ prefix ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์•„๋„ ๋œ๋‹ค. โ†’ ๋ ˆํฌ ๋‚ด ํ”„๋กœ์ ํŠธ์˜ ์Šคํƒ์ด ์ œ๊ฐ๊ฐ ๋‹ค๋ฅด๋”๋ผ๋„ ํ™˜๊ฒฝ๋ณ€์ˆ˜์˜ ๊ด€๋ฆฌ๊ฐ€ ์‰ฝ๋‹ค.
โ—ฆ
ํ™˜๊ฒฝ ๋ณ„๋กœ serve ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” project.json ์˜ configurations ์„ค์ •์„ ์ถ”๊ฐ€ํ•˜๋ฉด ๋œ๋‹ค.

์˜ค๋Š˜ ํšŒ๊ณ 

โ€ข
urql, apollo ๋ฌธ์„œ ์ข€ ์ฝ์–ด๋ด์•ผ ํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์ด ์•ˆ ๋‚˜์„œ ์ž๊พธ ๋ฏธ๋ค„์ง„๋‹ค

โ€ข
๊ณต๋ถ€ํ•  ๊ฒƒ๋„ ์ง„์งœ ๋งŽ๊ณ , ์—…๋ฌด์ ์œผ๋กœ ๋ด์•ผํ•  ๊ฒƒ, ์ž‘์—…ํ•ด์•ผ ํ•  ๊ฒƒ๋„ ์ง„์งœ ๋งŽ๋‹ค! ์—…๋ฌด์‹œ๊ฐ„์— ๋‚˜๋ฆ„ ์—ด์‹ฌํžˆ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š”๋ฐ ํšจ์œจ์ด ์•ˆ ์ข‹์€ ๊ฑด์ง€, ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์ด๋‚˜ ๊ธฐํƒ€ ์‹œ๊ฐ„๋“ค์ด ๋งŽ์•„์„œ ๊ทธ๋Ÿฐ ๊ฑด์ง€ ํ•  ๊ฒŒ ์ž”๋œฉ ์Œ“์ธ ๋Š๋‚Œ์ด๋‹ค. ํ•˜๋‚˜์”ฉ ํ•ด๊ฒฐํ•ด๋‚˜๊ฐ€๋Š” ์žฌ๋ฏธ๋„ ์žˆ๊ณ , ์ง€๊ธˆ ๋ชจ๋ฅด๋Š” ๊ฒƒ๋“ค์„ ๋‹ค ์ดํ•ดํ•˜๊ณ  ์ž˜ ์“ฐ๊ฒŒ ๋˜์—ˆ์„ ๋•Œ ๋˜๊ฒŒ ๋ฟŒ๋“ฏํ•  ๊ฒƒ ๊ฐ™๋‹ค. ๋Š๋ฆฌ์ง€๋งŒ ์ฐจ๊ทผ์ฐจ๊ทผ ์—ด์‹ฌํžˆ ํ•ด๋ด์•ผ์ง€.
โ€ข
obsidian,, ์š”๋ฉฐ์น ์€ ๊ฑฐ์˜ ๋ฉ”๋ชจ์žฅ์ฒ˜๋Ÿผ ํœ˜๊ฐˆ๊ฒจ์“ฐ๋Š” ์šฉ๋„๋กœ๋งŒ ์“ฐ๊ณ  ์žˆ๋Š”๋ฐ, ์Šคํƒ€์ผ ์ปค์Šคํ…€์„ ์•ˆํ•ด์„œ ๊ทธ๋Ÿฐ์ง€ ์ฝ๊ธฐ ๋ถˆํŽธํ•˜๋‹ค. ๊ทธ๋ž˜ํ”„ ๊ธฐ๋Šฅ๋„ ์ž˜ ์•ˆ ์“ฐ๊ฒŒ ๋˜๊ณ , ๋ชจ์•„๋ณด๋Š” ๊ฒƒ๋„ ์ž˜ ์•ˆ ํ•˜๊ฒŒ ๋˜์„œ ์ด๋Ÿด ๊ฑฐ๋ฉด ๋…ธ์…˜ ์“ฐ๋Š” ๊ฒŒ ๋‚ซ๋‚˜ ๊ณ ๋ฏผ,,