profile
Hello~~๐Ÿ‘‹
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (62)gql(6)์กฐ๊ฑด๋ถ€ ๋ Œ๋”๋ง(4)REST API(3)foreach(2)defaultValue(2)useEffect(2)devDependencies(2)antd(2)createBoard(2)Context API(2)GRAPHQL-API(2)Apollo Cache State(2)prev()(2)dependencies(2)useRef(2)ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ(2)HoC(2)React-player(2)isNaN(2)GRAPHQL-API ์„ธํŒ…(1)fetchBoard API(1)์ˆซ์ž ํ‘œํ˜„ ๋ฐฉ๋ฒ•(1)react-quill(1)typescript(1)readAsDataURL()(1)Props ์ „๋‹ฌํ•˜๋Š” ๋ฐฉ๋ฒ•(1)search(1)styleํด๋” ์ง€์šฐ๊ธฐ(1)routing(1)Map์— key๊ฐ’ ์ฃผ๋Š” ์ด์œ (1)Object.is(1)Map์— key๊ฐ’ ์ฃผ๊ธฐ(1)๊ฐ๊ฐ์˜ ์š”์†Œ์— ๋ Œ๋”๋ง ๊ฑธ๊ธฐ(1)๋™๊ธฐ(1)์„ค์ •ํŒŒ์ผ(1)dynamic routing(1)Firebase ์„ธํŒ…(1)์‚ฌ์šฉ๋ฐฉ๋ฒ•(1)Firebase ์ด์šฉํ•ด๋ณด๊ธฐ(1)API(1)ORM(1)indexOf(1)unshift shift ์„ฑ๋Šฅ(1)๋ฌธ์ž์—ด์˜ ๋ถˆ๋ณ€์„ฑ(1)router.pathname(1)prompt(1)๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(1)ํ”„๋ ˆ์ž„์›Œํฌ(1)๋ผ์ดํ”Œ ์‚ฌ์ดํด(1)iterable ๊ฐ์ฒด(1)JSON.stringify(1)dislikeBoard(1)exportํ•ด์˜ฌ๋•Œ ์ค‘๊ด„ํ˜ธ๋ฅผ ํ•˜๋Š”๊ฒƒ๊ณผ ์•ˆํ•˜๋Š”๊ฒƒ์˜ ์ฐจ์ด(1)http(1)try catch ๋ฌธ๋ฒ•(1)์ฝ”๋“œํฌ๋งทํ„ฐ(1)graphql-request(1)stack(1)queue(1)0x 0b 0o๋ฅผ ์ด์šฉํ•œ ์ˆซ์ž ํ‘œํ˜„(1)fetchBoards API(1)updateBoard API(1)์ฟ ํ‚ค(1)createBoard API(1)์˜ต์…”๋„ ์ฒด์ด๋‹(1)JSON.parse(1)bearer(1)fetchBoard(1)Cache(1)new Array()(1)deleteBoard API(1)์–‘๋ฐฉํ–ฅ ์•”ํ˜ธํ™”(1)๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ”„๋ ˆ์ž„์›Œํฌ ์ฐจ์ด(1)FileReader(1)refetch(1)DOMPurify(1)for ... of(1)codegen(1)new Image(1)isFinite(1)์ฟผ๋ฆฌ ์ŠคํŠธ๋ง(1)app.js(1)rate(1)State ๋™์ž‘์›๋ฆฌ(1)router(1)useRouter(1)๋ž˜ํผ ๊ฐ์ฒด(1)dynamic-import(1)webp(1)์ฝ”๋“œ๋ฆฐํ„ฐ(1)๋‚ด๋ถ€ ํ”„๋กœ์„ธ์Šค ๊ณผ์ •(1)fill(1)๋ฐ์ฝ”๋ ˆ์ดํ„ฐ(1)dequeue(1)useState(1)API ์„ค๋ช…์„œ&์—ฐ์Šต๋„๊ตฌ(1)async await(1)createContext(1)new FileReader()(1)parseFloat(1)parseInt(1)package.json(1)/public/fonts ํด๋”(1)๋น„๋™๊ธฐ(1)index.tsํŒŒ์ผ(1)๋‹จ๋ฐฉํ–ฅ ์•”ํ˜ธํ™”(1)ํ„ฐ๋ฏธ๋„ ๋ช…๋ น์–ด ์„ค๋ช…(1)includes()(1)ํ•ดํ‚น(1)setting(1)@PrimaryGeneratedColumn(1)use apollo client(1)๋น„ ์ œ์–ด ์ปดํฌ๋„ŒํŠธ(1)entity(1)typeOrm(1)PromiseAll(1)ESLint(1)Prettier(1)e๋ฅผ ์ด์šฉํ•œ ์ˆซ์ž ํ‘œํ˜„(1)layout(1)๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ(1)refresh_token(1)COLUMN(1)๋งค๊ฐœ๋ณ€์ˆ˜ args(1)๋ฌธ์ž์—ด(1)next/router(1)JWT(1)find(1)performance.now(1)Symbol.iterator(1)global font ์ ์šฉ(1)src/commons/styles ํด๋”(1)Modal์•ˆ์— input์ฐฝ ๋งŒ๋“ค๊ธฐ(1)font family(1)ํด๋กœ์ €(1)GRAPHQL ๊ณผ REST API์˜ ์ฐจ์ด(1)filter(1)Board.postgres.tsํŒŒ์ผ(1)props.children(1)open API(1)react-daum-postcode(1)์˜์กด์„ฑ ๋ฐฐ์—ด(1)๋Œ“๊ธ€๋ฆฌ์ŠคํŠธ(1)next.js์— ๊ด€ํ•˜์—ฌ(1)Hide component(1)ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ vs ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ(1)async/await(1)๋ณต์žกํ•˜๊ฒŒ ์ปดํฌ๋„ŒํŠธ ์—ฐ๊ฒฐ์‹œ์ผœ๋ณด๊ธฐ(1)TypeScript์„ค์น˜(1)tsconfig.jsonํŒŒ์ผ(1)ErrorCheck(1)value(1)confirm(1)useContext(1)๋ฆฌํŒฉํ† ๋ง(1)์›์‹œํ˜• ๋ฐ์ดํ„ฐ(1)tofixed(1)ํ—ˆ์Šคํ‚ค(1)refetchQueries(1)MaterialUI(1)JSX ์„ค๋ช…(1)ํƒ€์ž…์ง€์ •ํ•˜๊ธฐ(1)Map Index(1)๋ฆฌ์•กํŠธ๋ฅผ ๋ฐฐ์šฐ๋Š” ์ด์œ (1)FIFO(1)์ œ์–ด ์ปดํฌ๋„ŒํŠธ(1)accesstoken(1)SSR(1)splice(1)toString์œผ๋กœ ์ˆซ์ž ํ‘œํ˜„(1)์ปดํฌ๋„ŒํŠธ ์žฌํ™œ์šฉํ•˜๊ธฐ(1)GlobalStyles(1)HoF(1)onload(1)appendChild(1)readonly(1)provider(1)array(1)package.json ์ž˜๋ชป๋งŒ์ ธ์„œ ์—๋Ÿฌ๋‚ฌ์„๋•Œ(1)Front Backend ํ†ต์‹  ์ˆœ์„œ๋„(1)yup(1)esLint ์„ธํŒ… ๋ฐฉ๋ฒ•(1)LIFO(1)์œ ์‚ฌ ๋ฐฐ์—ด(1)dangerouslysetinnerhtml(1)kakao map(1)์œ ๋ช…ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(1)๋ฐ”์ธ๋”ฉ(1)๊ฐ์ฒด๋กœ ํ”„๋กญ์Šค ์ „๋‹ฌ(1)ํ”„๋กœ์ ํŠธ ํด๋” ์„ค์ •(1)ํ”„๋ฆฌํ‹ฐ์–ด ์„ค์น˜(1)slice(1)End point(1)input tag readOnly์†์„ฑ(1)Swagger(1)์ž๋™ ์ค„๋ฐ”๊ฟˆ ์„ธํŒ…(1)Array.from(1)static routing(1)Early Exit Pattern(1)Map(1)์‚ผํ•ญ ์—ฐ์‚ฐ์ž(1)CRUD(1)postman(1)startswith(1)Playground(1)Props(1)Container / Presenter(1)1์ฃผ์ฐจ ์ด ์ •๋ฆฌ(1)๋ฐ์ดํ„ฐ ์—…๋ฐ์ดํŠธ ํ•˜๋Š”๋ฐฉ๋ฒ•(1)์—๋Ÿฌ ๋˜์ง€๊ธฐ(1)Codegen์„ค์น˜(1)updateBoard(1)์ „์ฒด์ ์œผ๋กœ style์ฃผ๊ธฐ(1)enqueue(1)next.js ์„ค๋ช…(1)youtubeUrl(1)modal(1)likeBoard(1)yarn ์„ค์น˜(1)fetchBoardComments(1)
post-thumbnail

