아ꡬλͺ¬

Written by@[AGUMON]
아ꡬλͺ¬ 기술 λΈ”λ‘œκ·Έ

GitHubFacebook

TypeScript Express Starter β–» 2탄

January 15, 2022

πŸ’Ž λͺ©μ°¨ μ„œλ‘  (Introduction) λ³Έλ‘  (Main) κ²°λ‘  (Conclusion) 🌱 μ„œλ‘  μ•ˆλ…•ν•˜μ„Έμš” πŸ‘‹ 1탄에 이어 2νƒ„μœΌλ‘œ μ°Ύμ•„λ΅™μŠ΅λ‹ˆλ‹€. 1νƒ„μ—μ„œ 폴더 ꡬ쑰와 문법에 λŒ€ν•΄ μ–΄λ–»κ²Œ μ •ν•˜κ²Œ λ˜μ—ˆλŠ”μ§€ ν¬μŠ€νŒ…μ„ ν–ˆλŠ”λ°μš” 이번 ν¬μŠ€νŒ…μ—μ„œλŠ” route, controller, service 문법 μ •μ˜μ— λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. μ½”λ“œ λΉ„κ΅λŠ” 이전 ν¬μŠ€νŒ…κ³Ό μœ μ‚¬ν•˜κ²Œβ€¦

TypeScript Express Starter β–» 1탄

January 12, 2022

πŸ’Ž λͺ©μ°¨ μ„œλ‘  (Introduction) λ³Έλ‘  (Main) κ²°λ‘  (Conclusion) 🌱 μ„œλ‘  TypeScript Express StarterλŠ” νƒ€μž…μŠ€ν¬λ¦½νŠΈ 기반의 μ΅μŠ€ν”„λ ˆμŠ€ 보일러 ν”Œλ ˆμ΄νŠΈ μŠ€νƒ€ν„° νŒ¨ν‚€μ§€μž…λ‹ˆλ‹€. 금일 λ‚ μ§œ(2022-01-12) κΈ°μ€€ github stars: 977개, forks: 147λ₯Ό 보유 npm νŒ¨ν‚€μ§€λ‘œ v8.0.0 배포 μ΄λ²ˆμ—β€¦

OTP 인증 πŸ” β–» otplib

March 05, 2021

πŸ’Ž λͺ©μ°¨ μ€€λΉ„λ₯Ό ν•˜λ©° μ„€μΉ˜λ₯Ό ν•˜λ©° μ½”λ“œλ₯Ό 보며 생각 해보며 μ€€λΉ„λ₯Ό ν•˜λ©° λ³΄μ•ˆμ μΈ μ΄μŠˆκ°€ λ‚˜λ‚ μ΄ κΈ‰μ¦ν•˜λ©΄μ„œ, 2-Factor 인증을 λ„μž…ν•˜λŠ” μΆ”μ„Έκ°€ λŠ˜κ³ μžˆμŠ΅λ‹ˆλ‹€. 이번 ν¬μŠ€νŒ…μ—μ„œλŠ” κ°„λ‹¨ν•˜κ²Œ OTP 인증을 ν†΅ν•œ νšŒμ›κ°€μž… 및 λ‘œκ·ΈμΈμ„ 진행 ν•΄ λ³΄κ² μŠ΅λ‹ˆλ‹€. ν•˜λ‹¨ 링크λ₯Ό ν†΅ν•΄μ„œ μžμ‹ μ˜ 기쒅에 λ§žλŠ” OTP μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ„ μ„€μΉ˜ν•˜μ‹œκΈ° λ°”λžλ‹ˆλ‹€. FreeOTP Authe…

μžλ°”μŠ€ν¬λ¦½νŠΈ β–» 문자 λ©”μ†Œλ“œ

June 25, 2020

