๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๊ณต๋ถ€๊ด€๋ จ๋ฉ”๋ชจ

5-8์ฃผ์ฐจ ๋ฉ”๋ชจ

by ์ฝ”๋”ฉํ•˜๋Š” ๋ถ•์–ด 2021. 2. 4.
๋ฐ˜์‘ํ˜•

General

Agile ๊ฐœ๋ฐœ๋ฐฉ๋ฒ•๋ก  : ๋ณ€ํ™”๋ฅผ ์ˆ˜์šฉํ•˜๊ณ  ํ˜‘์—…๊ณผ ์ œํ’ˆ์˜ ๋น ๋ฅธ ์ธ๋„๋ฅผ ๊ฐ•์กฐ

Advanced ์›น๋™์ž‘

-SPA : ์‚ฌ์šฉ์ž๊ฐ€ ๋ณด๊ธฐ์—๋Š” ์—ฌ๋Ÿฌ๊ฐœ์˜ HTML๋กœ ๊ตฌ์„ฑ๋œ(์—ฌ๋Ÿฌ ํŽ˜์ด์ง€๋กœ ๊ตฌ์„ฑ๋œ) ํŽ˜์ด์ง€์ด๋‚˜, ์‹ค์ œ HTML์€ ํ•œ ๊ฐœ์ธ ํŽ˜์ด์ง€

-CRS : ํด๋ผ์ด์–ธํŠธ์—์„œ ํŽ˜์ด์ง€๋ฅผ ๋™์ ์œผ๋กœ ๋งŒ๋“ ๋‹ค

-SSR : Server์—์„œ ํŽ˜์ด์ง€๋ฅผ ๋™์ ์œผ๋กœ ๋งŒ๋“ ๋‹ค

Restful API : HTTP์™€ URI ๊ธฐ๋ฐ˜์œผ๋กœ ์ž์›์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋„๋ก ์ œ๊ณตํ•˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ์ธํ„ฐํŽ˜์ด์Šค

AWS

-EC2 : ์„œ๋ฒ„๋กœ ์“ธ ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์„ ํด๋ผ์šฐ๋“œ๋กœ ์ œ๊ณตํ•˜๋Š” ์›น์„œ๋น„์Šค

-RDS : AWS๊ฐ€ ์„œ๋น„์Šคํ•˜๋Š” ๋ถ„์‚ฐ ๊ด€๊ณ„ํ˜• ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค(AWS์—์„œ ๊ด€๋ฆฌ๋ฅผ ๋Œ€ํ–‰)

-Security Group : EC2 ์ธ์Šคํ„ด์Šค์— ์ ์šฉํ•˜๋Š” ๋ฐฉํ™”๋ฒฝ ์„ค์ •

Unit test : ํ”„๋กœ๊ทธ๋žจ์˜ ๊ฐ ๋ถ€๋ถ„์„ ๊ณ ๋ฆฝ์‹œ์ผœ์„œ ๊ฐ๊ฐ์˜ ๋ถ€๋ถ„์ด ์ •ํ™•ํ•˜๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ํ™•์ธํ•˜๋Š” ๊ฒƒ

 

Front-End

create-react-app : react ์›น ๊ฐœ๋ฐœ์šฉ ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ(ํ…œํ”Œ๋ฆฟ)

Sass : CSS์˜ ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ธฐ์œ„ํ•ด ๋งŒ๋“  CSS ์ „์ฒ˜๋ฆฌ๊ธฐ. SASS์—๋Š” sass์™€ SCSS๊ฐ€ ์žˆ๋‹ค

React Router : page ์ž์ฒด๋ฅผ ์ƒˆ๋กœ ๋ถˆ๋Ÿฌ์˜ค๋Š”๊ฒŒ ์•„๋‹Œ ์„ ํƒ๋œ ํŠน์ • ๋ฐ์ดํ„ฐ๋งŒ ํ•˜๋‚˜์˜ ํŽ˜์ด์ง€์—์„œ renderingํ•ด์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

Responsive Web : ๋ฐ˜์‘ํ˜• ์›น

React-Slick : ์Šฌ๋ผ์ด๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

React Native : react ๊ธฐ์ˆ  ๊ธฐ๋ฐ˜์œผ๋กœ ๋ชจ๋ฐ”์ผ ์•ฑ์„ ๊ฐœ๋ฐœํ•˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ

React.js : ์‚ฌ์šฉ์ž์˜ ์กฐ์ž‘์— ๋”ฐ๋ผ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ๋™์ ์œผ๋กœ ๋ณ€ํ™”ํ•˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

-Hooks : ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ์—์„œ Reactstate์™€ ์ƒ๋ช…์ฃผ๊ธฐ ๊ธฐ๋Šฅ์„ '์—ฐ๋™'ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ํ•จ์ˆ˜

-Styled Component : JavaScript ํŒŒ์ผ ๋‚ด์—์„œ CSS๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๋Œ€ํ‘œ์ ์ธ CSS-in-JS ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

-Redux : ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

-์†Œ์…œ ๋กœ๊ทธ์ธ

ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง• : ์›นํŽ˜์ด์ง€ ์ œ์ž‘ ์‹œ์— ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ๊นจ์ง€์ง€ ์•Š๊ณ  ์˜๋„ํ•œ๋Œ€๋กœ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ(ํ˜ธํ™˜์„ฑ) ๋‚˜์˜ค๊ฒŒ ํ•˜๋Š” ์ž‘์—….

๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค rendering ์—”์ง„์ด ๋‹ค๋ฅด๊ธฐ ๋•Œ๋ฌธ

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€