profile
๐Ÿƒโ€โ™€๏ธmovin' forward, developer
post-thumbnail

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ Deep Equal ๊ตฌํ˜„

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ๊ฐ’์˜ ์ผ์น˜์—ฌ๋ถ€๋ฅผ ์ฒดํฌํ•˜๋‹ค๋ณด๋ฉด ์˜ˆ์ƒ์น˜๋ชปํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋งˆ์ฃผํ• ๋•Œ๊ฐ€ ์žˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด 0๊ณผ -0์„ ๋น„๊ตํ•ด๋ณด์•˜์„ ๋•Œ false๊ฐ€ ๋‚˜์™€์•ผ ์ •์ƒ(?)์ด์ง€๋งŒ ์ผ์น˜ ์—ฐ์‚ฐ์ž๋กœ ๋น„๊ตํ–ˆ์„๋•Œ true๊ฐ€ ๋‚˜์˜จ๋‹ค. ๋˜ํ•œ, NaN์€ ์ž๊ธฐ์ž์‹ ๊ณผ ์ผ์น˜ ์—ฐ์‚ฐ์ž๋กœ ๋น„๊ตํ–ˆ์„๋•Œ false๊ฐ€ ๋‚˜

1์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

์›์‹œ ๊ฐ’์ด ๋ถˆ๋ณ€์ธ ์ด์œ ์™€ ๊ฐ์ฒด ๊ฐ’์ด ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•œ ์ด์œ 

์›์‹œ ํƒ€์ž…๊ณผ ๊ฐ์ฒด ํƒ€์ž… ๋ถ€๋ถ„์„ ์˜ˆ์Šตํ•˜๋‹ค ์ด๋Ÿฌํ•œ ๋ฌธ์žฅ์„ ๋ณด์•˜๋‹ค. > ๋งŒ์•ฝ ์›์‹œ ๊ฐ’์ด ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•œ ๊ฐ’์ด๋ผ๋ฉด ๋ณ€์ˆ˜์— ์ƒˆ๋กœ์šด ์›์‹œ ๊ฐ’์„ ์žฌํ• ๋‹นํ–ˆ์„ ๋•Œ ๋ณ€์ˆ˜๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๋˜ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์˜ ์ฃผ์†Œ๋ฅผ ๋ฐ”๊ฟ€ ํ•„์š”์—†์ด ์›์‹œ ๊ฐ’ ์ž์ฒด๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด ๊ทธ๋งŒ์ด๋‹ค ์ด ๋ถ€๋ถ„์„ ์ฝ๊ณ  ์ˆ˜์‹ญ๊ฐœ์˜ ๋ฌผ์Œํ‘œ๊ฐ€ ์ƒ๊ฒผ

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

isNaN ๊ณผNumber.isNaN์˜ ์ฐจ์ด

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ผ์น˜์—ฐ์‚ฐ์ž๋ฅผ ๊ณต๋ถ€ํ•˜๋‹ค๋ณด๋‹ˆ 'NaN์€ ์ž์‹ ๊ณผ ์ผ์น˜ํ•˜์ง€ ์•Š๋Š” ์œ ์ผํ•œ ๊ฐ’'์ด๊ธฐ๋•Œ๋ฌธ์— NaN์ธ์ง€ ์กฐ์‚ฌํ•˜๋ ค๋ฉด ๋นŒํŠธ์ธ ํ•จ์ˆ˜์ธ isNaN์ด๋‚˜ Number.isNaN์„ ๋” ๋งŽ์ด ์‚ฌ์šฉํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ์•˜๋‹ค. isNaN์€ ๊ฐ•์ œํ˜•๋ณ€ํ™˜์„ ํ•ด์„œ ๋น„๊ตํ•˜์ง€๋งŒ(๋œ ์—„๊ฒฉํ•˜๋‹ค), Numbe

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

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ

์ปดํ“จํ„ฐ์—๊ฒŒ ์‹คํ–‰์„ ์š”๊ตฌํ•˜๋Š” ์ผ์ข…์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์ด๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ์•ž์„œ ํ•ด๊ฒฐํ•ด์•ผํ•  ๋ฌธ์ œ๋ฅผ ์ดํ•ดํ•˜๊ณ , ๋ฌธ์ œ๋ฅผ ๋‹จ์ˆœํ•˜๊ฒŒ ํ’€์–ด๋‚˜๊ฐ€๋Š” ๊ณผ์ •์ด ํ•„์š”ํ•˜๋‹ค. ๊ทธ๋ž˜์•ผ 0๊ณผ 1๋ฐ–์— ์•Œ์ง€ ๋ชปํ•˜๋Š” ๊ธฐ๊ณ„์—๊ฒŒ ์ƒ์„ธํ•˜๊ฒŒ ์„ค๋ช…์ด ๊ฐ€๋Šฅํ•ด์ง„๋‹ค. ์‚ฌ๋žŒ๊ณผ ์ปดํ“จํ„ฐ์˜ ์‚ฌ๊ณ ๋ฐฉ์‹์€ ๋‹ค๋ฅด๊ธฐ๋•Œ๋ฌธ์—, ์ปดํ“จํ„ฐ ๊ด€์ ์—์„œ

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

