profile
๐Ÿ’ช๐Ÿป ์•„๋Š” ๊ฑธ ์„ค๋ช…ํ•  ์ค„ ์•„๋Š” ๊ฐœ๋ฐœ์ž ๋˜๊ธฐ
post-thumbnail

CSR ๋ฐฐํฌ ์ „๋žต with S3, Cloud Front, Github Actions

AWS์˜ S3, Cloud Front, Github Actions๋ฅผ ์ด์šฉํ•ด https๋กœ ๋ฐฐํฌํ•˜๊ณ  CD๋ฅผ ์ ์šฉํ•ด๋ณด์ž

2022๋…„ 4์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

AWS ๊ฐ„๋‹จํžˆ ์ดํ•ดํ•˜๊ธฐ - S3, EC2 Cloud Front

AWS ๊ฐ„๋‹จํžˆ ์ดํ•ดํ•˜๊ธฐ โœ๏ธ

2022๋…„ 4์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

์‹ ์ž… ๋ฉด์ ‘ ๋ฐ˜์„ฑ๋ก

์ทจ์ค€ ๋Œ์ž…ํ•œ ์‹ ์ž…์˜ ๋ฉด์ ‘ ๋ฐ˜์„ฑ๋ก

2022๋…„ 4์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

GitHub Actions ์‹œ์ž‘ํ•˜๊ธฐ - checkout๊ณผ context, secret

๐Ÿ“ ๊ฐœ์š” ์ด์ „ ๊ฒŒ์‹œ๊ธ€์—์„  Github-Actions์˜ ์•„์ฃผ ๊ธฐ์ดˆ์ ์ธ ํ๋ฆ„์„ ์ดํ•ดํ–ˆ๋‹ค. ์ด๋ฒˆ์—๋Š” checkout์ด ๋ฌด์—‡์ธ์ง€ ์ดํ•ดํ•˜๊ณ  shell ๋ช…๋ น์–ด์—์„œ ์—ฌ๋Ÿฌ๊ฐ€์ง€ context ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ์—ฐ์Šต์„ ํ•ด๋ณธ๋‹ค. Context๋ž€? Context๋Š” Runner๊ฐ€ ์‹คํ–‰๋ 

2022๋…„ 4์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

GitHub Actions ์‹œ์ž‘ํ•˜๊ธฐ

๊ฐœ๋ฐœ์„ ์–ด๋Š ์ •๋„ ํ•˜๋‹ค๋ณด๋ฉด ์ž๋™ํ™”๋ž€ ํ‚ค์›Œ๋“œ๋ฅผ ์—ฌ๊ธฐ์ €๊ธฐ์„œ ๋“ค์„ ์ˆ˜ ์žˆ๋‹ค. ๋‚˜ ์—ญ์‹œ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ธ๋ฐ ์—ฌํƒœ๊ป ์–ด๋ ค์šด ๊ฐœ๋…์ด๋ผ ์ƒ๊ฐํ•ด ์ฐจ์ผํ”ผ์ผ ๋ฏธ๋ฃจ๋ฉฐ ํƒ์ƒ‰๋งŒ ํ•ด์˜ค๋‹ค ์ƒ๊ฐ๋ณด๋‹ค ์–ด๋ ต์ง€ ์•Š๋‹ค๊ณ  ๋Š๊ปด ์ •๋ฆฌ๋ฅผ ํ•ด๋ณด๋ ค ํ•œ๋‹ค.Github์—์„œ๋Š” Github Actions๋ฅผ ํ†ตํ•ด CI/CD๋ฅผ

2022๋…„ 4์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ | ๋‹ˆ์ฝ˜๋‚ด์ฝ˜ ๊ณผ์ œ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ

