
Storybook ์์ฑํ๊ธฐ #3 - ์ค๋ ์ท ํ ์คํ
์ง๋ ํฌ์คํธ์ ์ด์ด ์ด๋ฒ ๊ธ์์๋ Storybook์์ ์ค๋ ์ท์ ์ด์ฉํ์ฌ ์ปดํฌ๋ํธ ํ ์คํธ ์๋ํ๋ฅผ ํด๋ณด๊ฒ ์ต๋๋ค. ๐ผ๏ธ Snapshot Testing? snapshot ํ ์คํธ ์ผ์ด์ค๋ UI component๋ฅผ ๋ ๋๋งํ ๋ค, ์คํฌ๋ฆฐ์ท์ ์ฐ๊ณ , ํ ์คํธ ๋ถ๊ทผ์ ์ ์ฅ๋ ๋ ...

Storybook ์์ฑํ๊ธฐ #2 - ํ์ฉํ๊ธฐ
์ง๋ ๊ธ์์ ๊ฐ๋จํ๊ฒ Storybook์ด ๋ฌด์์ด๊ณ ์ด๋ค ๊ธฐ๋ฅ์ ์ ๊ณตํ๋์ง ์์๋ณด์์ต๋๋ค. ์ด๋ฒ๊ธ์์๋ React.js์์ Storybook์ ์ด๋ป๊ฒ ์ ์ฉํ๊ณ ์ฌ์ฉํ๋์ง ๊ฐ๋จํ ํฌ๋๋ฆฌ์คํธ๋ฅผ ๋ง๋ค๋ฉด์ ์์๋ณด๋ ค๊ณ ํฉ๋๋ค. ๐ Storybook-cli ์ค์น ๋ฐ ์์ ๋จผ...

Storybook ์์ฑํ๊ธฐ #1 - ๊ฐ์
์ด๋ฒ ํฌ์คํธ์์๋ Storybook ์ด๋ผ๋ ๊ฒ์ ์์๋ณผ๊น ํฉ๋๋ค. Storybook์ UI ๊ตฌ์ฑ ์์(์ปดํฌ๋ํธ)๋ฅผ ๊ฐ๋ฐํ๊ธฐ์ํ ์คํ ์์ค ๋๊ตฌ์ ๋๋ค. ์์ ์๋ ํ์ด์ง ๋จ์์ ๊ฐ๋ฐ์ ํ์๋ค๋ฉด ์์ฆ์๋ ์ปดํฌ๋ํธ ๋จ์๋ก ํ๋ก ํธ์๋๋ฅผ ๊ฐ๋ฐํ๊ณ , ๋ง์ ๋ถ๋ค์ด React, V...

How to use TypeScript
Typescript๋ฅผ ๋ฐฐ์ฐ๋ฉด์ ์ค์ํ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ์ด์ ๋ถํฐ ํ์ ์คํฌ๋ฆฝํธ์ ์ฅ์ ๊ณผ ํ์์ฑ์ ์๊ณ ๋ ์์์ง๋ง Typescript๋ฅผ ์ฐ์ง ์๊ณ ๋ ๊ฐ๋ฐ์ ์ ํด์๊ธฐ ๋๋ฌธ์ ์ฌ์ฉ์ ๊บผ๋ ค์์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ํ์์ฒ๋ผ React๋ก javascript๋ง์ ์ด์ฉํ์ฌ ...
![[HTTP] REST API ๋ Thumbnail](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/wlsdud2194/342c5fd0-f93f-11e9-9ef9-0b316824c39b/restapi%ED%8C%8C%ED%97%A4%EC%B9%98%EA%B8%B0.png&width=768)
[HTTP] REST API ๋
๊ณผ๊ฑฐ์๋ ๋ธ๋ผ์ฐ์ ๊ฐ ์น์๋ฒ์ ์นํ์ด์ง๋ฅผ ์์ฒญํ์ฌ ํด๋ผ์ด์ธํธ๋ฅผ ์ ๊ณตํ์ฌ ์นํ์ด์ง๊ฐ ์๋ํ์์ต๋๋ค. ํ์ง๋ง ์ต๊ทผ์๋ SPA(Signle-Page-Application)๋ฅผ ์ด์ฉํ์ฌ ํด๋ผ์ด์ธํธ(๋ํ์ ์ผ๋ก React, Vue, Angular)๋ฅผ ๊ตฌํํ๋ฉฐ, ํด๋ผ์ด์ธํธ๋ฅผ ์...

React - eject ์์ด Mobx ๋ฐ์ฝ๋ ์ดํฐ ์ฌ์ฉํ๊ธฐ
์ค๋ ์จ๋ณผ ๊ธ์ React์ ์ํ๊ด๋ฆฌ๋ฅผ ํ ๋ ๋ง์ด ์ฌ์ฉํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ Mobx์ ๋ฐ์ฝ๋ ์ดํฐ๋ฅผ CRA์์ yarn eject ์์ด ์ฌ์ฉํ๋ ๋ฒ์ ์์๋ณด๊ฒ ์ต๋๋ค :) ๋ณดํต์ Mobx ๋ง๊ณ ๋ ๋ฐ์ฝ๋ ์ดํฐ๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. ํ์ง๋ง Mobx๋ฅผ ์ฌ์ฉํ๋ฉด์ ๋ฐ์ฝ๋ ์ดํฐ๋ฅผ ...

๐ณ Docker ๋์ปค - #1 ๊ธฐ๋ณธ ๋ช ๋ น์ด ๋ชจ์
๋์ปค๋ ๊ฐ๋จํ๊ฒ ๋งํด ์๋ฒํ๊ฒฝ์์์ ๋ค์ํ ํ๋ก๊ทธ๋จ, ์คํํ๊ฒฝ์ ์ปจํ ์ด๋๋ผ๋ ๊ฒฉ๋ฆฌ๋ ํ๊ฒฝ์์ ์คํํ ์ ์๊ฒ ํด์ฃผ๋ ์ปจํ ์ด๋ ๊ธฐ๋ฐ์ ์คํ์์ค ๊ฐ์ํ ํ๋ซํผ ์ ๋๋ค. ์ด๋ฅผ ์ด์ฉํ๋ฉด ๋ณต์กํ ์๋ฒํ๊ฒฝ์ ์ฝ๋๋ก ์ฝ๊ฒ ๊ด๋ฆฌํ ์ ์๊ณ ์์ ์ ์ธ ๋ฐฐํฌํ๊ฒฝ (๋ฌด์ค๋จ ๋ฐฐํฌ ๋ฑ) ๊ตฌ์ฑ...

CORS์ ๋ํ ๊ฐ๋จํ ๊ณ ์ฐฐ
์ด ํฌ์คํธ์์๋ CORS์ ๋ํ ์ด์์ ๋ํด์ ๋ค๋ค๋ณผ๋ ค๊ณ ํฉ๋๋ค. ์น ๊ฐ๋ฐ์ ํ๋ค๋ณด๋ฉด ํ๋ฒ์ฏค ๊ฒช๊ฒ๋๋ ์ด์๋ก ํด๋ผ์ด์ธํธ์ ์๋ฒ์ ์ค๋ฆฌ์ง์ด ๋ค๋ฅผ ๋ ๋ฐ์ํ๋ ์ด์์ ๋๋ค. ๐ค CORS? ํฌ๋ก์ค ๋๋ฉ์ธ? CORS๋ Cross Origin Resource Shari...