[ํŒ€ํ”„๋กœ์ ํŠธ] HTML/CSS | | ์™“์ฑ  ํด๋ก  ์ฝ”๋”ฉ

์™“์ฑ ์˜ ํด๋ก  ์ฝ”๋”ฉ์„ ํ•˜๋ฉฐ ์ ‘๊ทผ์„ฑ๊ณผ ์„ฑ๋Šฅ ๋ถ€๋ถ„์„ ๊ฐœ์„ ํ•œ GOTCHA ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ ์žํ•˜์˜€๊ณ , ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šดํ›„ ๊ณ„์† ๋ฆฌํŽ™ํ† ๋ง ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. 2021.08.27 : ์ฃผ์ œ ์„ ์ •, ๋กœ๊ณ  ์ œ์ž‘, CSS ์„ค๊ณ„ ๊ธฐ๋ฒ• ์ •๋ฆฌ, ์นธ๋ฐ˜์ฐจํŠธ ์ƒ์„ฑ2021.08.28~08.30 : ์™“์ฑ 

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

์ด๋ฏธ์ง€ ์ตœ์ ํ™”๋ž€?

์ธํ„ฐ๋„ท์„ ์‚ฌ์šฉํ•˜๋‹ค๋ณด๋ฉด ๋Šฆ๊ฒŒ ๋กœ๋”ฉ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ข…์ข… ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๋Šฆ๊ฒŒ ๋กœ๋”ฉ๋˜๋Š” ์ด์œ  ์ค‘ ํ•˜๋‚˜๋Š” ์ด๋ฏธ์ง€๊ฐ€ ์••๋„์ ์œผ๋กœ ํฐ ์šฉ๋Ÿ‰์„ ์ฐจ์ง€ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋‹ค์šด๋ฐ›๋Š”๋ฐ ์‹œ๊ฐ„์ด ๋งŽ์ด ๊ฑธ๋ฆฌ๊ฒŒ๋ฉ๋‹ˆ๋‹ค. ์ตœ์ ์˜ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์œ„ํ•ด์„œ๋Š” ์‚ฌ์ดํŠธ์˜ ์„ฑ๋Šฅ ํ–ฅ์ƒ์ด ํ•„์š”ํ•˜๊ณ , ๊ทธ๋ ‡๊ธฐ๋•Œ๋ฌธ์— ์ด๋ฏธ์ง€ ์ตœ์ ํ™”

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

[TIL] ๋ฐ˜์‘ํ˜• CSS

currentColor ์†์„ฑinheritํ•œ ์ƒ‰์ƒ ๊ฐ€์ ธ์˜ค๋Š” ๊ฒƒ์˜์–ด๋กœ ์ ํžŒ ์ž์‹์ธ ๊ฒฝ์šฐ๋งŒ ์Šคํƒ€์ผ๋ง ๋ณ€๊ฒฝ ๋ฐฉ๋ฒ•display:grid ํ™œ์šฉํ•˜๊ธฐ๋ฒ„ํŠผ ๋ฐ‘์—์„œ ์ƒ๋‹จ์œผ๋กœ ์ด๋™ํ•˜๊ธฐflex๋กœ ๋ฐฐ์น˜ํ•˜๊ธฐ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ ์šฉ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ค‘๋ณต ์ตœ์†Œํ™”ํ•˜๊ธฐbackdrop-filter:blur(5)์‚ฌ์ง„์—

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

[TIL] CSS ๊ธฐ๋Šฅ ์ •๋ฆฌ 2ํƒ„