๋Œ€๋žต ์ดํ‹€๋™์•ˆ ๋‹ˆ์ฝ˜๋‚ด์ฝ˜ ์›น ๋ชจ๋ฐ”์ผ ํด๋ก ์„ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋ถ€์กฑํ•œ ๋ถ€๋ถ„๋“ค์„ ๋ฆฌํŒฉํ† ๋งํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค.๋ฆฌํŒฉํ† ๋ง์€ ์„ธ ๋ถ€๋ถ„์œผ๋กœ ๋‚˜๋ˆ ์„œ ์ง„ํ–‰ํ•  ๊ฒƒ์ด๋‹ค.1\. ์™„์„ฑ๋„๊ฐ€ ๋‚ฎ์€ ์ž์ž˜ํ•œ ์˜ค๋ฅ˜๋“ค ์ˆ˜์ •ํ•˜๊ธฐ2\. ํฌ๋กฌ ๋ผ์ดํŠธํ•˜์šฐ์Šค๋กœ ์›น ์„ฑ๋Šฅ ๊ฐœ์„ ํ•˜๊ธฐ3\. E2E ํ…Œ์ŠคํŒ…Swiper๊ฐ€ ์ž๋™์œผ๋กœ ์–ด๋Š

2022๋…„ 3์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ | 6๋ฒˆ์งธ ๊ณผ์ œ ํšŒ๊ณ  - 3์ฃผ์ฐจ

web fontformat ํƒ€์ž… ์ฐจ์ดwindow์—์„  ์•ˆ๋˜๋Š” ์ด์œ next.js์„ค์ •

2022๋…„ 2์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ | 4๋ฒˆ์งธ ๊ณผ์ œ ํšŒ๊ณ  - 2์ฃผ์ฐจ

๊นƒํ—ˆ๋ธŒ ๋งํฌ๋ฐฐํฌ ๋งํฌfigma์— ์ž‘์„ฑ๋œ ๊ฐ€์ด๋“œ ๊ทธ๋Œ€๋กœ ๊ตฌํ˜„ํ•˜๊ธฐjson-server๋กœ mock rest-api server ๋„์šฐ๊ธฐ๊ธฐ๋Šฅ ์ „์ฒด๊ฐ€๊ณต๋ฐฉ์‹, ์žฌ๋ฃŒ ๋‚ด์—์„œ ์„ ํƒ ์‹œ ์˜ต์…˜์„ ํฌํ•จํ•˜๊ณ  ์žˆ์œผ๋ฉด ๋ชจ๋‘ ๋…ธ์ถœ๊ฐ€๊ณต๋น™์‹ + ์žฌ๋ฃŒ ์„ ํƒ ์‹œ ์˜ต์…˜์„ ํฌํ•จํ•˜๊ณ  ์žˆ์œผ๋ฉด ๋ชจ๋‘ ๋…ธ์ถœ์ƒ๋‹ด ์ค‘์ธ

2022๋…„ 2์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ | 3๋ฒˆ์งธ ๊ณผ์ œ ํšŒ๊ณ  - 1์ฃผ์ฐจ

Wanted-preonboarding 2-1๊นƒํ—ˆ๋ธŒ ๋งํฌ๋ฐฐํฌ ๋งํฌ์‚ฌ์ง„๊ณผ ๊ฐ€๊ตฌ ์ •๋ณด๋ฅผ ์กฐํ•ฉํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ ๊ตฌํ˜„ํ•˜๊ธฐ๊ฐ€๊ตฌ ์ •๋ณด๊ฐ€ ์žˆ๋Š” ๊ณณ์— ๋‹๋ณด๊ธฐ ๋ชจ์–‘์˜ ๋ฒ„ํŠผ์„ ํ‘œ์‹œ๋‹๋ณด๊ธฐ๋ฅผ ํด๋ฆญํ•˜๋ฉด ์ƒํ’ˆ์ •๋ณด tool tip ์ถœ๋ ฅ๋˜๋ฉด์„œ ๋‹๋ณด๊ธฐ๋ชจ์–‘์ด ๋‹ซ๊ธฐ ๋ฒ„ํŠผ์œผ๋กœ ๋ณ€๊ฒฝ๋‹ซ๊ธฐ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด tool

2022๋…„ 2์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ | 2๋ฒˆ์งธ ๊ณผ์ œ ํšŒ๊ณ  - 1์ฃผ์ฐจ

