profile
๐ŸŽจํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๐Ÿ’ป

mac -shell ์—์„œ ํŒŒ์ผ๋ช… ์ผ๊ด„ ๋ณ€๊ฒฝ

shell์—์„œ ํŒจํ„ด๋งค์นญํ•˜์—ฌ ํŒŒ์ผ๋ช… ํ•œ๋ฒˆ์— ๋ฐ”๊พธ๋Š” ๋ฐฉ๋ฒ•!

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

๋งˆ์šฐ์Šค ์ด๋ฒคํŠธ ์ •๋ณต

๋งˆ์šฐ์Šค ์ด๋ฒคํŠธ ์ •๋ณต // mouse ์ด๋ฒคํŠธ๊ฐ€ ์š”์†Œ์— ๋งˆ์šฐ์Šค๋ฅผ ์˜ฌ๋ผ๊ฐ”์„๋•Œ์™€ ๋ฒ—์–ด๋‚ฌ์„ ๋•Œ๋งŒ ์žˆ์œผ๋ฉด ์ด ๊ธ€์„ ์ž‘์„ฑํ•˜์ง€ ์•Š์•˜์„ ๊ฒƒ์ด๋‹ค.

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

์—๋Ÿฌ ํ•ธ๋“ค๋ง

์ฝ”์–ด์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ-์—๋Ÿฌํ•ธ๋“ค๋ง ๊ธ€์„ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์—๋Ÿฌ ํ•ธ๋“ค๋ง์„ ์–ด๋–ป๊ฒŒ ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์€๊ฐ€์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์„ ๊ณ„์† ํ•ด์™”๋‹ค.

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

Notion ๋‹จ์ถ•ํ‚ค ๋ชจ๋“ ๊ฒƒ!

๋…ธ์…˜์€ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋‹จ์ถ•ํ‚ค๋ฅผ ์ง€์›ํ•˜๊ณ  ์žˆ์–ด ๋‹จ์ถ•ํ‚ค๋งŒ ์•Œ๊ณ  ์žˆ๋‹ค๋ฉด ํ‚ค๋ณด๋“œ๋งŒ์„ ์‚ฌ์šฉํ•ด์„œ ์ƒ์‚ฐ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ๋‹ค.

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

๐Ÿงฉ ์ž๋ฃŒ๊ตฌ์กฐ/์•Œ๊ณ ๋ฆฌ์ฆ˜

ํŒจ์ŠคํŠธ์บ ํผ์Šค ๋„ค์นด๋ผ์ฟ ๋ฐฐ1๊ธฐ ์ž๋ฃŒ๊ตฌ์กฐ/์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ •๋ฆฌ

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

Github Actions๋กœ cypress report ๋ฐœํ–‰ํ•˜๊ธฐ

Medium Daily Digest ๋ฅผ ๊ตฌ๋…์ค‘์ธ๋ฐ Cypress ๊ธ€์„ ๋งŽ์ด ๋ดค๋”๋‹ˆ ์ถ”์ฒœ๊ธ€์— Cypress ๊ด€๋ จ ๊ธ€์ด ๋งŽ์•˜๋‹ค. ๊ทธ์ค‘์— Publish your Cypress Test Report with GitHub Actions๊ฐ€ ์žˆ์–ด ๊ธ€์„ ์ฝ์œผ๋ฉด์„œ ๋”ฐ๋ผํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค.

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

์Šคํƒ€์ผ๋ง

velopert ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ๋ง ํ•™์Šต ์ •๋ฆฌ Sass, CSS Module, CSS-in-JS(styled-components)

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

vscode Snippet ๋งŒ๋“ค๊ธฐ

snippet ์€ ์ฝ”๋“œ ์กฐ๊ฐ์œผ๋กœ ๋‹จ์ถ•์–ด๋ฅผ ํ†ตํ•ด ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ์ฝ”๋“œ๋ฅผ ๋น ๋ฅด๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ๊ฒƒ์ด๋‹ค.์˜ˆ๋ฅผ ๋“ค์–ด clg๋ผ๊ณ  ์ž…๋ ฅํ•˜๋ฉด console.log()๋กœ ๋ณ€๊ฒฝ๋˜๊ฑฐ๋‚˜rfc๋ผ๊ณ  ์ž…๋ ฅํ•˜๋ฉด ๋ฆฌ์•กํŠธ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ ๊ตฌ์กฐ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด์ฃผ์–ด ๋ฐ˜๋ณต์ ์ธ ์ฝ”๋“œ ์ž‘์„ฑ์‹œ๊ฐ„์„ ์ค„

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

ESLint ์„ค์ •

ESLint ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฌธ๋ฒ•์„ ํ™•์ธํ•ด์ฃผ๋Š” ๋„๊ตฌ์ด๋‹ค .

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

prettier ์‚ฌ์šฉ๋ฒ•

์ฝ”๋“œ ์Šคํƒ€์ผ์„ ์ •๋ฆฌํ•˜๊ธฐ ์œ„ํ•˜์—ฌ prettier๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• ์ •๋ฆฌ

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

class-properties ํด๋ž˜์Šค ํ•„๋“œ

