profile
์ด๊ฒŒ ์™œ ๐Ÿท
post-thumbnail

Google Authentication renderButton issue

๐Ÿšจ Google signin ๋ฒ„ํŠผ ๋ Œ๋”๋ง ์ด์Šˆ

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

[React] react 18 useEffect ๋‘ ๋ฒˆ ์‹คํ–‰๋˜๋Š” ์ด์Šˆ

React 18 production mode์˜ Strict Mode์—์„œ ์ปดํฌ๋„ŒํŠธ์˜ ์ˆœ์ˆ˜์„ฑ์„ ๊ฒ€์‚ฌํ•˜๊ธฐ ์œ„ํ•ด useEffect๋ฅผ ๋‘ ๋ฒˆ ์‹คํ–‰ํ•œ๋‹ค.

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

React Query useQuery๋กœ ๊ฒ€์ƒ‰๊ฒฐ๊ณผ ์บ์‹ฑํ•˜๊ธฐ

React Query useQuery, ๊ฒ€์ƒ‰๊ฒฐ๊ณผ ์บ์‹ฑํ•˜๊ธฐ

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

[Duckparta] study - 7์ฃผ๊ฐ„์˜ ์Šคํ„ฐ๋”” ํšŒ๊ณ 

๐Ÿฅ react study Duckparta

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

[React] study 6์ฃผ์ฐจ (3) - Routing (Server-side , Client-side)

Routing (Server-side , Client-side)

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

[React] study 6์ฃผ์ฐจ (2) - Redux (Flux pattern, redux-thunk, redux-toolkit)

Flux pattern, redux-thunk, redux-toolkit (configureStore, createAction, createReducer, createSlice)

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

[React + Redux] study 6์ฃผ์ฐจ (1) - React์— Redux ์ ์šฉํ•˜๊ธฐ

Redux ์„ค์น˜, action type, action creator, combineReducer, store ์ƒ์„ฑ, Reducer ์ ์šฉ

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

[React] study 5์ฃผ์ฐจ - ๋กœ๊ทธ์ธ, ๋Œ“๊ธ€ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ (localStorage, Recoil useSetRecoilState, useRecoilValue)

๋กœ๊ทธ์ธ, ๋Œ“๊ธ€ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ (localStorage, Recoil useSetRecoilState, useRecoilValue) ๐Ÿšจ Warning: Maximum update depth exceeded.

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

[Node.js] study 3์ฃผ์ฐจ - ๋น„๋™๊ธฐ (non-blocking I/O, single thread, ์ด๋ฒคํŠธ ๋ฃจํ”„)

Node.js์˜ non-blocking I/O, single thread, ์ด๋ฒคํŠธ ๋ฃจํ”„

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

[React, Typescript] React, Typescript ๊ฐœ๋ฐœํ™˜๊ฒฝ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ, github pages ์‚ฌ์šฉํ•˜๊ธฐ

๐Ÿšจ Support for the experimental syntax 'jsx' isn't currently enabled

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

[Javascript] study 2์ฃผ์ฐจ (2) - JS review (ํ•จ์ˆ˜ ์„ ์–ธ์‹ vs ํ•จ์ˆ˜ ํ‘œํ˜„์‹ vs ํ™”์‚ดํ‘œ ํ•จ์ˆ˜, ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์˜ this, ESmodules, ํ€ด์ฆˆ + ์˜ค๋‹ต๋…ธํŠธ)

ํ•จ์ˆ˜ ์„ ์–ธ์‹ vs ํ•จ์ˆ˜ ์„ ์–ธ์‹ vs ํ™”์‚ดํ‘œ ํ•จ์ˆ˜, ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์˜ this, ESmodules (import, export), ํ€ด์ฆˆ + ์˜ค๋‹ต๋…ธํŠธ

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

[Javascript] study 2์ฃผ์ฐจ (1) - JS review (var vs let vs const, lexical scope, Object.entries, computed property name)

โœ๏ธ var vs let vs const, lexical scope, Object.entries, computed property name

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

[React] study 1์ฃผ์ฐจ - ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •ํ•˜๊ธฐ without CRA, Babel, Webpack

create-react-app ์—†์ด ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •ํ•˜๊ธฐ, Babel plugin, preset, Webpack

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

[React] ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ - onClick(), useState

โœ๏ธ html ์š”์†Œ ์ธ๋ผ์ธ onClick ์†์„ฑ์œผ๋กœ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌํ•˜๊ธฐ, useState๋กœ ์ƒํƒœ ๊ด€๋ฆฌํ•˜๊ธฐ

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