πŸ’Ž λͺ©μ°¨ 문자 λ©”μ„œλ“œ μ½”λ“œλ₯Ό 보며 마치며 문자 λ©”μ„œλ“œ 효과적인 μ½”λ“œ μž‘μ„±μ„ μœ„ν•˜μ—¬ μžλ°”μŠ€ν¬λ¦½νŠΈ μ†Œκ°œ 및 예제λ₯Ό μ‚΄νŽ΄λ΄…μ‹œλ‹€. λ‚΄μš©μ΄ λ§ŽμœΌλ‹ˆ μ£Όμ˜ν•˜μ‹œκΈ° λ°”λžλ‹ˆλ‹€. ⬆ λͺ©μ°¨ 😳 μ½”λ“œλ₯Ό 보며 β–Έ length() λ³€μˆ˜μ— λ°˜ν™˜ν•©λ‹ˆλ‹€. β–Έ toLocaleLowerCase() λ¬Έμžμ—΄μ„ 둜 λ°˜ν™˜ν•©λ‹ˆλ‹€. β–Έ toLocaleUpperCase() λ¬Έμžμ—΄μ„ 둜 λ³€ν™˜ν•©λ‹ˆλ‹€ ▸…

λ‚ μ§œ 및 μ‹œκ°„ ⏰ β–» moment

December 11, 2019

