thumbnail
ν•¨κ»˜ν•˜λŠ” 의미λ₯Ό μ•Œλ €μ€€ 2019 Thumbnail

ν•¨κ»˜ν•˜λŠ” 의미λ₯Ό μ•Œλ €μ€€ 2019

2019λ…„ ν•œ ν•΄κ°€ μ–Όλ§ˆ 남지 μ•Šμ•˜κ΅°μš”. 12μ›” 달이 되기 전에 미리 써야지 ν•˜λ‹€κ°€ μ§„μ§œ 12μ›” λ§ˆμ§€λ§‰ 날이 λ˜μ„œ μ“°κ²Œ λ˜λ„€μš”... κ·Έλž˜μ„œ 2019년이 가기전에, 2019년을 λ°˜μ„±ν•˜κ³  λ˜λŒμ•„ λ³΄λ©΄μ„œ μ˜¬ν•΄λ³΄λ‹€ 멋진 2020년을 쀀비해보렀고 ν•©λ‹ˆλ‹€. 2019 이λͺ¨μ €λͺ¨ 20...

2019λ…„ 12μ›” 31일2개의 λŒ“κΈ€
λ‚˜μ˜ 첫 인터뷰 질문 리슀트 Thumbnail

λ‚˜μ˜ 첫 인터뷰 질문 리슀트

학ꡐ에 고등학생 개발자λ₯Ό μ±„μš©ν•˜κΈ° μœ„ν•΄ κΈ°μ—…μ„€λͺ…νšŒκ°€ μ—΄λ Έμ—ˆλŠ”λ°, μ§€μ›ν•˜κ³  싢은 3ν•™λ…„ 학생과 2ν•™λ…„ 학생듀을 λŒ€μƒμœΌλ‘œ μ±„μš© 면접이 μ§„ν–‰λ˜μ—ˆμŠ΅λ‹ˆλ‹€. μ„±μž₯ν•˜λŠ” μŠ€νƒ€νŠΈμ—… νšŒμ‚¬μ΄κ³ , 떨어져도 쒋은 κ²½ν—˜μ΄ 될 수 μžˆμ„ 것 κ°™μ•„ μ›Ή ν”„λ‘ νŠΈ κ°œλ°œμ— μ§€μ›ν•˜μ—¬ 면접을 μ§„ν–‰ν•˜μ˜€μŠ΅λ‹ˆλ‹€...

2019λ…„ 12μ›” 22일1개의 λŒ“κΈ€
Storybook μž‘μ„±ν•˜κΈ° #3 - μŠ€λƒ…μƒ· ν…ŒμŠ€νŒ… Thumbnail

Storybook μž‘μ„±ν•˜κΈ° #3 - μŠ€λƒ…μƒ· ν…ŒμŠ€νŒ…

μ§€λ‚œ ν¬μŠ€νŠΈμ— 이어 이번 κΈ€μ—μ„œλŠ” Storybookμ—μ„œ μŠ€λƒ…μƒ·μ„ μ΄μš©ν•˜μ—¬ μ»΄ν¬λ„ŒνŠΈ ν…ŒμŠ€νŠΈ μžλ™ν™”λ₯Ό ν•΄λ³΄κ² μŠ΅λ‹ˆλ‹€. πŸ–ΌοΈ Snapshot Testing? snapshot ν…ŒμŠ€νŠΈ μΌ€μ΄μŠ€λŠ” UI componentλ₯Ό λ Œλ”λ§ν•œ λ’€, μŠ€ν¬λ¦°μƒ·μ„ 찍고, ν…ŒμŠ€νŠΈ 뢀근에 μ €μž₯된 레...

2019λ…„ 11μ›” 14일0개의 λŒ“κΈ€
Storybook μž‘μ„±ν•˜κΈ° #2 - ν™œμš©ν•˜κΈ° Thumbnail

Storybook μž‘μ„±ν•˜κΈ° #2 - ν™œμš©ν•˜κΈ°