[์•Œ๊ณ ๋ฆฌ์ฆ˜] ์ง์ง€์–ด ์ œ๊ฑฐํ•˜๊ธฐ

โœ๏ธ ๋ฌธ์ž์—ด S๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ, ์ง์ง€์–ด ์ œ๊ฑฐํ•˜๊ธฐ๋ฅผ ์„ฑ๊ณต์ ์œผ๋กœ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด ์ฃผ์„ธ์š”. ์„ฑ๊ณต์ ์œผ๋กœ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์œผ๋ฉด 1์„, ์•„๋‹ ๊ฒฝ์šฐ 0์„ ๋ฆฌํ„ดํ•ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

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

[Javascript] setInterval ์ค‘๋ณต ์‹คํ–‰ ๋ฐฉ์ง€ - (setInterval, clearInterval)

โœ๏ธ setInterval ์ค‘๋ณต์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ •ํ™•ํ•˜๊ฒŒ ํ•œ ๋ณ€์ˆ˜์— setInterval์„ ์ •์˜ํ•˜๊ณ  ์ด ๋ณ€์ˆ˜๋ฅผ clearIntervalํ•ด์ค˜์•ผํ•œ๋‹ค.

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

[์•Œ๊ณ ๋ฆฌ์ฆ˜] ์ด์ง„ ๋ณ€ํ™˜ ๋ฐ˜๋ณตํ•˜๊ธฐ

โœ๏ธ s๊ฐ€ "1"์ด ๋  ๋•Œ๊นŒ์ง€ ๊ณ„์†ํ•ด์„œ s์— ์ด์ง„ ๋ณ€ํ™˜์„ ๊ฐ€ํ–ˆ์„ ๋•Œ, ์ด์ง„ ๋ณ€ํ™˜์˜ ํšŸ์ˆ˜์™€ ๋ณ€ํ™˜ ๊ณผ์ •์—์„œ ์ œ๊ฑฐ๋œ ๋ชจ๋“  0์˜ ๊ฐœ์ˆ˜๋ฅผ ๊ฐ๊ฐ ๋ฐฐ์—ด์— ๋‹ด์•„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”.

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

[์•Œ๊ณ ๋ฆฌ์ฆ˜] ๊ธฐ๋Šฅ๊ฐœ๋ฐœ

โœ๏ธ ๋จผ์ € ๋ฐฐํฌ๋˜์–ด์•ผ ํ•˜๋Š” ์ˆœ์„œ๋Œ€๋กœ ์ž‘์—…์˜ ์ง„๋„๊ฐ€ ์ ํžŒ ์ •์ˆ˜ ๋ฐฐ์—ด progresses์™€ ๊ฐ ์ž‘์—…์˜ ๊ฐœ๋ฐœ ์†๋„๊ฐ€ ์ ํžŒ ์ •์ˆ˜ ๋ฐฐ์—ด speeds๊ฐ€ ์ฃผ์–ด์งˆ ๋•Œ ๊ฐ ๋ฐฐํฌ๋งˆ๋‹ค ๋ช‡ ๊ฐœ์˜ ๊ธฐ๋Šฅ์ด ๋ฐฐํฌ๋˜๋Š”์ง€๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•˜์„ธ์š”.

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

[์•Œ๊ณ ๋ฆฌ์ฆ˜] ํ”ผ๋ณด๋‚˜์น˜ ์ˆ˜ - DFS (๊นŠ์ด ์šฐ์„  ํƒ์ƒ‰)

โœ๏ธ 2 ์ด์ƒ์˜ n์ด ์ž…๋ ฅ๋˜์—ˆ์„ ๋•Œ, n๋ฒˆ์งธ ํ”ผ๋ณด๋‚˜์น˜ ์ˆ˜๋ฅผ 1234567์œผ๋กœ ๋‚˜๋ˆˆ ๋‚˜๋จธ์ง€๋ฅผ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด ์ฃผ์„ธ์š”.

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

[์•Œ๊ณ ๋ฆฌ์ฆ˜] JadenCase ๋ฌธ์ž์—ด ๋งŒ๋“ค๊ธฐ

โœ๏ธ ๋ฌธ์ž์—ด s๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ, s๋ฅผ JadenCase๋กœ ๋ฐ”๊พผ ๋ฌธ์ž์—ด์„ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด์ฃผ์„ธ์š”.

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