Skip to content
hodun edited this page Dec 11, 2022 ยท 35 revisions

๐Ÿ’ป ํšŒ์˜์™€ ๊ธฐ๋ก์„ ํ•œ๋ฒˆ์— ๐Ÿ“

๋ฐฐํฌ ์„œ๋ฒ„   |   ๋…ธ์…˜   |   ์œ„ํ‚ค   |   ๋ฐฑ๋กœ๊ทธ   |   ๊ธฐํš์„œ


ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

๋น„๋Œ€๋ฉด ํ™”์ƒ ํšŒ์˜๋ฅผ ์—ฌ๋Ÿฌ ์ฐจ๋ก€ ์ง„ํ–‰ํ•˜๋ฉด์„œ ํŒ€์›๋“ค์ด ๊ณตํ†ต์œผ๋กœ ๋Š๋‚€ ๋ฌธ์ œ์ ๋“ค์ด ์žˆ์—ˆ์–ด์š”.


๐Ÿ’ก ํ•˜๋‚˜์˜ ํ”Œ๋žซํผ์—์„œ ๋งํ•˜๊ณ  ๋˜ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ์œผ๋ฉด ํŽธ๋ฆฌํ•˜์ง€ ์•Š์„๊นŒ

๐Ÿ’ก ๊ณต์œ ๋ณด๋“œ๋ฅผ ์ œ๊ณตํ•ด์„œ ์˜ค๊ฐ€๋Š” ์ด์•ผ๊ธฐ๋“ค์„ ๊ธฐ๋กํ•˜๋„๋ก ์œ ๋„ํ•  ์ˆ˜ ์žˆ์ง€ ์•Š์„๊นŒ

๐Ÿ’ก ํ…์ŠคํŠธ ๊ธฐ๋ฐ˜ ๋ฐœ์ œ๋กœ ๋น„๋””์˜ค/๋ณด์ด์Šค ๊ธฐ๋ฐ˜ ์†Œํ†ต์˜ ์ง„์ž…์žฅ๋ฒฝ์„ ์กฐ๊ธˆ์€ ํ—ˆ๋ฌผ ์ˆ˜ ์žˆ์ง€ ์•Š์„๊นŒ


Wabinar ๋Š” ๋น„๋Œ€๋ฉด ํšŒ์˜ ํ™˜๊ฒฝ์— ๊ธฐ๋ก์ด๋ผ๋Š” ์š”์†Œ๋ฅผ ๋„ฃ์Œ์œผ๋กœ์จ ๋” ์ข‹์€ ํšŒ์˜๋ฅผ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์œผ๋กœ ๊ธฐ๋Œ€ํ•ด์š”.


์ฃผ์š” ๊ธฐ๋Šฅ

๐Ÿค— ์‹ค์‹œ๊ฐ„์œผ๋กœ ํšŒ์˜๋ก ๊ณต๋™ ํŽธ์ง‘ํ•˜๊ธฐ

  • ํšŒ์˜๋ก์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์–ด์š”.
  • ์›Œํฌ์ŠคํŽ˜์ด์Šค ๋ฉค๋ฒ„๋“ค๊ณผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ํšŒ์˜๋ก์„ ํ•จ๊ป˜ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์–ด์š”.

๐Ÿค— ํ™”์ƒํšŒ์˜ํ•˜๊ธฐ

  • ๋ฉ€๋ฆฌ ๋–จ์–ด์ ธ ์žˆ์–ด๋„ ์–ผ๊ตด์„ ๋งˆ์ฃผ๋ณด๋ฉฐ ํšŒ์˜ํ•  ์ˆ˜ ์žˆ์–ด์š”.
  • ์›Œํฌ์ŠคํŽ˜์ด์Šค๋งˆ๋‹ค ํ™”์ƒ ํšŒ์˜ ๊ณต๊ฐ„์ด ํ•˜๋‚˜์”ฉ ์ฃผ์–ด์ ธ์š”.