μ§€λ‚œ κΈ€μ—μ„œ κ°„λ‹¨ν•˜κ²Œ Storybook이 무엇이고 μ–΄λ–€ κΈ°λŠ₯을 μ œκ³΅ν•˜λŠ”μ§€ μ•Œμ•„λ³΄μ•˜μŠ΅λ‹ˆλ‹€. μ΄λ²ˆκΈ€μ—μ„œλŠ” React.jsμ—μ„œ Storybook을 μ–΄λ–»κ²Œ μ μš©ν•˜κ³  μ‚¬μš©ν•˜λŠ”μ§€ κ°„λ‹¨ν•œ νˆ¬λ‘λ¦¬μŠ€νŠΈλ₯Ό λ§Œλ“€λ©΄μ„œ μ•Œμ•„λ³΄λ €κ³  ν•©λ‹ˆλ‹€. πŸ“™ Storybook-cli μ„€μΉ˜ 및 μ‹œμž‘ λ¨Ό...

2019λ…„ 11μ›” 14일0개의 λŒ“κΈ€
Storybook μž‘μ„±ν•˜κΈ° #1 - κ°œμš” Thumbnail

Storybook μž‘μ„±ν•˜κΈ° #1 - κ°œμš”

이번 ν¬μŠ€νŠΈμ—μ„œλŠ” Storybook μ΄λΌλŠ” 것을 μ•Œμ•„λ³ΌκΉŒ ν•©λ‹ˆλ‹€. Storybook은 UI ꡬ성 μš”μ†Œ(μ»΄ν¬λ„ŒνŠΈ)λ₯Ό κ°œλ°œν•˜κΈ°μœ„ν•œ μ˜€ν”ˆ μ†ŒμŠ€ λ„κ΅¬μž…λ‹ˆλ‹€. μ˜ˆμ „μ—λŠ” νŽ˜μ΄μ§€ λ‹¨μœ„μ˜ κ°œλ°œμ„ ν•˜μ˜€λ‹€λ©΄ μš”μ¦˜μ—λŠ” μ»΄ν¬λ„ŒνŠΈ λ‹¨μœ„λ‘œ ν”„λ‘ νŠΈμ—”λ“œλ₯Ό κ°œλ°œν•˜κ³ , λ§Žμ€ 뢄듀이 React, V...

2019λ…„ 11μ›” 14일2개의 λŒ“κΈ€
How to use TypeScript Thumbnail

How to use TypeScript

Typescriptλ₯Ό λ°°μš°λ©΄μ„œ μ€‘μš”ν•œ λ‚΄μš©μ„ μ •λ¦¬ν•œ κΈ€μž…λ‹ˆλ‹€. 이전뢀터 νƒ€μž…μŠ€ν¬λ¦½νŠΈμ˜ μž₯점과 ν•„μš”μ„±μ„ μ•Œκ³ λŠ” μžˆμ—ˆμ§€λ§Œ Typescriptλ₯Ό 쓰지 μ•Šκ³ λ„ κ°œλ°œμ„ 잘 ν•΄μ™”κΈ° λ•Œλ¬Έμ— μ‚¬μš©μ„ κΊΌλ €μ™”μ—ˆμŠ΅λ‹ˆλ‹€. 그리고 ν‰μ†Œμ²˜λŸΌ React둜 javascriptλ§Œμ„ μ΄μš©ν•˜μ—¬ ...

2019λ…„ 10μ›” 28일0개의 λŒ“κΈ€
[HTTP] REST API λž€ Thumbnail

[HTTP] REST API λž€

κ³Όκ±°μ—λŠ” λΈŒλΌμš°μ €κ°€ μ›Ήμ„œλ²„μ— μ›ΉνŽ˜μ΄μ§€λ₯Ό μš”μ²­ν•˜μ—¬ ν΄λΌμ΄μ–ΈνŠΈλ₯Ό μ œκ³΅ν•˜μ—¬ μ›ΉνŽ˜μ΄μ§€κ°€ μž‘λ™ν•˜μ˜€μŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ μ΅œκ·Όμ—λŠ” SPA(Signle-Page-Application)λ₯Ό μ΄μš©ν•˜μ—¬ ν΄λΌμ΄μ–ΈνŠΈ(λŒ€ν‘œμ μœΌλ‘œ React, Vue, Angular)λ₯Ό κ΅¬ν˜„ν•˜λ©°, ν΄λΌμ΄μ–ΈνŠΈλ₯Ό μ„œ...

