profile
์ง€ํ˜œ์˜ Devlog ๐Ÿ“š
๊ธ€์‹œ๋ฆฌ์ฆˆ์†Œ๊ฐœ
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (27)React(9)JavaScript(6)CSS(4)nextjs(4)aws(3)webpack(3)openlayers(3)ec2(3)html(2)๋ทฐํฌํŠธ(2)Nginx(2)node.js(2)npm(2)cors(2)ํด๋ฐฑ ๊ธฐ๋ฒ•(1)Proxy(1)๋ฐ˜์‘ํ˜•(1)nodejs(1)TDD(1)input(1)gyp(1)sessionStorage(1)keydown(1)supertest(1)error(1)emailJS(1)Node(1)redux-toolkit(1)Blob(1)base64(1)express.js(1)๋ฏธ๋””์–ด ์ฟผ๋ฆฌ(1)cross browsing(1)mysql(1)styled components(1)๋ฏธ๋””์–ด์ฟผ๋ฆฌ(1)localstorage(1)webpack-dev-serve(1)mongo db(1)react native(1)pm2(1)jest(1)code splitting(1)cookie(1)express(1)file(1)Database(1)loadable(1)redux(1)modal(1)android(1)git(1)typescript(1)keypress(1)keyup(1)๋™์  ์ž„ํฌํŠธ(1)๋ฒค๋” ์ ‘๋‘์‚ฌ(1)Vendor Prefix(1)popup(1)apollo(1)
post-thumbnail

[JS] input type="file" ๋™์ผ ๊ฐ’ ์—…๋กœ๋“œํ•˜๊ธฐ!

๐Ÿ“š input type="file" ๋™์ผ ๊ฐ’ ์—…๋กœ๋“œํ•  ๋•Œ onChange ์ด๋ฒคํŠธ ๋ฒ„๊ทธ ์žก๊ธฐ!

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

[JS] ์ฒจ๋ถ€ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ๋Š” ์–ด๋–ป๊ฒŒ ํ•˜์ง€?

๐Ÿ“š React์—์„œ Blob ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•œ ์ฒจ๋ถ€ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ ๊ธฐ๋Šฅ ๊ตฌํ˜„!

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

[Redux] Redux-Toolkit ์‹œ์ž‘ํ•˜๊ธฐ!

๐Ÿ“š Next.js + Typescript ํ™˜๊ฒฝ์—์„œ Redux-Toolkit ๋„์ž…ํ•˜๊ธฐ!

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

[JS] ์˜ค๋Š˜ ํ•˜๋ฃจ ๋™์•ˆ ์ด ์ฐฝ์„ ์—ด์ง€ ์•Š์Œ!

๐Ÿ“š document.cookie๋ฅผ ์‚ฌ์šฉํ•œ ๋ชจ๋‹ฌ์ฐฝ '์˜ค๋Š˜ ํ•˜๋ฃจ ๋™์•ˆ ์ด ์ฐฝ์„ ์—ด์ง€ ์•Š์Œ'๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ!

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

[JS] sessionStorage๋ฅผ ์‚ฌ์šฉํ•œ ์–ธ์–ด ๋ณ€๊ฒฝํ•˜๊ธฐ?

๐Ÿ“š sessionStorage๋ฅผ ์‚ฌ์šฉํ•œ ์›น ์‚ฌ์ดํŠธ ์–ธ์–ด ์ƒํƒœ ์ ์šฉํ•˜๊ธฐ!

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

[OpenLayers] OpenLayers ์‹œ์ž‘ํ•˜๊ธฐ! (3) - Layer, Zoom, Center, Coordinates, Scale

๐Ÿ“š ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง€๋„ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ OpenLayers ์‹œ์ž‘ํ•˜๊ธฐ! - Layer, Zoom, Center, Coordinates, Scale ๋“ฑ์˜ ์ปจํŠธ๋กค๋Ÿฌ ์ƒ์„ฑ!

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

[OpenLayers] OpenLayers ์‹œ์ž‘ํ•˜๊ธฐ! (2) - ๊ทผ๋ฐ ์ด์ œ React์™€ Next๋ฅผ ๊ณ๋“ค์ธ..

๐Ÿ“š ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง€๋„ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ OpenLayers ์‹œ์ž‘ํ•˜๊ธฐ! - Context API๋กœ React+Next์— OpenLayers ์ ์šฉ!

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

[OpenLayers] OpenLayers ์‹œ์ž‘ํ•˜๊ธฐ! (1) - ๊ทผ๋ฐ ์ด์ œ React์™€ Next๋ฅผ ๊ณ๋“ค์ธ..