๊นƒํ—ˆ๋ธŒ ๋งํฌ๋ฐฐํฌ ๋งํฌ๋…ธ์…˜(๋‚ด๊ฐ€ ๋งก์€ ๋ถ€๋ถ„ โœ…)์ƒํ’ˆ ๋“ฑ๋ก ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ๋…ธ์ถœ ๋ฐ ํŒ๋งค๊ธฐ๊ฐ„์ƒํ’ˆ ๊ธฐ๋ณธ ์ •๋ณด์ƒํ’ˆ ์˜ต์…˜ โœ…์ƒํ’ˆ ๋“ฑ๋ก์ƒํ’ˆ ์ •๋ณด ๊ณ ์‹œ โœ…์˜ต์…˜ ์„ธํŠธ(์ด๋ฏธ์ง€, ์˜ต์…˜ ์ •๋ณด) ์ถ”๊ฐ€ ์‚ญ์ œ์˜ต์…˜ ์„ธํŠธ ๋‚ด ์ด๋ฏธ์ง€ ์ถ”๊ฐ€, ์‚ญ์ œ์˜ต์…˜ ์„ธํŠธ ๋‚ด ์˜ต์…˜ ์ถ”๊ฐ€, ์‚ญ์ œ์˜ต์…˜ ์„ธํŠธ ๋‚ด ์˜ต์…˜ ๋‚ด ์ถ”๊ฐ€

2022๋…„ 1์›” 30์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TIL | Jest ์šฉ์–ด ์ •๋ฆฌ

๊ทœ๋ชจ๊ฐ€ ํฐ ํ”„๋กœ์ ํŠธ์˜ ๊ฒฝ์šฐ, ํ•˜๋‚˜ํ•˜๋‚˜ ํ…Œ์ŠคํŒ…ํ•˜๊ณ  ์žˆ์„ ์‹œ๊ฐ„์ด ์—†๋‹ค. ๋”ฐ๋ผ์„œ ์ž๋™ํ™”๋œ ํ…Œ์ŠคํŒ… ํˆด์„ ์‚ฌ์šฉํ•ด ํ…Œ์ŠคํŒ…์„ ์ง„ํ–‰ํ•œ๋‹ค.์ฝ”๋”ฉ์•™๋งˆ - Jest ๊ฐ•์ขŒ๊ฐ•์˜ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค.๊ทœ๋ชจ๊ฐ€ ํฐ ํ”„๋กœ์ ํŠธ์˜ ๊ฒฝ์šฐ, ํ•˜๋‚˜ํ•˜๋‚˜ ํ…Œ์ŠคํŒ…ํ•˜๊ณ  ์žˆ์„ ์‹œ๊ฐ„์ด ์—†๋‹ค. ๋”ฐ๋ผ์„œ ์ž๋™ํ™”๋œ ํ…Œ์ŠคํŒ…

2022๋…„ 1์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ | 1๋ฒˆ์งธ ๊ณผ์ œ ํšŒ๊ณ  - 1์ฃผ์ฐจ

Wanted-preonboarding 1 - 1 ๋ฐ๋ธŒ์ฝ”์Šค๊ฐ€ ๋๋‚˜๊ณ  ์ข‹์€ ๊ธฐํšŒ๋กœ ์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ์„ ์•Œ๊ฒŒ ๋˜

2022๋…„ 1์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ARTICLE | [JS] ์ •๊ทœํ‘œํ˜„์‹ ํ†บ์•„๋ณด๊ธฐ