1ํƒ„์— ์ด์–ด ์›น ์นดํŽ˜์—์„œ ์‚ฌ์šฉํ–ˆ๋˜ CSS ๊ธฐ๋Šฅ๋“ค์„ ์ •๋ฆฌํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋งˆ์šฐ์Šค๋ฅผ ์˜ฌ๋ ธ์„ ๋•Œ๋‚˜ tap์œผ๋กœ ํฌ์ปค์Šค๋ฅผ ์ฐ์—ˆ์„ ๋•Œ ๋ถˆ๋ฆฟ ์ถ”๊ฐ€ํ•˜๊ธฐfloat์˜ ๊ฒน์นจ ๋ฌธ์ œ ํ•ด๊ฒฐ๋ฒ•zoom:1; - ์›๋ณธ ํฌ๊ธฐ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ํ™•๋Œ€ ๋ฐ ์ถ•์†Œ (IE์˜ ๊ฒฝ์šฐ flow-root๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ๋ชปํ•ด

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

[TIL] CSS ๊ธฐ๋Šฅ ์ •๋ฆฌ 1ํƒ„

์ง€๋‚œ ์ผ์ฃผ์ผ๊ฐ„ ๋ฐฐ์šด CSS์™€ HTML์„ ํ•œ ๋ฒˆ ๊ณต์œ ํ•ด๋ณผ๊นŒ ํ•ฉ๋‹ˆ๋‹ค. ํ˜น์‹œ ์ˆ˜์ •์ด ํ•„์š”ํ•œ ๊ฒƒ์ด ์žˆ๋‹ค๋ฉด ์•Œ๋ ค์ฃผ์‹œ๊ธฐ๋ฐ”๋ž๋‹ˆ๋‹ค!ํ™”๋ฉด์—์„œ ์‚ฌ๋ผ์ง€๊ฒŒ ๋งŒ๋“ค๊ธฐaria-hidden="true"๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์‹œ๊ฐ์ ์œผ๋กœ๋Š” ๋ณด์ด์ง€๋งŒ ์Šคํฌ๋ฆฐ ๋ฆฌ๋”๊ธฐ๋Š” ์ด๋ฅผ ์ธ์‹ํ•˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค. ๋ฐ˜๋Œ€๋กœ ์Šคํฌ๋ฆฐ ๋ฆฌ๋”๊ธฐ๋Š”

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

[TIL] ๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ

๋ฆฌ์…‹ css์ „์ฒด๋ฅผ border-box๋กœ ๋งŒ๋“ค์–ด ๋ ˆ์ด์•„์›ƒ์„ ์šฐ๋ฆฌ๊ฐ€ ์˜ˆ์ƒํ•˜์ง€ ๋ชปํ•œ ๋ฐฉํ–ฅ์œผ๋กœ ํ˜๋Ÿฌ๊ฐ€์ง€์•Š๊ฒŒ ๋ง‰์•„์ค€๋‹ค.margin๊ณผ padding๋„ 0์œผ๋กœ ์ดˆ๊ธฐํ™”์‹œ์ผœ์ค€๋‹ค.h1~h6๊นŒ์ง€ ์Šคํƒ€์ผ๋ง๋„ ์›ํ•˜๋Š”๋Œ€๋กœ ํ•ด์ฃผ๊ธฐ์œ„ํ•ด ๋”ฐ๋กœ ์ดˆ๊ธฐํ™” ์‹œ์ผœ์ค„ ์ˆ˜ ์žˆ๋‹ค. aํƒœ๊ทธ์˜ ๋ฐ‘์ค„์„ ์—†์• ๋ฉฐ ์ดˆ๊ธฐํ™”๋ฅผ

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

[TIL] TRIE/ ์ตœ๋‹จ๊ฑฐ๋ฆฌ

t์›์˜ ์ง€ํ๋ฅผ ๋™์ „์œผ๋กœ ๋ฐ”๊ฟ”์ฃผ๊ธฐ๋™์ „ ๊ฐœ์ˆ˜๋Š” ๊ฐ๊ฐ ๋‹ค๋ฅด๋‹ค์ง€ํ๋ฅผ ๋™์ „์œผ๋กœ ๊ตํ™˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์˜ ๊ฐ€์ง€์ˆ˜๋ฅผ ๊ณ„์‚ฐํ•˜๊ธฐn๊ฐœ์˜ ๋„์‹œ๊ฐ€ ์ฃผ์–ด์งˆ ๋•Œ ๋ชจ๋“  ๋„์‹œ์—์„œ ๋„์‹œ๋กœ ์ด๋™ํ•˜๋Š”๋ฐ ์“ฐ์ด๋Š” ์ตœ์†Œ๋น„์šฉ ๊ตฌํ•˜๊ธฐ๊ฐ€์žฅ ์ž‘์€ ์ˆ˜๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์‚ฌ๋žŒ์ด ํšŒ์žฅํšŒ์žฅ ํ›„๋ณด ์ ์ˆ˜์™€ ํšŒ์žฅ ํ›„๋ณด์ˆ˜๋ฅผ ์ถœ๋ ฅํ•˜๊ธฐ

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

[TIL] HTML/CSS ๊ตฌ์กฐ

1.์ปจํ…์ธ  ๊ตฌ์กฐ ๊ด€์ 2.๋””์ž์ธ ๊ตฌ์กฐ ๊ด€์ ์œ ์ง€๋ณด์ˆ˜์™€ ๋‹ค์–‘ํ•œ ์ด์Šˆ๋•Œ๋ฌธ์— id๋ณด๋‹ค๋Š” ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํƒœ๊ทธ ์ด๋ฆ„ ์ •ํ•˜๊ธฐํŒŒ์Šค์นผ ์ผ€์ด์Šค : MemberService (๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘ํ•˜์—ฌ ๋Œ€๋ฌธ์ž๋กœ ๋‘ ๋‹จ์–ด๋ฅผ ๊ตฌ๋ถ„ํ•œ๋‹ค)์นด๋ฉœ ์ผ€์ด์Šค : memberService (์†Œ๋ฌธ์ž๋กœ ์‹œ์ž‘ํ•˜

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