profile
FE Developer๐ŸŒฑ

[Typescript] Non-null assertion operator

!๋กœ ํ‘œ์‹œํ•ด๋‹น ์—ฐ์‚ฐ์ž๊ฐ€ null, undeifned๊ฐ€ ์•„๋‹ˆ๋ผ๊ณ  ์ง€์ •ํ•ด์ฃผ๋Š” ๊ฒƒ

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

react์— tailwind css ์ ์šฉ

tailwind.css tailwind.config.js package.json App์— tailwind.output.css import ํ•ด์ฃผ๊ธฐ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ๋ถ€๋ถ„๋งŒ ์ตํžˆ๋ฉด ๋ฐ˜์‘ํ˜•์œผ๋กœ ์ ์šฉํ•  ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์ง€๋งŒ ์ปดํฌ๋„ŒํŠธ๋ณ„๋กœ ์Šคํƒ€์ผ๋ง ํ•˜๊ธฐ ์–ด๋ ค์›Œ์„œ emotion์„ ์“ฐ๋Š”๊ฒŒ ๋” ๋‚˜์€๊ฑฐ ๊ฐ™๊ธฐ๋„ ํ•จ!

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

[Linux] mount ์„ค์ •

fdisk -l ๋””์Šคํฌ ์กฐํšŒfdisk /ํด๋”๋ช… ํŒŒํ‹ฐ์…˜ ์ƒ์„ฑmount /ํด๋”๋ช… /mountํ•  ํด๋”๋ช…df -Th ํ™•์ธ

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

[Linux] crontab ์Šค์ผ€์ค„๋Ÿฌ

1. .txt .csv ํ™•์žฅ์ž๋กœ ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘ 2. sh ์Šคํฌ๋ฆฝํŠธ ์ž‘์„ฑ 3. .sql ํŒŒ์ผ ์ž‘์„ฑ 4. .logํŒŒ์ผ ์ƒ์„ฑ(๊ฐ’ ์ž…๋ ฅX) ํŒŒ์ผ ๊ถŒํ•œ ์„ค์ • ํ•ด์ฃผ๊ธฐ chmod 5. ์Šค์ผ€์ค„๋Ÿฌ ์„ค์ •

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

[MSA] ๊นŠ๊ฒŒ ์‚ดํŽด๋ณด๊ธฐ

๋น ๋ฅด๊ฒŒ ๊ฐœ๋ฐœํ•˜์—ฌ ์ง€์†์ ์„ ๋ฐฐํฌ๊ฐ€ ๊ฐ€๋Šฅ๋ช…ํ™•ํ•œ API๋ฅผ ํ†ตํ•ด ๋†’์€ ํ™•์žฅ์„ฑ -> ์ธ์Šคํ„ด์Šค ์ถ”๊ฐ€ ์‹œ ์ˆ˜๋™์œผ๋กœ ๋กœ๋“œ๋ฐธ๋Ÿฐ์„œ๋ฅผ ๊ตฌ์„ฑ ํ•ด ์ฃผ์–ดํ– ํ•œ๋‹ค๋Š” ๋‹จ์  ์กด์žฌ๋ฌด์ƒํƒœ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์•„๋ฌด๊ฒƒ๋„ ๊ณต์œ ํ•˜์ง€ ์•Š๋Š” ์•„ํ‚คํ…์ฒ˜๋ฅผ ์œ ์ง€ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๊ณต์œ ํ•˜์ง€ ์•Š์ŒQ. ๋ชจ๋“  ์š”์ฒญ์— ๋งž๊ฒŒ ์ ์šฉ๋˜์•ผ

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

OAuth

OAuth flow

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

[Node] ๊ฐœ๋…

๋ธŒ๋ผ์šฐ์ €์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ...?๋ชจ๋“ˆ์ด๋ž€ ํŠน์ •ํ•œ ๊ธฐ๋Šฅ์„ ํ•˜๋Š” ํ•จ์ˆ˜๋‚˜ ๋ณ€์ˆ˜๋“ค์˜ ์ง‘ํ•ฉ์ด๋‹ค.๋ชจ๋“ˆ => ํŒŒ์ผ๋…ธ๋“œ์—์„œ๋Š” ๋Œ€๋ถ€๋ถ„์˜ ํŒŒ์ผ์ด ๋‹ค๋ฅธ ํŒŒ์ผ์„ ๋ชจ๋“ˆ๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Œ๋…ธ๋“œ์—์„œ๋Š” ๊ธฐ๋ณธ์ ์ธ ๋‚ด์žฅ ๊ฐ์ฒด์™€ ๋‚ด์žฅ ๋ชจ๋“ˆ์„ ์ œ๊ณต๋ธŒ๋ผ์šฐ์ €์˜ window ๊ฐ์ฒด์™€ ๋น„์Šทnode๋Š” dom์ด๋‚˜ windo

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