2019λ…„ 10μ›” 28일2개의 λŒ“κΈ€
React - eject 없이 Mobx λ°μ½”λ ˆμ΄ν„° μ‚¬μš©ν•˜κΈ° Thumbnail

React - eject 없이 Mobx λ°μ½”λ ˆμ΄ν„° μ‚¬μš©ν•˜κΈ°

였늘 써볼 글은 React의 μƒνƒœκ΄€λ¦¬λ₯Ό ν•  λ•Œ 많이 μ‚¬μš©ν•˜λŠ” 라이브러리인 Mobx의 λ°μ½”λ ˆμ΄ν„°λ₯Ό CRAμ—μ„œ yarn eject 없이 μ‚¬μš©ν•˜λŠ” 법을 μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€ :) 보톡은 Mobx 말고도 λ°μ½”λ ˆμ΄ν„°λ₯Ό μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ Mobxλ₯Ό μ‚¬μš©ν•˜λ©΄μ„œ λ°μ½”λ ˆμ΄ν„°λ₯Ό ...

2019λ…„ 10μ›” 27일0개의 λŒ“κΈ€
🐳 Docker 도컀 - #1 κΈ°λ³Έ λͺ…λ Ήμ–΄ λͺ¨μŒ Thumbnail

🐳 Docker 도컀 - #1 κΈ°λ³Έ λͺ…λ Ήμ–΄ λͺ¨μŒ

λ„μ»€λž€ κ°„λ‹¨ν•˜κ²Œ 말해 μ„œλ²„ν™˜κ²½μ—μ„œμ˜ λ‹€μ–‘ν•œ ν”„λ‘œκ·Έλž¨, μ‹€ν–‰ν™˜κ²½μ„ μ»¨ν…Œμ΄λ„ˆλΌλŠ” 격리된 ν™˜κ²½μ—μ„œ μ‹€ν–‰ν•  수 있게 ν•΄μ£ΌλŠ” μ»¨ν…Œμ΄λ„ˆ 기반의 μ˜€ν”ˆμ†ŒμŠ€ 가상화 ν”Œλž«νΌ μž…λ‹ˆλ‹€. 이λ₯Ό μ΄μš©ν•˜λ©΄ λ³΅μž‘ν•œ μ„œλ²„ν™˜κ²½μ„ μ½”λ“œλ‘œ μ‰½κ²Œ 관리할 수 있고 μ•ˆμ •μ μΈ λ°°ν¬ν™˜κ²½ (무쀑단 배포 λ“±) ꡬ성...

2019λ…„ 9μ›” 24일0개의 λŒ“κΈ€
CORS에 λŒ€ν•œ κ°„λ‹¨ν•œ κ³ μ°° Thumbnail

CORS에 λŒ€ν•œ κ°„λ‹¨ν•œ κ³ μ°°

이 ν¬μŠ€νŠΈμ—μ„œλŠ” CORS에 λŒ€ν•œ μ΄μŠˆμ— λŒ€ν•΄μ„œ 닀뀄볼렀고 ν•©λ‹ˆλ‹€. μ›Ή κ°œλ°œμ„ ν•˜λ‹€λ³΄λ©΄ ν•œλ²ˆμ―€ κ²ͺκ²Œλ˜λŠ” 이슈둜 ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„μ˜ μ˜€λ¦¬μ§„μ΄ λ‹€λ₯Ό λ•Œ λ°œμƒν•˜λŠ” μ΄μŠˆμž…λ‹ˆλ‹€. πŸ€” CORS? 크둜슀 도메인? CORSλŠ” Cross Origin Resource Shari...

2019λ…„ 9μ›” 23일2개의 λŒ“κΈ€