hello icon indicating copy to clipboard operation
hello copied to clipboard

😎 λ‹Ήμ‹ μ˜ 멋진 λΈ”λ‘œκ·Έμ— κ±Έλ§žλŠ” 졜고의 ν‹°μŠ€ν† λ¦¬ μŠ€ν‚¨

hELLO

μ‹œμž‘ν•˜κΈ°

hELLO λŠ” 티도리 ν”„λ ˆμž„μ›Œν¬λ‘œ μž‘μ„±λœ ν‹°μŠ€ν† λ¦¬ μŠ€ν‚¨μž…λ‹ˆλ‹€. λ”°λΌμ„œ λ³„λ„μ˜ 개발 방식이 μš”κ΅¬λ©λ‹ˆλ‹€. λ¨Όμ €, ν”„λ‘œμ νŠΈλ₯Ό λ³΅μ‚¬ν•©λ‹ˆλ‹€.

git clone https://github.com/pronist/hELLO

ν”„λ‘œμ νŠΈ ν΄λ”λ‘œ μ΄λ™ν•˜μ—¬ node_modules λ₯Ό μ„€μΉ˜ν•΄μ€„ ν•„μš”κ°€ μžˆμŠ΅λ‹ˆλ‹€. 티도리 ν”„λ ˆμž„μ›Œν¬λŠ” Node.js, Webpack 을 기반으둜 ν•©λ‹ˆλ‹€. λ”°λΌμ„œ NPM(Node Package Manager) 이 μš”κ΅¬λ©λ‹ˆλ‹€.

cd hELLO && npm install

ν‹°μŠ€ν† λ¦¬ μΉ˜ν™˜μžκ°€ 적용된 λͺ¨μŠ΅μ„ 보렀면 프리뷰 μ„œλ²„ λ₯Ό μ‚¬μš©ν•  ν•„μš”κ°€ μžˆλŠ”λ°, tidory.config.example.js 의 이름을 tidory.config.js 둜 λ³€κ²½ν•˜κ³ , 티도리 ν”„λ ˆμž„μ›Œν¬μ˜ ν™˜κ²½μ„€μ •λ₯Ό μ°Έκ³ ν•˜μ—¬ ts_session, url λ₯Ό 섀정해쀄 ν•„μš”κ°€ μžˆμŠ΅λ‹ˆλ‹€. μ΄λŠ” 직접 ν‹°μŠ€ν† λ¦¬ μ„œλ²„μ™€ μ†Œν†΅ν•˜μ—¬ μΉ˜ν™˜μžκ°€ ν•΄μ„λœ μƒνƒœμ˜ μŠ€ν‚¨μ„ 먼저보기 μœ„ν•œ κ°’μž…λ‹ˆλ‹€.

섀정이 μ™„λ£Œλ˜μ—ˆλ‹€λ©΄ 프리뷰 μ„œλ²„λ₯Ό μ‹€ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

npm run preview

배포

tidory.config.js 에 ts_session, url 이 μ„€μ •λ˜μ—ˆλ‹€λ©΄ 배포λ₯Ό 진행할 수 μžˆμŠ΅λ‹ˆλ‹€. 티도리 ν”„λ ˆμž„μ›Œν¬μ˜ λΉŒλ“œ 및 배포λ₯Ό μ°Έκ³ ν•˜μ‹­μ‹œμ˜€.

npm run production && npm run deploy

κΈ°μ—¬ν•˜κΈ°

hELLO 에 κΈ°μ—¬ν•˜λŠ” 방법은 μŠ€ν‚¨μ˜ ν…Œλ§ˆλ₯Ό μ œκ³΅ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€. hELLO λŠ” μ•ˆμ •ν™” 단계에 μžˆκΈ°λ•Œλ¬Έμ— μ†ŒμŠ€μ½”λ“œμ˜ λ³€ν™”κ°€ 크게 λ°œμƒν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ κΈ°μ—¬λ₯Ό 톡해 μ‚¬μš©μžμ—κ²Œ 보닀 λ‹€μ–‘ν•œ ν…Œλ§ˆλ₯Ό μ œκ³΅ν•  수 μžˆλŠ” 길을 μ—΄μ–΄λ‘κΈ°λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€. κΈ°μ—¬λ₯Ό ν•˜λ €λ©΄ CONTRIBUTING.md λ₯Ό μ°Έκ³ ν•˜μ—¬ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

μ €μž‘κΆŒ

MIT

Copyright 2020-2022. SangWoo Jeong. All rights reserved.