๋ฆฌ์•กํŠธ ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ, ์˜ˆ์ „์—๋Š” constructor ๋‚ด๋ถ€์—์„œ this.state๋ฅผ ์„ค์ •ํ•ด์•ผ ํ–ˆ๋Š”๋ฐ ์š”์ฆ˜์€ constructor ์—†์ด ๋ฐ”๋กœ state๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ด์œ ์— ๋Œ€ํ•˜์—ฌ..

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

react setState์˜ ๋น„๋™๊ธฐ ๋™์ž‘

setState ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ, ์ธ์ž๋กœ ์—…๋ฐ์ดํŠธํ•  ๊ฐ’์„ ๋„ฃ์–ด์ค„ ์ˆ˜ ์žˆ๊ณ  ํ•จ์ˆ˜๋ฅผ ๋„˜๊ฒจ์ค„ ์ˆ˜ ๋„ ์žˆ๋‹ค. ๋‘ ๋ฐฉ๋ฒ•์˜ ์ฐจ์ด์ ์„ ์•Œ์•„๋ณด์ž

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

์ •๊ทœ์‹ ์ฒดํฌ

๊ด„ํ˜ธ ์•ˆ ๋ฌธ์ž๋ฅผ, ๊ด„ํ˜ธ ์•ž ์ˆซ์ž๋งŒํผ ๋ฐ˜๋ณตํ•˜์—ฌ ๋‚˜์—ดํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ, ์ •๊ทœ์‹์œผ๋กœ ์‰ฝ๊ฒŒ ํ’€ ์ˆ˜ ์žˆ๋‹ค.

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

JS class super

Square ํด๋ž˜์Šค์˜ ํ”„๋กœํ† ํƒ€์ž…์„ Rectangle์˜ ํ”„๋กœํ† ํƒ€์ž…์œผ๋กœ ๋ฐ”๊พผ ํ›„์—๋„, Square์˜ ์ธ์Šคํ„ด์Šค๋ฅผ ์ƒ์„ฑํ•  ๋•Œ ๋ถ€๋ชจ ํด๋ž˜์Šค์ธ Polygon ์ƒ์„ฑ์ž๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

JS class getter, setter

class ๊ณต๋ถ€ํ•˜๋Š” ์นœ๊ตฌ๊ฐ€ ์งˆ๋ฌธํ•œ ๋‚ด์šฉ ์ •๋ฆฌํ•˜๊ธฐ - getter, setter ๋™์ž‘๊ณผ์ •์„ ์‚ดํŽด๋ณด์ž

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

react useRef์— ๋Œ€ํ•˜์—ฌ

useRef ๋Š” .current ํ”„๋กœํผํ‹ฐ์— ๋ณ€๊ฒฝ๊ฐ€๋Šฅํ•œ ๊ฐ’์„ ๋‹ด๊ณ ์žˆ๋Š” ์ƒ์ž

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

useState ์‚ฌ์šฉ์‹œ const๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ด์œ 

๋ฒจ๋กœํผํŠธ ๋ฆฌ์•กํŠธ ๊ฐ•์˜๋…ธํŠธ ์ค‘, "useState๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด state๊ฐ€ ์—…๋ฐ์ดํŠธ ๋˜๋Š”๋ฐ const [state, setState]๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ด์œ ๊ฐ€ ๋ญ”๊ฐ€์š”?" ๋ผ๋Š” ์งˆ๋ฌธ์ด ์žˆ์—ˆ๋‹ค. Why React Hook useState uses const

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

useState์ƒํƒœ๋กœ ์—ฌ๋Ÿฌ๋ณ€์ˆ˜ ์‚ฌ์šฉ vs object ์‚ฌ์šฉ, ์–ด๋–ค๊ฒŒ ์ข‹์„๊นŒ?

id, message, author ๋ฅผ ๊ฐ๊ฐ ์ƒํƒœ๋ณ€์ˆ˜๋กœ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ์ข‹์„๊นŒ? { id, message, author } ๊ฐ์ฒด๋กœ ํ•˜๋‚˜์˜ ์ƒํƒœ๋ณ€์ˆ˜๋กœ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ์ข‹์„๊นŒ ๊ถ๊ธˆํ•˜๋‹ค๋ฉด?

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

react ๋ถˆ๋ณ€๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ์ด์œ 

๊ฐ์ฒด ๋‚ด๋ถ€๊ฐ’์„ ๋ณ€๊ฒฝํ•˜๊ณ  setState๋ฅผ ์ ์šฉํ•˜์ง€๋งŒ, ์žฌ๋ Œ๋”๋ง์ด ์ผ์–ด๋‚˜์ง€ ์•Š๋Š”๋‹ค. react์—์„œ๋Š” ์ƒํƒœ๊ฐ€ ๋ณ€ํ–ˆ๋Š”์ง€ ๋น„๊ตํ•  ๋•Œ, Object.is๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

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

Vue๊ฐ€ ์ง€ํ–ฅํ•˜๋Š” Progressive Framework ์ปจ์…‰

ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ(๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ) 3๋Œ€์žฅ์„ ๋ณด๋ฉด, Angular๋Š” ํ”„๋ ˆ์ž„์›Œํฌ, React๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹ค. Vue๋Š” ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€์— ๋ณด๋ฉด Progressive Framework๋ผ๊ณ  ํ‘œํ˜„ํ•˜๊ณ  ์žˆ๋‹ค.

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