๐Ÿ“š ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง€๋„ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ OpenLayers ์‹œ์ž‘ํ•˜๊ธฐ! - OpenLayers๋กœ Map ๊ฐ์ฒด ์ƒ์„ฑ!

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

[Next.js] Next์—์„œ styled-components ์ ์šฉํ•˜๊ธฐ!

๐Ÿ“š Next.js์—์„œ styed-components ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์ž!

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

[AWS] EC2์— React + Node.js ์•ฑ ๋ฐฐํฌํ•˜๊ธฐ! (3) - pm2๋ฅผ ์‚ฌ์šฉํ•œ ์„œ๋ฒ„ ๊ธฐ๋™๊ณผ cors ์—๋Ÿฌ ํ•ด๊ฒฐ

๐Ÿ“š AWS EC2์— React + Node.js(express+apollo) ๋ฐฐํฌํ•˜๊ธฐ! - pm2๋ฅผ ์‚ฌ์šฉํ•œ ์„œ๋ฒ„ ๊ธฐ๋™๊ณผ cors ์—๋Ÿฌ ํ•ด๊ฒฐ!

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

[AWS] EC2์— React + Node.js ์•ฑ ๋ฐฐํฌํ•˜๊ธฐ! (2) - Nginx๋ฅผ ์‚ฌ์šฉํ•œ React ๋ฐฐํฌ

๐Ÿ“š AWS EC2์— React + Node.js(express+apollo) ๋ฐฐํฌํ•˜๊ธฐ! - Nginx๋ฅผ ์‚ฌ์šฉํ•œ React ์•ฑ ๋ฐฐํฌ!

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

[Nginx] Nginx๋ž€?

๐Ÿ“š Nginx์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด์ž!

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

[AWS] EC2์— React + Node.js ์•ฑ ๋ฐฐํฌํ•˜๊ธฐ! (1) - AWS EC2 ์ธ์Šคํ„ด์Šค ์ƒ์„ฑ

๐Ÿ“š AWS EC2์— React + Node.js(express+apollo) ๋ฐฐํฌํ•˜๊ธฐ! - AWS EC2 ์ธ์Šคํ„ด์Šค ์ƒ์„ฑ๊ณผ ์—ฐ๊ฒฐ!

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

[Cross-Browsing] iPhone input/textarea ์ž‘์„ฑ์ด ์•ˆ๋œ๋‹ค?

๐Ÿ“š iPhone์—์„œ ๋ฐœ์ƒํ•˜๋Š” input/textarea cross-browsing ์ด์Šˆ ํ•ด๊ฒฐํ•˜๊ธฐ!

CSScross browsing
2021๋…„ 10์›” 7์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[Node.js] Node.js & NPM ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๊ธฐ!

๐Ÿ“š Node.js์™€ NPM ์ตœ์‹ ์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๊ธฐ!

node.jsnpmwebpackwebpack-dev-serve
2021๋…„ 9์›” 13์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[emailJS] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์ด๋ฉ”์ผ ๋ณด๋‚ด๊ธฐ!

๐Ÿ“š emailJS๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์ด๋ฉ”์ผ ๋ณด๋‚ด๊ธฐ!

JavaScriptReactemailJS
2021๋…„ 7์›” 19์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[Node.js] TDD ๋ฐฉ์‹์ด ์™œ ํ•„์š”ํ• ๊นŒ?

๐Ÿ“š ์ฝ”๋“œ ์œ ์ง€๋ณด์ˆ˜ ํšจ์œจ์„ ๋†’์ด๋Š” TDD ๋ฐฉ์‹์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ!

TDDexpress.jsjestmongo dbnode.jssupertest
2021๋…„ 7์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[React Native] SDK location not found.

๐Ÿ“š React Native Android emulator ์—๋Ÿฌ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•!

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

[MySQL] MySQL ๋ฐ์ดํ„ฐ ๋ณด๊ธฐโˆ™์„ ํƒโˆ™์‚ญ์ œ

๐Ÿ“š MySQL ๊ฐ„๋‹จํ•œ ์ž‘์—…(๋ฐ์ดํ„ฐ ๋ณด๊ธฐโˆ™์„ ํƒโˆ™์‚ญ์ œ) ์•Œ์•„๋ณด๊ธฐ!

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

[React] loadable์„ ์‚ฌ์šฉํ•œ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฟํŒ…

๐Ÿ“š ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋†’์ด๊ธฐ ์œ„ํ•œ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฟํŒ… ์•Œ์•„๋ณด๊ธฐ!

Reactcode splittingloadable
2021๋…„ 6์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท