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

๐Ÿฅบ5์›” 1์ฃผ์ฐจ ํšŒ๊ณ 

by frontChoi 2022. 5. 8.
๋ฐ˜์‘ํ˜•

๐Ÿค–4์›”์˜ ํผ๋ธ”๋ฆฌ์‹ฑ ๊ต์œก์ด ๋๋‚˜๋‹ค.

ํ•œ๋‹ฌ๋™์•ˆ ์ฃผ๋ง๋‚ด๋‚ด ๊ต์œก์„ ๋ฐ›์•„์„œ ํšŒ๊ณ  ๋ธ”๋กœ๊ทธ ์‹œ๊ฐ„์ด ๋ถ€์กฑํ•˜์˜€๋‹ค. ์ด๋ฒˆ์— ํผ๋ธ”๋ฆฌ์‹ฑ ๊ต์œก์„ ํ†ตํ•ด์„œ ์–ด๋–ป๊ฒŒ ๋” ๊ณต๋ถ€ํ•ด์•ผ ํ• ๊ฒƒ์ธ์ง€๋„ ๋ฐฉํ–ฅ์ด ์žกํžŒ๊ฒƒ ๊ฐ™๋‹ค. ๊ทธ๋ฆฌ๊ณ  Flex๋ฅผ ๊ต์œก ํ–ˆ๋‹ค๋Š” ์ ์—์„œ ๊ต‰์žฅํžˆ  ๋งŒ์กฑํ–ˆ๋‹ค.  ๋˜ํ•œ rem, em์„ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•ด์•ผ ํ• ์ง€๋„ ์—ฌ์ „ํžˆ ๊ณ ๋ฏผํ•ด๋ด์•ผํ•  ๋ถ€๋ถ„์ด๋‹ค.

 

๐Ÿฅท๋„ค๋น„๊ฒŒ์ด์…˜ ๊ฐ€๋“œ๋ฅผ ์–ด๋–ป๊ฒŒ ๋” ๊ผผ๊ผผํ•˜๊ฒŒ ์“ธ์ง€ ๊ณ ๋ฏผ

vue router๋ฅผ ํ†ตํ•ด ๋„ค๋น„๊ฒŒ์ด์…˜ ๊ฐ€๋“œ๋ฅผ ์–ด๋–ป๊ฒŒ ์จ์•ผํ• ์ง€ ๊ณ ๋ฏผ์ด ํฌ๋‹ค. ๋‹จ์ˆœํžˆ ๊ถŒํ•œ์ด ์—†๋Š” ์‚ฌ๋žŒ์—๊ฒŒ ์ ‘๊ทผ์ด ๋ถˆ๊ฐ€๋Šฅํ•œ ์ˆ˜์ค€์œผ๋กœ๋งŒ ํ•˜๋ฉด ๋˜๋Š”๊ฑด์ง€, ๊ถŒํ•œ์— ๋”ฐ๋ผ ๋ณด์—ฌ์ง€๋Š” ํ™”๋ฉด์„ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ• ์ง€์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์„ ์ข€ ๋” ํ•ด๋ณด๋„๋ก ํ•˜์ž

 

๐ŸงŸ‍โ™€๏ธ5์›”์˜ ๋ชฉํ‘œ

์ €๋ฒˆ๋‹ฌ์—๋Š” Node๋ฅผ ์  ํ‚จ์Šค๋ฅผ ํ†ตํ•ด ๋ฐฐํฌํ•˜๋Š” ๊ณผ์ •์„ ์‹ค์‹œํ•ด๋ณด์•˜๋‹ค. ์ด๋ฒˆ์—๋Š” webpack์ด๋‚˜,  vue๋ฅผ ์  ํ‚จ์Šค๋ฅผ ํ†ตํ•ด ๋ฐฐํฌํ•ด๋ณด๋„๋ก ํ•˜์ž. 

  • Vue,webpack์„ ์ด์šฉํ•˜์—ฌ ๋ฐฐํฌ
  • javascript TDD ๊ณต๋ถ€ํ•ด๋ณด๊ธฐ

 

๐Ÿ ES6์˜ ๊ณต๋ถ€ ํ•„์š”์„ฑ

์–ผ๋งˆ์ „ ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ "์—ฌ๊ธฐ๋Š” ES6๋ฅผ ์“ฐ๋‚˜์š”?" ๋ผ๊ณ  ํ–ˆ์„๋•Œ ๊ฐœ์ธ์ ์œผ๋กœ ๋Œ€๋‹ต์„ ์ž˜ ๋ชปํ–ˆ๋‹ค. ES6๋ฅผ ์–ด๋–ป๊ฒŒ ๊ณต๋ถ€ํ•ด์•ผํ• ์ง€ ๊ณ ๋ฏผ์„ํ•˜๊ณ  ์ •๋ฆฌํ•  ํ•„์š”๊ฐ€ ์žˆ๋‹ค.

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€