10/29 ์ˆ˜์—…๋‚ด์šฉ

$ npx react-native start$ npx react-native run-android<View> div๊ฐ™์€๊ฑฐreact-native์—์„œ ์ œ๊ณตํ•˜๋Š” ํƒœ๊ทธ๋“ค์„ ์“ธ ์ˆ˜ ์žˆ์ŒView , useColorScheme , Text , StyleSheet .....๊ธฐ

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

10/28 ์ˆ˜์—… ๋‚ด์šฉ

์ˆ˜์—…๋‚ด์šฉ

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

10/27

dev => ๊ฐœ๋ฐœ๋ชจ๋“œ์—ฌ์„œ ํŽ˜์ด์ง€๊ฐ€ ๋ฐ”๋€”๋•Œ๋งˆ๋‹ค ์šฐ์ธก ํ•˜๋‹จ์— ์„ธ๋ชจ๋‚œ๊ฒŒ ์ƒ๊ธฐ๋ฉด์„œ ์ข€ ๋А๋ ธ๋Š”๋ฐstart => production(prod) ๋ชจ๋“œ์—์„  ์šฐ์ธก ํ•˜๋‹จ์— ์„ธ๋ชจ๋‚œ๊ฒŒ ์—†์–ด์ง€๊ณ  ์†๋„๋„ ๋นจ๋ผ์งyarn start๋Š” ๋นŒ๋“œ๋ฅผ ๋จผ์ € ํ•˜๊ณ  ๋‚˜์„œ ํ•ด์•ผ ํ•จyarn build => yarn

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