[Redux] toolkit- createAsyncThunk

createAsyncThunk๋Š” 3๊ฐ€์ง€์˜ ํŒŒ๋ผ๋ฏธํ„ฐ๊ฐ€ ์กด์žฌ ๋ฌธ์ž์—ด action type ๋น„๋™๊ธฐ ์š”์ฒญ์ด ์˜ฌ ๋•Œ ๋Œ€ํ‘œ๋˜๋Š” ์•ก์…˜ ํƒ€์ž… constant payloadCreator ๋น„๋™๊ธฐ ๋กœ์ง์˜ ๊ฒฐ๊ณผ๋ฅผ ํฌํ•จํ•˜์—ฌ ๋ฆฌํ„ดํ•˜๋Š” ์ฝœ๋ฐฑํ•จ์ˆ˜(๊ทผ๋ฐ ๋™๊ธฐ์ ์ธ ๊ฒƒ๋„ ๋ฆฌํ„ดํ•  ์ˆ˜ ์žˆ์Œ)

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

Spring security

Spring security filter interceptor ๋ชจ๋†€๋ฆฌ์‹์—์„œ์˜ ์œ„์น˜ web.xml(load-on-startup = servlet-context.xml) servlet-context(JSP + Controller) โžก๏ธ filter โžก๏ธ Spring์˜ c

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

[Java] Stream

