๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
ํšŒ๊ณ 

๐Ÿ˜ข6์›” 3์ฃผ์ฐจ ํšŒ๊ณ 

by frontChoi 2022. 6. 19.
๋ฐ˜์‘ํ˜•

๐Ÿ˜“์ •์‹ ์—†๋Š” ํ•œ์ฃผ

์ด๋ฒˆ์ฃผ๋Š” ๊ต‰์žฅํžˆ ์œ ์ง€๋ณด์ˆ˜ ๋•Œ๋ฌธ์— ์ •์‹ ์ด ์—†์—ˆ๋‹ค. ๊ธฐ์กด ์•ฑ๋“ค์„ ์œ ์ง€๋ณด์ˆ˜ ํ•˜๊ณ , ์›น ์‚ฌ์ดํŠธ ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ๋“ค์–ด์™€์„œ ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ ์‹ค์‹œ๋ฅผ ๋ชปํ•˜์˜€๋‹ค. ์‚ฌ์‹ค ์—ฌ์œ ์žˆ๊ฒŒ ์ƒˆ ํ”„๋กœ์ ํŠธ์˜ ๊ณตํ†ต ์ปดํผ๋„ŒํŠธ ์ž‘์—…์„ ์‹ค์‹œํ• ๋ ค๊ณ  ํ–ˆ์œผ๋‚˜, ์‹œ๊ฐ„์ด ์—†์–ด์„œ ํ•˜์ง€ ๋ชปํ•˜์˜€๋‹ค.

 

๐ŸŽ๊ณตํ†ต ์ปดํผ๋„ŒํŠธ ์ˆ˜์ •

์ด๋ฒˆ์ฃผ์— ๋ฆฌ๋ทฐ๋ฅผ ํ†ตํ•ด ๊ณตํ†ต์ปดํผ๋„ŒํŠธ ์ค‘ ํ•˜๋‚˜์ธ ํ…Œ์ด๋ธ” ์ปดํผ๋„ŒํŠธ๋ฅผ ๋ฆฌ๋ทฐ ํ•˜์˜€๋‹ค. thead,tbody ๋‘˜๋‹ค ๋™์ ์œผ๋กœ ์ƒ์„ฑํ•˜๊ฒŒ ์š”์ฒญ ๋ฐ css๋ฅผ ์ปค์Šคํ…€ํ•˜๊ฒŒ ์š”์ฒญ์ด ์žˆ์—ˆ๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ ์ฃผ๋ง์— ์ผ์ • ๋ถ€๋ถ„์— ๋Œ€ํ•ด ์ž‘์—…์„ ํ•˜์˜€๋‹ค.๋ฌผ๋ก  ๊ฐœ์ธํ”„๋กœ์ ํŠธ์—์„œ ์ž‘์—…์„ ์‹ค์‹œ ํ•˜์˜€๊ณ , table ์ปดํผ๋„ŒํŠธ์— ๋Œ€ํ•œ ์„ค๋ช…์„ ์ ์–ด์•ผ ํ• ๊ฒƒ๊ฐ™๋‹ค.

 

๐Ÿฅท Ngrx + Rxjs ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ

์ด๋ฒˆ์— Ionic + Angular ์—์„œ Ngrx๋ฅผ ์‚ฌ์šฉํ•˜์˜€์ง€๋งŒ, Ngrx์ค‘์—์„œ Effects๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ๋ชปํ•˜์˜€๋‹ค. ์‚ฌ์‹ค Effects๋ฅผ ๋ง˜์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•˜๊ธฐ๊ฐ€ ์‰ฝ์ง€ ์•Š์•„์„œ์˜€๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ ๊ณต๋ถ€๋ฅผ ํ•ด๋ณผ ์˜ˆ์ •์ด๋‹ค.

 

๐Ÿ˜Ž์ฃผ 2ํšŒ๋Š” ์ฝ”ํ…Œ๋ฅผ ์—ฐ์Šตํ•˜์ž

์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋ฅผ ์—ฐ์Šตํ•˜์ž.. ์–ธ์ œ๊นŒ์ง€ ์—ฌ๊ธฐ์—๋งŒ ์žˆ์„ ์ˆœ ์—†๋‹ค.... ์ด๋ ฅ์„œ๋‚˜ ํ‰์†Œ์— ๊ด€๋ฆฌํ•ด๋ณด๋„๋ก ํ•˜์ž

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€