10/26 ์ˆ˜์—…๋‚ด์šฉ

GCP2

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

GCP(Google Cloud Platform) ์„ธํŒ…

GCP(Google Cloud Platform) ์„ธํŒ…

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

ใ…ใ„ดใ…‡ใ…ใ„ด

LB(Load Balancer) : ๋ถ€ํ•˜๋ฅผ ๋ฐธ๋Ÿฐ์‹ฑํ•œ๋‹ค๋‚ด๊ฐ€ ์–ด๋–ค ์„œ๋น„์Šค๋ฅผ ํ•˜๊ณ ์žˆ๋Š”๋ฐ ๊ฐ‘์ž๊ธฐ ์‚ฌ์šฉ์ž๊ฐ€ ๋ชฐ๋ ธ์„๋•Œ ์ปดํ“จํ„ฐ๊ฐ€ ๊ฐ‘์ž๊ธฐ ๋งŽ์ด ํ•„์š”ํ•ด์ง. ๊ทธ๋Ÿฌ๋ฉด ์ปดํ“จํ„ฐ๋ฅผ ์ฃผ๋ฌธํ•ด์„œ ์˜ฌ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ ธ๋‹ค๊ฐ€ ์˜ค๋ฉด LB(๋กœ๋“œ ๋ฐธ๋Ÿฐ์„œ) ์—ฐ๊ฒฐํ•ด์ฃผ๊ณ ,์†Œ์Šค์ฝ”๋“œ ๊น”์•„์ฃผ๊ณ  ํ•ด์•ผํ•จ. ๊ทผ๋ฐ ์†Œ์Šค์ฝ”๋“œ ๋ฐ”๋€Œ๋ฉด

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

routed ํŽ˜์ด์ง€์—์„œ ์นด์นด์˜ค ๋งต ์ง€๋„ ๋„์›Œ๋ณด๊ธฐ