๐Ÿค— ํ•จ๊ป˜ ํšŒ์˜ํ•˜๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ๋“ค๊ณผ ์›Œํฌ์ŠคํŽ˜์ด์Šค ๋งŒ๋“ค๊ธฐ

  • ์›Œํฌ์ŠคํŽ˜์ด์Šค๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์–ด์š”.
  • ๊ฐ ์›Œํฌ์ŠคํŽ˜์ด์Šค์˜ ๊ณ ์œ  ์ž…์žฅ ์ฝ”๋“œ๋กœ ์›Œํฌ์ŠคํŽ˜์ด์Šค์— ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ์–ด์š”.
  • ์›Œํฌ์ŠคํŽ˜์ด์Šค์—์„œ ๋‚˜๊ฐ€๊ณ  ์‹ถ๋‹ค๋ฉด ํƒˆํ‡ดํ•  ์ˆ˜ ์žˆ์–ด์š”.

๋ฐ๋ชจ ์˜์ƒ


๋ชฉํ‘œ

๐Ÿšฉ ๋ชฉํ‘œ1

๐Ÿšฉ ๋ชฉํ‘œ2

๐Ÿšฉ ๋ชฉํ‘œ3


๊ธฐ์ˆ  ์™ญ๋กœ๊ทธ

์™ญ๋กœ๊ทธ
๐Ÿงฉ Compound Pattern์„ ํ™œ์šฉํ•œ ๋ชจ๋‹ฌ ๋ฆฌํŒฉํ† ๋ง
๐Ÿ—‘ vite์™€ dotenv๋ฅผ ๊ฐ™์ด ์“ฐ์ง€ ๋ชปํ•œ ์ด์œ 
๐Ÿ CI๊ฐ€ ํ†ต๊ณผํ–ˆ๋Š”๋ฐ๋„ ๋ฉ”์ธ ๋ธŒ๋žœ์น˜์—์„œ ๋นŒ๋“œ๊ฐ€ ์‹คํŒจํ•œ ์ด์œ 
๐Ÿ– pm2 serve ์‹คํ–‰์‹œ ๋กœ๊ทธ ๋•Œ๋ฌธ์— ๊ถŒํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋‚ฌ๋˜ ์ด์Šˆ
๐Ÿ‘’ nginx ๋„์ž… ๋ฐฐ๊ฒฝ๊ณผ ์ ์šฉ
๐Ÿง CRDT... ๋„ ์•Œ๊ณ  ์‹ถ์–ด - CRDT ์ ์šฉ๊ธฐ (1)
โœจ CRDT. ๋„ˆ ์™œ๋น„๋‚˜๋ž‘ ๋งŒ๋‚˜๋ณผ๋ž˜? - CRDT ์ ์šฉ๊ธฐ (2)
๐Ÿ“ก WebRTC ๊ธฐ๋ณธ ๊ฐœ๋… ์ •๋ฆฌ
๐Ÿชก ํ•œ๊ธ€ onKeyDown ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌํ•˜๊ธฐ (feat. ์งˆ๋ฌธ ๋ธ”๋Ÿญ)
๐Ÿ˜ต ๋„ค?? Component๋ฅผ memoizationํ•ด๋„ ๋ฆฌ๋ Œ๋”๋ง์ด ๋ฐœ์ƒํ•œ๋‹ค๊ตฌ์š”..?? ๐Ÿ’ฆ (feat. context)

๊ธฐ์ˆ  ์Šคํƒ

category stack

Common

Frontend

Backend

CI/CD

Deployment

Collaboration

ํŒ€ ์†Œ๊ฐœ

์™ญ^^

Wab Logo

์ €ํฌ๋Š” ์™ญ^^ ์ด์—์š”.

์™œ ๋ฅผ ์ž˜ ์•„๋Š” ์›น ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์ž๋Š” ์˜๋ฏธ์˜ˆ์š”.

๊น€์„ธ์˜ ๋ฐฑ๋„ํ›ˆ ์‹ ์ฃผ์˜ ์กฐ์›ํฌ
ํ‡ด๊ทผ๋„ ์ข‹์ง€๋งŒ..^^ ์›ํฌ๋‹˜ ์ฒœ์žฌ์•„๋‹ˆ์—์š”? ๐Ÿซต ๋Šฆ๋Š” ์‚ฌ๋žŒ์ด ์žˆ๋„ค์š”..^^
Clone this wiki locally