woalsrhKR
EVERYDAY
woalsrhKR
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๐Ÿ“š ๊ธ€ ๋ชจ์Œ์ง‘ (578)
    • ๐Ÿ”ค Language (84)
      • ๐ŸŸจ JavaScript (52)
      • ๐ŸŸฆ TypeScript (12)
      • ๐Ÿ’— SCSS (0)
      • ๐ŸŸ  HTML (12)
      • ๐Ÿ”ต CSS (8)
    • ๐ŸŒƒ ํ•˜๋ฃจ๊ธฐ๋ก (469)
    • ๐ŸŽฌ ์˜ํ™” ๊ฐ์ƒํšŒ (1)
    • ๐Ÿ’ป Web Develop (16)
      • โ˜•๏ธ STARBUCKS ๊ฐœ๋ฐœ์ผ์ง€ (14)
    • ๐ŸŽ“ University (6)
      • ์˜คํ”ˆ์†Œ์Šค ๊ธฐ์ดˆ ํ”„๋กœ์ ํŠธ (5)
      • ์ •๋ณดํ†ต์‹ ๊ฐœ๋ก  (0)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ์ƒ๋Œ€๊ฒฝ๋กœ
  • ์Šคํƒ€๋ฒ…์Šค
  • ํฐํŠธ
  • ๋‹ค์ด์†Œ
  • ํด๋ก 
  • ์‚ฌ์ฐฝ
  • ์ ˆ๋Œ€๊ฒฝ๋กœ
  • ์ง„์‹๋‹น
  • ์ผ์ƒ
  • ๋‹ค์ด์†Œ์‚ฌ์ฐฝ
  • object
  • ์•„์ด์ฝ˜
  • ์ผ๊ธฐ
  • ํŠธ์œ„ํ„ฐ์นด๋“œ
  • ์˜คํ”ˆ๊ทธ๋ž˜ํ”ผ
  • ๊ฐ์ฒด
  • ์—ฌ์ž์นœ๊ตฌ
  • ๋ฉ”๊ฐ€์ปคํ”ผ
  • 79๋Œ€ํฌ
  • ํŒŒ๋น„์ฝ˜

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
woalsrhKR

EVERYDAY

๐Ÿ”ค Language/๐ŸŸจ JavaScript

JS. ์ •๊ทœํ‘œํ˜„์‹(Regex)

2022. 2. 27. 15:10

์ •๊ทœํ‘œํ˜„์‹

๋ฌธ์ž์—ด์„ ๊ฒ€์ƒ‰ํ•˜๊ณ  ๋Œ€์ฒดํ•˜๋Š”๋ฐ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ์ผ์ข…์˜ ํ˜•์‹ ์–ธ์–ด

๊ฐ„๋‹จํ•œ ๋ฌธ์ž ๊ฒ€์ƒ‰๋ถ€ํ„ฐ ์ด๋ฉ”์ผ, ํŒจ์Šค์›Œ๋“œ ๊ฒ€์‚ฌ ๋“ฑ์˜ ๋ณต์žกํ•œ ๋ฌธ์ž ์ผ์น˜ ๊ธฐ๋Šฅ ๋“ฑ์„ ์ •๊ทœ์‹ ํŒจํ„ด์œผ๋กœ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

์ •๊ทœํ‘œํ˜„์‹์€ ํฌ๊ฒŒ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•œ๋‹ค.

  1. ๋ฌธ์ž ๊ฒ€์ƒ‰
  2. ๋ฌธ์ž ๋Œ€์ฒด
  3. ๋ฌธ์ž ์ถ”์ถœ

์ •๊ทœํ‘œํ˜„์‹ ์‹ค์Šต

npm init -y

ํ„ฐ๋ฏธ๋„์— ์œ„ ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜๊ณ  package.json์„ ์ƒ์„ฑํ•œ๋‹ค.

npm i parcel-bundler -D

parcel-bundler๋ฅผ ๊ฐœ๋ฐœ์ž์šฉ์œผ๋กœ ์„ค์น˜ํ•œ๋‹ค.

์„ค์น˜ํ•˜๋ฉด .cache, dist ํŒŒ์ผ๊ณผ package-lock.json ํŒŒ์ผ์ด ์ƒ๊ธธ ๊ฒƒ์ด๋‹ค.

npm run dev

ํ„ฐ๋ฏธ๋„์— ์œ„ ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜๊ธฐ ์ „์— package.json ํŒŒ์ผ์„ ๋ณ€๊ฒฝํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค.

 "scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html"
  }

์œ„ ์ฝ”๋“œ์ฒ˜๋Ÿผ ๋ณ€๊ฒฝํ•˜๊ณ  npm run dev๋ฅผ ํ„ฐ๋ฏธ๋„์— ์ž…๋ ฅํ•ด์ฃผ๋ฉด localhost๊ฐ€ ์ƒ์„ฑ๋œ๋‹ค.

 

์ด๋ ‡๊ฒŒ ์ •๊ทœํ‘œํ˜„์‹์„ ๊ณต๋ถ€ํ•˜๊ธฐ ์œ„ํ•œ ์‚ฌ์ „ ์ง„ํ–‰์€ ์™„๋ฃŒํ•˜์˜€๋‹ค.

README.md๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ •๊ทœํ‘œํ˜„์‹์„ ์ •๋ฆฌํ•  ๊ฒƒ์ด๋‹ค.

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'๐Ÿ”ค Language > ๐ŸŸจ JavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

JS. ์ •๊ทœํ‘œํ˜„์‹ ๋ฉ”์†Œ๋“œ(method)  (0) 2022.02.27
JS. ์ •๊ทœ์‹ ์ƒ์„ฑ  (0) 2022.02.27
JS. OMDB API  (0) 2022.02.27
JS. Storange  (0) 2022.02.26
JS. JSON  (0) 2022.02.25
    '๐Ÿ”ค Language/๐ŸŸจ JavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • JS. ์ •๊ทœํ‘œํ˜„์‹ ๋ฉ”์†Œ๋“œ(method)
    • JS. ์ •๊ทœ์‹ ์ƒ์„ฑ
    • JS. OMDB API
    • JS. Storange
    woalsrhKR
    woalsrhKR

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”