routed ํŽ˜์ด์ง€์—์„œ ์นด์นด์˜ค ๋งต ์ •์ƒ์ ์œผ๋กœ ๋ฐ›์•„์™€๋ณด๊ธฐ

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

Kakao ์ง€๋„ API ์ ์šฉํ•ด๋ณด๊ธฐ

kakao map api๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๊ธฐ(1)

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

React-Quill

ํ•ดํ‚น์˜ ์œ„ํ—˜์„ฑ์„ ์—†์•ค์ƒํƒœ๋กœ React-Quill ์—๋””ํ„ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์“ฐ๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…

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

localStorage๋ฅผ ์ด์šฉํ•ด ์žฅ๋ฐ”๊ตฌ๋‹ˆ ๊ตฌํ˜„ํ•˜๊ธฐ

์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ๋‹ด๊ธฐ ๊ตฌํ˜„ ์„ค๋ช…

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

์ฟ ํ‚ค๋ฅผ ์ €์žฅํ•˜๋Š” ๋ฐฉ๋ฒ•

์ฟ ํ‚ค๋ฅผ ์ €์žฅํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ , startsWith๋ฅผ ์ด์šฉํ•ด์„œ ์›ํ•˜๋Š”๊ฐ’๋งŒ ๊ณจ๋ผ๋‚ด๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•จ

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

Apollo Cache State

์•„ํด๋กœ ์บ์‰ฌ ์Šคํ…Œ์ดํŠธ ์„ค๋ช…

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

use apollo client

use apollo client

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

Refresh Token

refreshToken์„ ํ†ตํ•ด์„œ ํ† ํฐ์ด ๋งŒ๋ฃŒ๋˜์—ˆ์„๋•Œ ์–ด๋–ป๊ฒŒ accessToken์ด ๊ฐฑ์‹ ๋˜๋Š”์ง€ ์„ค๋ช… , ๊ทธ๋ฆฌ๊ณ  ์ฝ”๋“œ๋กœ ๊ตฌํ˜„ํ•œ๊ฑฐ ์„ค๋ช…

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

๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ

๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ ์„ค๋ช…

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

yup ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

yup ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์„ค์น˜๋ฐฉ๋ฒ• , ์“ฐ๋Š”๋ฐฉ๋ฒ• ์„ค๋ช…

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

React-Hook-Form

์ œ์–ด ์ปดํฌ๋„ŒํŠธ์™€ ๋น„ ์ œ์–ด ์ปดํฌ๋„ŒํŠธ , React-Hook-form ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ๋Œ€ํ•œ ์„ค๋ช…๊ณผ React-Hook-form ์„ค์น˜ ๋ฐฉ๋ฒ• ๊ทธ๋ฆฌ๊ณ  ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ์„ค๋ช…

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

HOC๋ฅผ ์ด์šฉํ•ด ๋กœ๊ทธ์ธํ•œ์œ ์ €/์•ˆํ•œ์œ ์ € ๊ถŒํ•œ๋ถ„๊ธฐ ํ•˜๋ฉด์„œ ์Šค์Šค๋กœ ํ•ด๊ฒฐ ํ•˜์ง€ ๋ชปํ–ˆ๋˜ ๋ถ€๋ถ„ (ํ•ด๊ฒฐํ•จ)

HOC๋ฅผ ์ด์šฉํ•ด ๊ถŒํ•œ๋ถ„๊ธฐ๋ฅผ ํ–ˆ์„๋•Œ ๋‚˜ ์Šค์Šค๋กœ ํ•ด๊ฒฐ ๋ชปํ•˜๊ณ  ๋ฉ˜ํ† ๋‹˜์˜ ๋„์›€์„ ๋ฐ›์€ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•จ

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

HOC & HOF

HOC ์™€ HOF ์„ค๋ช…

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

JWT , ์‘๋‹ตํ—ค๋” & ์š”์ฒญํ—ค๋” , ์„œ๋ฒ„์‚ฌ์ด๋“œ๋ Œ๋”๋ง ,

JWT , ํ† ํฐ , ์š”์ฒญ&์‘๋‹ต ํ—ค๋” , ์„œ๋ฒ„์‚ฌ์ด๋“œ๋ Œ๋”๋ง ์„ค๋ช…

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