Skip to content

Latest commit

ย 

History

History
76 lines (50 loc) ยท 2.91 KB

File metadata and controls

76 lines (50 loc) ยท 2.91 KB

level1 - ํ–‰์šด์˜ ๋กœ๋˜

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ ํ•˜๋Š” ๋กœ๋˜ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜

template version

๐Ÿ”ฅ Projects!

๐ŸŽฏ step1 ๊ตฌ์ž… ๊ธฐ๋Šฅ

  • ๋กœ๋˜ ๊ตฌ์ž… ๊ธˆ์•ก์„ ์ž…๋ ฅํ•˜๋ฉด, ๊ธˆ์•ก์— ํ•ด๋‹นํ•˜๋Š” ๋กœ๋˜๋ฅผ ๋ฐœ๊ธ‰ํ•ด์•ผ ํ•œ๋‹ค.
  • ๋กœ๋˜ 1์žฅ์˜ ๊ฐ€๊ฒฉ์€ 1,000์›์ด๋‹ค.
  • ์†Œ๋น„์ž๋Š” ์ž๋™ ๊ตฌ๋งค๋ฅผ ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.
  • ๋ณต๊ถŒ ๋ฒˆํ˜ธ๋Š” ๋ฒˆํ˜ธ๋ณด๊ธฐ ํ† ๊ธ€ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด, ๋ณผ ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.

๐ŸŽฏ๐ŸŽฏ step2 ๋‹น์ฒจ ๊ฒฐ๊ณผ ๊ธฐ๋Šฅ

  • ๊ฒฐ๊ณผ ํ™•์ธํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๋‹น์ฒจ ํ†ต๊ณ„, ์ˆ˜์ต๋ฅ ์„ ๋ชจ๋‹ฌ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ๋กœ๋˜ ๋‹น์ฒจ ๊ธˆ์•ก์€ ๊ณ ์ •๋˜์–ด ์žˆ๋Š” ๊ฒƒ์œผ๋กœ ๊ฐ€์ •ํ•œ๋‹ค.
  • ๋‹ค์‹œ ์‹œ์ž‘ํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์ดˆ๊ธฐํ™” ๋˜์„œ ๋‹ค์‹œ ๊ตฌ๋งค๋ฅผ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๋‹ค.

๐ŸŽฏ๐ŸŽฏ๐ŸŽฏ step3 ์ˆ˜๋™ ๊ตฌ๋งค

  • ์†Œ๋น„์ž๋Š” ์ˆ˜๋™ ๊ตฌ๋งค(์Šค์Šค๋กœ ๊ตฌ๋งค ๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅ)๋ฅผ ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.
    • ์ˆ˜๋™ ๊ตฌ๋งค๋ฅผ ์œ„ํ•œ input UI๋Š” ์Šค์Šค๋กœ ๊ตฌํ˜„ํ•œ๋‹ค.
  • ์ˆ˜๋™ ๊ตฌ๋งค ํ›„ ๋‚จ๋Š” ๊ธˆ์•ก์ด ์žˆ๋‹ค๋ฉด ์ž๋™์œผ๋กœ ๊ตฌ๋งคํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.
  • ์œ„ ๊ธฐ๋Šฅ๋“ค์ด ์ •์ƒ์ ์œผ๋กœ ๋™์ž‘ํ•˜๋Š”์ง€ Cypress๋ฅผ ์ด์šฉํ•ด ํ…Œ์ŠคํŠธํ•œ๋‹ค.

โš™๏ธ Before Started

Tip ๋กœ์ปฌ์—์„œ ์„œ๋ฒ„ ๋„์›Œ์„œ ์†์‰ฝ๊ฒŒ static resources ๋ณ€๊ฒฝ ๋ฐ ํ™•์ธํ•˜๋Š” ๋ฐฉ๋ฒ•

๋กœ์ปฌ์—์„œ ์›น์„œ๋ฒ„๋ฅผ ๋„์›Œ html, css, js ๋“ฑ์„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์†์‰ฝ๊ฒŒ ํ…Œ์ŠคํŠธํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด์„œ๋Š” ์šฐ์„  npm์ด ์„ค์น˜๋˜์–ด ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ตฌ๊ธ€์— npm install ์ด๋ž€ ํ‚ค์›Œ๋“œ๋กœ ๊ฐ์ž์˜ ์šด์˜์ฒด์ œ์— ๋งž๊ฒŒ๋” npm์„ ์„ค์น˜ํ•ด์ฃผ์„ธ์š”. ์ดํ›„ ์•„๋ž˜์˜ ๋ช…๋ น์–ด๋ฅผ ํ†ตํ•ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ์›นํŽ˜์ด์ง€๋ฅผ ํ…Œ์ŠคํŠธํ•ด๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

npm install -g live-server

์‹คํ–‰์€ ์•„๋ž˜์˜ ์ปค๋งจ๋“œ๋กœ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

live-server ํด๋”๋ช…

๐Ÿ‘ Contributing

๋งŒ์•ฝ ๋ฏธ์…˜ ์ˆ˜ํ–‰ ์ค‘์— ๊ฐœ์„ ์‚ฌํ•ญ์ด ๋ณด์ธ๋‹ค๋ฉด, ์–ธ์ œ๋“  ์ž์œ ๋กญ๊ฒŒ PR์„ ๋ณด๋‚ด์ฃผ์„ธ์š”.


๐Ÿž Bug Report

๋ฒ„๊ทธ๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค๋ฉด, Issues์— ๋“ฑ๋กํ•ด์ฃผ์„ธ์š”.


๐Ÿ“ License

This project is MIT licensed.