๋ฐ์ดํ„ฐํƒ€์ž…์„ ์ถ”์ƒํ™”ํ•˜์—ฌ ๋ฐฐ์—ด, ์ปฌ๋ ‰์…˜ ๋“ฑ์„ ๋ชจ๋‘ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•Stream = ๋Š์ด์ง€์•Š๊ณ  ๊ฐ์ฒด๊ฐ€ ๊ณ„์† ์›€์ง์ด๋Š” ๊ฒƒ๋ถˆ๋ณ€์„ฑ => flux์ผํšŒ์šฉ => ๋ฌด์ƒํƒœ๋‚ด๋ถ€ ๋ฐ˜๋ณต ์ฒ˜๋ฆฌ => map(), forEach()์ง€์—ฐ๋œ ์—ฐ์‚ฐ => Lazy(๋ฉ”๋ชจ๋ฆฌ ์ ์œ ๋ฅผ ํ•˜์ง€

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

[AWS] RDS ์ƒ์„ฑ

๊ผญ ํ”„๋ฆฌ ํ‹ฐ์–ด๋กœ ๋ณ€๊ฒฝํ•˜๊ธฐ!!rds ์„ค์ • ํ™”๋ฉดDB์ธ์Šคํ„ด์Šค ์‹๋ณ„์ž, ๋งˆ์Šคํ„ฐ ์‚ฌ์šฉ์ž ์ด๋ฆ„, ๋งˆ์Šคํ„ฐ์•”ํ˜ธ ์„ค์ •๋ณด์•ˆ ๊ทธ๋ฃน ์ƒ์„ฑ๋ณด์•ˆ๊ทธ๋ฃน \-์ธ๋ฐ”์šด๋“œ๋ณด์•ˆ๊ทธ๋ฃน ์„ค์ •ํŒŒ๋ผ๋ฏธํ„ฐ๋„ ์ƒ์„ฑํ•˜์—ฌ ์ถ”๊ฐ€ํ•ด์ฃผ๊ธฐํŒŒ๋ผ๋ฏธํ„ฐ

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

Redux Toolkit

Creating a slice requires a string name to identify the slice, an initial state value, and one or more reducer functions to define how the state can b

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

Redux

https://redux.js.org ์ฐธ๊ณ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋žจ๋ฐ์„ ํ•ด์•ผ ํ•˜๋Š”๋ฐ ๋ฆฌ์•กํŠธ๋Š” ํด๋กœ์ €ํ•จ์ˆ˜๊ทธ๋ž˜์„œ pureํ•จ์ˆ˜์ธ ๋ฆฌ๋•์Šค๊ฐ€ ํ•„์š”A Predictable State Container for JS Apps๋ฆฌ๋•์Šค๋Š” ์ƒํƒœ ์ปจํ…Œ์ด๋„ˆ๋‹ค.global state of your

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

Closure, Lexical environment

Closure ๊ฐ์ฒด๋กœ ์ทจ๊ธ‰ํ•˜๋Š” ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํŠน์„ฑ > โ€œA closure is the combination of a function and the lexical environment within which that function was decla

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

๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค ์•„ํ‚คํ…์ฒ˜, ๋ชจ๋†€๋ฆฌ์‹ ์•„ํ‚คํ…์ฒ˜

์Šคํ”„๋ง์œผ๋กœ ํ•˜๋Š” ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค ๊ตฌ์ถ• ์ฑ… ์ฐธ๊ณ backend, frontend ๋‚˜๋ˆ ์„œ ๊ฐœ๋ฐœํ”„๋กœ์ ํŠธ์˜ ๊ธฐ๋Šฅ๋“ค์„ ์ž‘๊ณ  ๋…๋ฆฝ์ ์ด๋ฉฐ ๋Š์Šจํ•˜๊ฒŒ ๊ฒฐํ•ฉ ๋œ ๋ชจ๋“ˆ๋กœ ๋ถ„ํ•ด2๊ฐœ ์ด์ƒ ์„œ๋ฒ„์™€ DB๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹์„œ๋ฒ„๋ฅผ ์—ฌ๋Ÿฌ๊ฐœ ์šด์˜ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋ชจ๋†€๋ฆฌ์‹๋ณด๋‹ค ์œ ์ง€๋น„์šฉ์ด ๋งŽ์ด ๋“ ๋‹ค.์ทจ์•ฝํ•œ ๋ณด์•ˆ๊ฐœ๋ฐœํ™˜

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

BoilerPlate

์žฌ์‚ฌ์šฉ ํ•  ์ˆ˜ ์žˆ๊ณ , ๋น„์Šทํ•œ ํ˜•ํƒœ์˜ ์ฝ”๋“œ๋ฅผ ๋ฐ˜๋ณต์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค.=> start.spring.io๋ฅผ ํ†ตํ•ด ์ƒ์„ฑ=> Spring Data JPA์˜ ๊นƒํ—™์„ ์‚ดํŽด๋ณด๋ฉด domain๊ณผ repository๊ฐ€ ์žˆ์–ด์•ผ ํ•˜๋Š” ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค.=> CRA ๋ช…๋ น์–ด๋ฅผ ํ†ตํ•ด ์ƒ์„ฑ

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

[Error] MySQL syntax error

์ฐธ๊ณ ๋ธ”๋กœ๊ทธ https://sdevstudy.tistory.com/22

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

[Error] Spring์—์„œ @GetMapping, @PostMapping ์ ์šฉ์•ˆ๋˜๋Š” ๊ฒฝ์šฐ

Spring Boot์—์„œ ์ž˜ ์ ์šฉ๋˜๋˜ @GetMapping, @PostMapping ์–ด๋…ธํ…Œ์ด์…˜์ด Spring์—์„œ๋Š” ์ ์šฉ์ด ๋˜์ง€ ์•Š์•˜๋‹ค.๊ตฌ๊ธ€๋งํ•ด๋ณด๋‹ˆ ๋ ˆ๊ฑฐ์‹œ ํ”„๋กœ์ ํŠธ์ผ ๊ฒฝ์šฐ sts3์„ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— org.springframework-version์„ ๋ณ€๊ฒฝํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค๊ณ 

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

[Linux] 18.04 Ubuntu ์„ค์น˜๋ฐฉ๋ฒ•

D๋“œ๋ผ์ด๋ธŒ ๋งŒ๋“ค๊ธฐ(100G ์ด์ƒ์œผ๋กœ ์žก๋Š” ๊ฒƒ์ด ์ข‹๋‹ค)18.04 Ubutu 64-bit PC (AMD64) desktop image ๋‹ค์šดUniversal USB Installer UUI ๋‹ค์šด(๋ฒ„์ „: 2.0.0.0)USB๋ฅผ ๊ฝ‚์€ ์ƒํƒœ์—์„œ ์ง„ํ–‰ํ•˜๊ธฐSelect a Distri

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

Spring boot + React build process

be, fe ํ•ฉ์ณ์„œ buildํ•˜๋Š” ๋ฐฉ๋ฒ• (21.03.16 ๊ธฐ์ค€)spring boot + react ์—ฐ๋™workspace ํด๋” ๋งŒ๋“ค๊ณ  sts ์‹คํ–‰create new Spring starter projectnpx create-react-app fefe ๊ฒฝ๋กœ์— yarn ad

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