๊ฐ„๋‹จ ์š”์•ฝ ๋ฐ˜๋ณต ๊ฒ€์ƒ‰ {m,n}: ์ตœ์†Œ m๋ฒˆ ์ตœ๋Œ€ n๋ฒˆ {m,}: ์ตœ์†Œ m๋ฒˆ {m} === {m,m}: m๋ฒˆ + === {1,}: ์ตœ์†Œ 1๋ฒˆ ?: ํฌํ•จ๋˜๊ฑฐ๋‚˜ ํฌํ•จ๋˜์ง€ ์•Š๊ฑฐ๋‚˜ | === or [] === or [] ๋‚ด์˜ ๋ฌธ์ž๋Š” or๋กœ ๋™์ž‘ํ•œ๋‹ค. /d === [0-

2022๋…„ 1์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ARTICLE | [JS] ES6 ํ•จ์ˆ˜์˜ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ, ๋ฐฐ์—ด, Date

๊ฐ์ฒด์— ๋ฐ”์ธ๋”ฉ๋œ ํ•จ์ˆ˜๋ฉ”์„œ๋“œ ์ถ•์•ฝํ‘œํ˜„์œผ๋กœ ์ •์˜๋œ ํ•จ์ˆ˜๋ฉ”์„œ๋“œ ๋น„๊ต๋‚ด๋ถ€์Šฌ๋กฏ \[\[HomeObject]]๋ฅผ ๊ฐ€์ง๋‚ด๋ถ€์Šฌ๋กฏ \[\[HomeObject]]๋กœ ์ž์‹ ์„ ๋ฐ”์ธ๋”ฉํ•œ ๊ฐ์ฒด๋ฅผ ์ฐธ์กฐ.ํ•˜๋‹จ์— super ์„ค๋ช…์„ ๋ณด๋ฉด ์•Œ๊ฒ ์ง€๋งŒ, ๋‚ด๋ถ€์Šฌ๋กฏ \[\[HomeObject]]๋ฅผ ํ†ตํ•ด sup

2022๋…„ 1์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํŒ€ํ”„๋กœ์ ํŠธ | ๐Ÿ„๐Ÿปโ€โ™‚๏ธ ๋‚ด ์ธ์ƒ ์„ฑ์žฅ๊ณก์„  ์‚ฌ์ดํŠธ: Surf

๊ฐœ์š” Surf ์†Œ๊ฐœ ๊ธฐ๋ก์„ ํ†ตํ•ด ๋‚˜๋งŒ์˜ ์„ฑ์žฅ๊ณก์„ ์„ ๋งŒ๋“ค์–ด๋‚˜๊ฐ€๋Š” ์„œ๋น„์Šค. ๊ธฐํš ๋ฐฐ๊ฒฝ ๋ฐ ๋™๊ธฐ >์—ด์‹ฌํžˆ ๋‹ฌ๋ ค์˜จ ๋‚˜ ์ž์‹ ! ์—ด์‹ฌํžˆ๋Š” ํ•˜๊ณ  ์žˆ๋Š”๋ฐ ๋‚ด๊ฐ€ ์–ผ๋งˆ๋‚˜ ๋ฐœ์ „ํ–ˆ๋Š”์ง€ ๊ธฐ๋กํ•˜๋Š” ๊ณต๊ฐ„์€ ์—†์„๊นŒ? ๊ทธ๋ƒฅ ์ผ๊ธฐ๋Š” ๋ฉ”๋ชจ์žฅ์—๋ผ๋„ ์ ์„ ์ˆ˜ ์žˆ๊ณ , ๋ธ”๋กœ๊ทธ๋Š” ์ด๋ฏธ ๋ฌด์ˆ˜ํžˆ ์กด์žฌํ•˜๊ณ , ์ƒ‰๋‹ค

2022๋…„ 1์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํŒ€ํ”„๋กœ์ ํŠธ | ๐Ÿ„๐Ÿปโ€โ™‚๏ธ Surf ์ค‘๊ฐ„ ํšŒ๊ณ ๋ก

์ค‘๊ฐ„ ํšŒ๊ณ ๋ก ๊ธฐ๊ฐ„: 21/11/25 - 21/12/13์„ฑ์žฅ๊ณก์„ ์œผ๋กœ ์ž์‹ ์˜ ์„ฑ์žฅ์„ ๊ธฐ๋กํ•˜๊ณ  ๊ณต์œ ํ•˜๋ฉฐ ๋™๊ธฐ๋ถ€์—ฌ ๋ฐ›๋Š” ์„œ๋น„์ŠคFE: ๊น€์˜ˆ์ž„(ํŒ€์žฅ), ๊น€์ฐฌ๋ฏผ, ๊น€์ง€์˜BE: ์ตœ์Šน์€(ํŒ€์žฅ), ๋ฐ•์ •๋ฏธ, ๋ฐ•์ˆ˜๋นˆ21/11/25 ~ 21/12/21์•ž์œผ๋กœ ํ•œ๋‹ฌ์—ฌ๊ฐ„ ํ”„๋ก ํŠธ์™€ ๋ฐฑ์•ค๋“œ๊ฐ€ ๋ชจ์—ฌ ์„œ

2021๋…„ 12์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ARTICLE | [JS] Promise, async, await

ํŒ€์›๋“ค๊ณผ ํ•จ๊ป˜ํ•˜๋Š” ๋ชจ๋˜ JS ๋”ฅ๋‹ค์ด๋ธŒ ์Šคํ„ฐ๋”” 10์ฐจ ๐Ÿ’•

2021๋…„ 11์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

react query ์ •๋ฆฌ

React Query๋กœ ์„œ๋ฒ„ ์ƒํƒœ ๊ด€๋ฆฌํ•˜๊ธฐif ์นด์นด์˜คuseQuery, useMutation ํ›…๋“ค์„ ์‚ฌ์šฉํ•ด ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ API ์š”์ฒญ ๋ฐ ๊ด€๋ฆฌ๋ฅผ ์ˆ˜์›”ํ•˜๊ฒŒ ํ•จ.API ํ˜ธ์ถœ ํ›„ ๋‚ด๋ถ€์ ์œผ๋กœ ๊ด€๋ฆฌํ•˜๋Š” queryClient๋ฅผ ํ†ตํ•ด API ๋ฐ์ดํ„ฐ ์บ์‹ฑ.๋˜‘๊ฐ™์€ API ์š”์ฒญ ์‹œ Q

2021๋…„ 11์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ARTICLE | [JS] ํด๋ž˜์Šค

ํด๋ž˜์Šค ํ•„๋“œ์˜ ์ด๋ฆ„๊ณผ constructor ๋‚ด๋ถ€์—์„œ this์— ํ• ๋‹นํ•œ ํ”„๋กœํผํ‹ฐ ์ด๋ฆ„์ด ๊ฐ™์„ ๋•Œ ์–ด๋Š ๊ฒƒ์ด ์šฐ์„ ์‹œ๋ ๊นŒ?์˜ˆ์ƒ: ํด๋ž˜์Šค ํ•„๋“œ๋ฅผ constructor ์•„๋ž˜์— ์„ ์–ธํ–ˆ๋‹ค๋ฉด ํด๋ž˜์Šค ํ•„๋“œ๊ฐ€ ์šฐ์„ ์‹œ ๋  ๊ฒƒํด๋ž˜์Šค ํ•„๋“œ๊ฐ€ ์„ ์–ธ๋œ ์œ„์น˜์— ์ƒ๊ด€์—†์ด ์ด๋ฆ„์ด ์ค‘๋ณต๋  ๊ฒฝ์šฐ cons

2021๋…„ 11์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TIL | [React]

๋ฆฌ์•กํŠธ ์ฒซ ์‹œ์ž‘! ์›๋ž˜๋Š” Vue ๋ฐœ๋งŒ ๋‹ด๊ถœ๋‹ค๊ฐ€ ๋นผ๊ธฐ ์‹ซ์–ด์„œ ๊นŠ๊ฒŒ ๊ณต๋ถ€ํ•˜๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ, ์ตœ์ข… ํ”„๋กœ์ ํŠธ์—์„œ Vue๋กœ ์ง„ํ–‰ํ•  ์ˆ˜ ์—†์„ ๊ฒƒ๋„ ๊ฐ™์•„ React๋„ ๊ณต๋ถ€ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค! ์•„์ž์•„์ž์ž์ž์ž ๐Ÿ‘Š ๋‹ค ๋ฟŒ์…”๋ฒ„๋ฃŒ hooks useEffect 1. ๋ฌด์–ธ๊ฐ€ ๋ณ€ํ™”๊ฐ€ ์žˆ์„ ๋•Œ ๊ฐ์ง€(

2021๋…„ 11์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท