-
Step by step Guide ... 2019๊ธฐํ 2019. 4. 14. 21:48
Step by step Guide to becoming a Web developer in 2019
์๋ ํ์ธ์.
Jerry์ ๊ณต๋ถ๋ฐฉ์์ Jerry๋ฅผ ๋งก๊ณ ์๋ Jerry์ ๋๋ค.(์?)์ฌ๋ฌ ์น๊ฐ๋ฐ ๊ด๋ จํ ๋ธ๋ก๊ทธ์ ์ ํ๋ธ๋ฅผ ์ฌ์ฌ์ฐฎ๊ฒ ๋ณด๋ ์ค, ์ฌ ํด ๋ฐฐ์์ผํ ๊ฒ๋ค์ ๋จ๊ณ๋ณ๋ก ๋ํ๋ธ ์ข์ ์ปจํ ์ธ ๊ฐ ์์ด ๊ณต์ ํ๊ณ ์ถ์ ๋ง์์ ์๊ธฐ๊ฐ ์กฐ๊ธ ๋ฆ์์ง๋ง ํฌ์คํ ํ๊ฒ ๋์์ต๋๋ค.
์ด ๋ฆฌ์คํธ๋ค์ ์ฌ ํด ์์ All Clearํ๊ธด ํ๋ค๊ฒ ์ง๋ง ์กฐ๊ธํ ๋ง์์ ์ ์ ๋ค๋ก ํ ์ฑ ํ Step์ฉ Step by step์ผ๋ก ๋์๊ฐ๋ฉฐ ํฌ์คํ ์ ๊ฐ์ด ํ๋ค๋ฉด ํ๋ ์ ์์คํ ์์ฐ์ด ๋ ๊ฒ ๊ฐ์ต๋๋ค.
๊ฐ์์ ์ด๋ฐ๊ฐ ๋ค์ ํ๊ธฐ๋ก ํ๊ณ ์ด ํฌ์คํ ์ ์ค์ํ ๋ถ๋ถ์ ์ฐจ์งํ๋ ๋ฆฌ์คํธ๋ฅผ ํ ๋ฒ ์ ์ด๋ณด๊ฒ ์ต๋๋ค.
-
HTML/CSS
-
JavaScript
- data types, functions, conditionals, loops, operators, DOM manipulation, events, JSON, fetch API
- ES6+ (Arrow functions, promises, async/await, destructuring)
-
Git, npm, Yarn, webpack, parcel, gulp
-
ReactJS
-
Rest API, Redux, GraphQL, APOLLO
-
Node.js
- express, koa, Adonis
-
postgresQL, mongoDB, Redis
-
firebase, aws
-
Next.js(react)
-
Devops.....
-
......
JavaScript๋ 2015๋ ์ ES6๊ฐ ๋์ค๋ฉด์ ๋ง์ ๊ฒ์ด ๋ฐ๋์๊ณ , ๊ตฌ๊ธ์์ V8์์ง์ ๋ง๋ฆ์ผ๋ก ์ธํด์ JS๋ก ํ ์ ์๋ ๊ฒ๋ค์ด ๋ฌด๊ถ๋ฌด์งํ๊ฒ ๋ง์์ก์ต๋๋ค. ํ๋ก ํธ์๋์์ ์ฐ์ด๋ JS, ๋๋ฌด ์ ์ฐํด์ ์๋จน๋ JS๊ฐ ๋ฐฑ์๋์์๋ ์ฐ์ด๋ ๋ชจ์ต๋ค์ด ์ฐ๋ฆฌ๋ฅผ ๋ ์ ํ๊ฒ ๋ง๋ญ๋๋ค.
์?
๋ฐฐ์์ผ ํ๋๋ฐ ํ์ฌ ES10๊น์ง ๋์์ ๋ฟ๋๋ฌ TypeScript, CoffeeScript ๋ฑ JS์ ํจ๊ป ๋ฐฐ์์ผ ํ ๊ฒ๋ค์ด ๊ณ์ ๋์ด๋ฉ๋๋ค. React๋ฅผ ์ฐ๋ ค๊ณ ํด๋ JS๋ฅผ ์์์ผ ํ๊ณ Node.js๋ JS๋ฌธ๋ฒ์ด์ง์. ๊ทธ๋ฌ๋ค๋ณด๋ ์ ๋ ์ ๊ฐ ํ๋๋ค. ํ๋ฃจ ๋นจ๋ฆฌ React, Node.. ๋ฑ ์ํ๊ณ ์ถ์๋ฐ JS๋ฅผ ๋จผ์ ํด์ผํ๊ณ
(๋ฌผ๋ก JS๋ฅผ ๋ชจ๋ฅด๊ณ React, Node๋ฅผ ๋ชปํ๋ ๊ฑด ์๋๋๋ค. JS๋ฅผ ๋๊ธฐ๊ณ ๋ฐ๋ก ํด๋ ๋ฌด๊ดํฉ๋๋ค. ์ง๊ทนํ JS๋ฅผ ๋จผ์ ์๋ฌํ๊ณ ์ถ์ ๋ง์์ด ํฐ ์ ์ ๊ฐ์ธ์ ์ธ ์๊ฐ์ด ๋ด๊ฒจ์์ต๋๋ค.)
๊ทธ๋์ ์ด ๋ฆฌ์คํธ์ ์ถ์ฒ์์ ๋์จ ๋ด์ฉ์ ์ ๋ถ ๋ด์ง ์์์ต๋๋ค. ์ ๋ถ ์ ์๊น ํ๋ค๊ฐ ์ฌ ํด๋ ์ปค๋ ๋ด ๋ ์๋ ๋ค ํ ์ ์์๊น๋ผ๋ ์๊ฐ์ด ๋ค์๊ณ ๋ด ๋ ์๋ ๋ ๋ค๋ฅธ ๊ธฐ์ (ํ๋ ์์ํฌ, ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฑ) ๋ฐ ์ธ์ด๋ค๋ก ๋ฆฌ์คํธ๋ค์ ์์๊ฐ ๋ฐ๋๊ณ ์์ด์ง๊ณ ์ถ๊ฐ๋์ง ์์๊น ํ๋ ๋ง์์ Devops ์ดํ๋ก ์ ์ง ์์์ต๋๋ค. ์ ๋ง ์๊ฐ๋ณด๋ค ๋ง์์ ๋ฆฌ์คํธ๋ฅผ ์์ฑํ๋ ๋ด๋ด ์ ์ ์ ์ด๋๊ธฐ๋ก ํ ์กฐ๊ธํจ์ด ๋ก์ผ์ ํ๊ณ ๋ง์๋ถํฐ ๋จธ๋ฆฌ๊น์ง ํ ํ์ ์์์ก๋ค์.
ํ ๊ฒ ๋ง์ ๊ฒ๋ ์์ง๋ง, ๋ชจ๋ฅด๋๊ฒ ๋ง๋ค๋ ๊ฒ์ด ์ ์์ ์ด ์์์ง๋ ๋๋์ด ๋ค์ด์ ๋ค์ ๋ง์ธ๋ ์ปจํธ๋กค์ ํ๋ฉฐ ๋ง์์ ์ข ์ถ์ค๋ ค์ผ๊ฒ ์ต๋๋ค.
์์ ๋ด์ฉ์ ์๋ ์ ํ๋ธ์์์์ ๋ฐ์ทํ์ต๋๋ค. Devops ์ดํ๋ก ์ ๊ฐ ์ ์ง ์์ ๋ด์ฉ์ด ๊ถ๊ธํ์๋ฉด ์ฒ์ฒํ ์์์ ๋ณด์ ๋ ๋ ๊ฒ ๊ฐ๊ณ
(์, ์์ด์์. ์ ๋ ๊ทธ๋์ ๋ด์ฉ์ ๋ฃ์ง ๋ชปํ์ต๋๋ค..ใ )์์๊ณผ ๋น๊ตํ์๋ฉด ์ ๊ฐ ์ ์ ๋ฆฌ์คํธ์ ์ฝ๊ฐ ์์ดํ ๊ฒ์ ์์ค ์ ์์ต๋๋ค. ๊ด์ฌ์ฌ ๋ฐ์ธ ๋ด์ฉ์ ์ ๊ฐ ๋ฐฐ์ ํ์ต๋๋ค.์ด ๊ธ์ ์ฝ๊ณ ๊ณ์ ๋ถ๋ค์ 2019๋ ํ ํด๋์ ์ด๋ฃจ์๊ณ ์ ํ๋ ๊ฒ๋ค ๋ชจ๋ ์ฑ์ทจํ์๋ ํ ํด๊ฐ ๋์๊ธธ ๋ฐ๋ผ๊ฒ ์ต๋๋ค.
์ปจํ ์ธ ์ถ์ฒ : https://www.youtube.com/watch?v=UnTQVlqmDQ0(web development in 2019 - a practical guide)
'๊ธฐํ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Virtual DOM (feat.React) ์ฐธ๊ณ ์๋ฃ (0) 2019.06.06 -