πŸ’Ž λͺ©μ°¨ μ„€μΉ˜λ₯Ό ν•˜λ©° μ½”λ“œλ₯Ό 보며 생각 해보며 βš™οΈ μ„€μΉ˜λ₯Ό ν•˜λ©° ⬆ λͺ©μ°¨ 😳 μ½”λ“œλ₯Ό 보며 β–Έ λ…„ μ›” 일 λΌμ΄λΈŒλŸ¬λ¦¬μ—μ„œλŠ” ν•΄λ‹Ή μ‹œκ°„μ— 맞게 μ›ν•˜λŠ” ν˜•μ‹μœΌλ‘œ μ‹œκ°„μ„ λ°˜ν™˜μ— μ€λ‹ˆλ‹€. ν•΄λ‹Ή 토큰듀은 λ₯Ό κ΅¬λΆ„ν•©λ‹ˆλ‹€. YYYY (4자리 연도) / YY (2자리 연도) / Y (μžλ¦Ώμˆ˜μ™€ λΆ€ν˜Έκ°€ μžˆλŠ” 연도) MMMM (μ›” 이름) / MMM (μ›” 이름 μΆ•μ•½) MM (…

μ„±λŠ₯ 비ꡐ πŸ“ˆ β–» Lodash vs ES6

December 10, 2019

πŸ’Ž λͺ©μ°¨ μ‹œμž‘ν•˜λ©° μ½”λ“œλ₯Ό 보며 마치며 πŸš€ μ‹œμž‘ν•˜λ©° μ•ˆλ…•ν•˜μ„Έμš” πŸ•¦ μ˜€λŠ˜μ€ λŠ¦μ€ μ‹œκ°„μ— ν¬μŠ€νŒ…μ„ ν•˜κ²Œλ˜μ—ˆμŠ΅λ‹ˆλ‹€. 퇴근 ν›„, μ†Œμ†Œν•œ λΈ”λ‘œκ·Έλ„ 또 ν•˜λ‚˜μ˜ 재미라고 μƒκ°ν•˜λ„€μš”. 😎 자 그럼 ~ 이번 ν¬μŠ€νŒ… μ£Όμ œλŠ” Lodash vs ES6 μ„±λŠ₯을 λΉ„κ΅ν•΄λ³΄κ² μŠ΅λ‹ˆλ‹€. ⬆ λͺ©μ°¨ 😳 μ½”λ“œλ₯Ό 보며 β–Έ find() λŠ” 쑰건을 λ§Œμ‘±ν•˜λŠ” μ»¬λ ‰μ…˜μ—μ„œμ˜ 첫번째 μš”μ†Œλ₯Ό μ°ΎλŠ” λ©”μ†Œλ“œμž…λ‹ˆβ€¦

μžλ°”μŠ€ν¬λ¦½νŠΈ β–» λ°°μ—΄ μ„ μ–Έ

December 10, 2019

πŸ’Ž λͺ©μ°¨ λ°°μ—΄ μ„ μ–Έ μ½”λ“œλ₯Ό 보며 마치며 λ°°μ—΄ μ„ μ–Έ μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό μ‚¬μš©ν•œλ‹€λ©΄ 배열을 많이 μ‚¬μš©ν•œλ‹€. ν•˜μ§€λ§Œ, 닀차원 배열을 μƒμ„±ν•˜κΈ° μœ„ν•΄μ„  λ§Žμ€ 생각을 ν•΄λ΄μ•Όν•œλ‹€. ν•΄λ‹Ή ν¬μŠ€νŒ…μ—μ„œλŠ” 배열을 μ„ μ–Έν•˜λŠ” λ‹€μ–‘ν•œ 방식에 λŒ€ν•΄ μž‘μ„±ν•˜κ² μŠ΅λ‹ˆλ‹€. ⬆ λͺ©μ°¨ 😳 μ½”λ“œλ₯Ό 보며 β–Έ λ°°μ—΄ 직접 μ„ μ–Έ 직접 μ„ μ–Έ λ°©μ‹μ—λŠ” 크게 두가지가 μžˆμŠ΅λ‹ˆλ‹€. new λͺ…λ Ήμ–΄λ₯Ό μ‚¬μš©ν•˜λŠ” 방법 리터…

Github Actions + React + S3 β–» 3탄

December 06, 2019

πŸ’Ž λͺ©μ°¨ μ„œλ‘  (Introduction) λ³Έλ‘  (Main) κ²°λ‘  (Conclusion) 🌱 μ„œλ‘  μ•ˆλ…•ν•˜μ„Έμš”~ μ˜€λŠ˜λ„ 날씨가 ꡉμž₯히 μΆ”μ›Œμš” 🀧 λ‹€λ“€ 감기 μ‘°μ‹¬ν•˜μ‹œκ³  λ”°λ“―ν•˜κ²Œ μž…μœΌμ‹œκΈΈ λ°”λžλ‹ˆλ‹€. 자 그럼 이번 ν¬μŠ€νŒ…λ„ 힘차게 진행해 λ³ΌκΉŒμš” ? κ·Έ 전에 배운 λ‚΄μš©μ„ μ •λ¦¬ν•˜λ©΄ React ν”„λ‘œμ νŠΈ 생성 (CRA) Github Actions μ‹œμž‘ (workflow …

Github Actions + React + S3 β–» 2탄

December 05, 2019

πŸ’Ž λͺ©μ°¨ μ„œλ‘  (Introduction) λ³Έλ‘  (Main) κ²°λ‘  (Conclusion) 🌱 μ„œλ‘  μ•ˆλ…•ν•˜μ„Έμš”~ μ–΄λŠλ§ μΆ”μš΄ 겨울이 μ™”μŠ΅λ‹ˆλ‹€. λ˜ν•œ, μ–Όλ§ˆμ „μ— κ²¨μšΈμ™•κ΅­2 ⛄️가 κ°œλ΄‰ν–ˆλŠ”λ° μ €λŠ” μ΄λ²ˆμ£Όμ— μš©μ‚° IMAX 보러갈 μ˜ˆμ •μž…λ‹ˆλ‹€!! 자 그럼 이번 ν¬μŠ€νŒ…λ„ 힘차게 진행해 λ³΄κ² μŠ΅λ‹ˆλ‹€. κ·Έ 전에 배운 λ‚΄μš©μ„ μ •λ¦¬ν•˜λ©΄ React ν”„λ‘œμ νŠΈ 생성 (CRA) Gith…

Github Actions + React + S3 β–» 1탄

December 05, 2019

πŸ’Ž λͺ©μ°¨ μ„œλ‘  (Introduction) λ³Έλ‘  (Main) κ²°λ‘  (Conclusion) 🌱 μ„œλ‘  Github ActionsλŠ” githubμ—μ„œ κ³΅κ°œν•œ λΉŒλ“œ/배포 μžλ™ν™” μ„œλΉ„μŠ€μž…λ‹ˆλ‹€. μžλ™ν™” μ„œλΉ„μŠ€μ—λŠ” Circle CI, Travis CI, Jenkins λ“± λ§Žμ€ μ„œλΉ„μŠ€κ°€ μžˆμŠ΅λ‹ˆλ‹€. μ΄λ²ˆμ— ν¬μŠ€νŠΈμ—μ„œλŠ” Github Actions을 μ‚¬μš©ν•˜μ—¬ λ¦¬μ•‘νŠΈλ₯Ό AWS S…