
Contact.
Email. [email protected]
Phone. 010-3526-1413
Channel.
Blog. https://bananajeong.tistory.com
GitHub. https://github.com/Najeong-Kim
๐ Introduction.
- ์๋
ํ์ธ์! ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ฅผ ๊ฟ๊พธ๋ ๊น๋์ ์
๋๋ค.
- ์ฑ์ฅ๊ณผ ์๋ก์ด ๊ฒฝํ์ ํฅํ ๋์ ์ ์ ์ด ๊ฐํฉ๋๋ค. ํ๊ณ ์ถ์ ์ผ์ด ์์ผ๋ฉด ํ ๋ฒ๋ ํด๋ณด์ง ์์๋๋ผ๋ ํ๋ฉด ๋๋ค๋ ์๊ฐ์ผ๋ก ์๋ํด๋ด
๋๋ค. ํ๋ฉด ๋๋ค๋ ๋ง์๊ฐ์ง์ผ๋ก ๋ง์ ๊ฒฝํ์ ๊ฑฐ์ณ ๊ฐ๋ฐ์ ์์ํ์ต๋๋ค.
- ๊ณต๋์ฒด ํ๋์ ์ข์ํฉ๋๋ค. ์ฌ๋ฌผ๋์ด ๋์๋ฆฌ, ๋๋ฌผ์ ๋ด์ฌํ๋, ์ธํด, ์๋ฅด๋ฐ์ดํธ ๋ฑ ๋ง์ ํ๋์ ์ฃผ๋์ ์ผ๋ก ๊ฒฝํํ์ผ๋ฉฐ ์ฌ๋๋ค๊ณผ ํจ๊ป ๋
ธ๋ ฅํ๊ณ ์ฑ์ฅํ๋ ๊ฒ์ ์ฆ๊ฑฐ์ํฉ๋๋ค.
- ๊ธฐ๋ก์ ์ข์ํ์ฌ 7๋
๋์ ์ผ๊ธฐ๋ฅผ ์จ์๊ณ ๊ฐ๋ฐ๊ณผ ํจ๊ป ๋ธ๋ก๊ทธ ํ๋์ ์์ํด์ ์ค๋ซ๋์ ํด์์ต๋๋ค. 300์ผ ๋๊ฒ TIL ์ฑ์ฅ ๊ธฐ๋ก์ ๋จ๊ธฐ๋ฉฐ ์๋กญ๊ฒ ๋ฐฐ์ด ๋ด์ฉ์ ์ ๋ฆฌํ๋ ค๊ณ ๋
ธ๋ ฅํฉ๋๋ค.
๐ป Projects.
ํ๋ก์ ํธ ๋ด์ฉ
- ๊ทธ๋ฃน ๋ฐ ์ฑ๋ ๋จ์๋ก ์ค์๊ฐ ์ฑํ
๊ณผ ํ์ํ์๋ฅผ ์ง์ํ๋ ํ์
ํด
- WebRTC API๋ฅผ ์ด์ฉํด ์๊ท๋ชจ ํ์ ํ์ ๊ธฐ๋ฅ ๊ตฌํ, ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ๋ณผ๋ฅจ ์ธก์ , ์ฅ๋น์ํ ๊ณต์ ๊ธฐ๋ฅ ๊ตฌํ
- ๊ฐ๊ฐ์ ๊ทธ๋ฃน/์ฑ๋/์ค๋ ๋์ ๋ํ ์๋ก์ด ์ ๋ณด๋ฅผ ํ์ํ ์ฌ์ฉ์์๊ฒ๋ง ์ ๋ฌํ๊ธฐ ์ํด socket.io์
Room
๊ธฐ๋ฅ ํ์ฉ
- server๋ฅผ ํตํ์ง ์๊ณ client์์ ๊ณง๋ฐ๋ก Object Storage๋ก ์ด๋ฏธ์ง๋ฅผ ์
๋ก๋ํ ์ ์๋๋ก
pre-signed url
์ด์ฉ
- ๋ถํ์ํ ์ค๋ณต ์์ฒญ์ ์ค์ด๊ธฐ ์ํด API ์์ฒญ์ ํตํด ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๊ธฐ ์ํ Tool๋ก
SWR
์ฌ์ฉ
- Jest๋ก 100์ฌ๊ฐ์ ํ๋ก ํธ์๋ ์ ํธ ๋ฐ ๋ฐฑ์๋ ๋ก์ง
๋จ์ ํ
์คํธ ์ฝ๋
์์ฑ์ผ๋ก ์ฝ๋์ ๋ํ ์์ ์ฑ ํ๋ณด
- 4์ธ ํ์
์ ํ๋ฉด์ ๋ธ๋์น ์ ๋ต์ผ๋ก ๊ฐ์ํ๋
git-flow
****์ฑํ
- ๋งค์ผ ์คํฌ๋ผ๊ณผ ํ๊ณ ์งํ, ํ ๋ด์ธ๋ถ๋ก ์ฝ๋๋ฆฌ๋ทฐ ์งํ
- ํ ๋ด์์ ์คํฐ๋์ ๊ฐ๋ฐ์ผ์ง๋ฅผ ํ ๋๋ก ๊ธฐ์ ๊ณต์ ์ธ์
์งํ
์ฌ์ฉ ๊ธฐ์
- ํ๋ก ํธ์๋: React, Redux, SWR, styled-components
- ๋ฐฑ์๋: Node.js, express, MySQL, TypeORM
- ๊ธฐํ: Jest, socket.io, WebRTC
ํ๋ก์ ํธ ๋ด์ฉ
- ๊ฐ์ธ ์ฑํฅ์ ๋ง๋ ์ทจ๋ฏธ๋ฅผ ์ถ์ฒํด์ฃผ๋ ์๋น์ค, ํด์ฆ๋ฅผ ํตํด ๋ณธ์ธ์ ์ทจ๋ฏธ ํ์
๊ณผ ํ๋์ ์ถ์ฒ
- ์น ์๋ฒ ์์ด ํ๋ก ํธ์๋ ๊ธฐ์ ๋ง์ผ๋ก ํ๋ก์ ํธ ์งํ
- ๋ฆฌ์กํธ ํจ์ํ ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฉ
- ๋ฐ์ดํฐ ์ง์ ์์ฑ, ์ฌ์ฉ์ ํ
์คํธ๋ฅผ ์งํํ์ฌ ์ ํ๋ ํฅ์์ ์ํด ๋
ธ๋ ฅ
- ๋จ์ ํ
์คํธ ์ฝ๋ ์์ฑ
- Github pages๋ฅผ ํ์ฉํ์ฌ ์ ์ ํธ์คํ
์ผ๋ก ๋ฐฐํฌ
์ฌ์ฉ ๊ธฐ์
React, Redux, Emotion, Jest
๐ Skills.
- ์น ์ผ๋ฐ: HTML, CSS, JavaScript(ES6), TypeScript
- ํ๋ก ํธ์๋: React, Redux, Emotion
- ๋ฐฑ์๋: Node.js, express, sequelize, MySQL