profile
Front-end developer ๐Ÿ‘ฉโ€๐Ÿ’ปโœ
post-thumbnail

OAuth 2.0

๐Ÿ‘ฉโ€๐Ÿ’ป๋‚˜์˜ ์„œ๋น„์Šค๊ฐ€ ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆ์‚ฌ์šฉ์ž๋ฅผ ๋Œ€์‹ ํ•ด์„œ ๐ŸŒƒgoogle๊ณผ ๊ฐ™์€ ์„œ๋น„์Šค์˜ ๋ฌด์–ธ๊ฐ€๋ฅผ ์ด์šฉํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด? ๐Ÿ‘ฉโ€๐Ÿ’ป ๋‚ด๊ฐ€ ๋งŒ๋“  ์„œ๋น„์Šค ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆ ๋‚ด๊ฐ€ ๋งŒ๋“  ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ์šฉ์ž ๐ŸŒƒ ๋‚ด๊ฐ€ ๋งŒ๋“  ์„œ๋น„์Šค๊ฐ€ * ์—ฐ๋™ํ•˜๋ ค๊ณ  ํ•˜๋Š” ์„œ๋น„์Šค*(googl

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

ํ”Œ๋Ÿฌ๊ทธ์ธ๊ณผ ๋ฏธ๋“ค์›จ์–ด ๊ทธ๋ฆฌ๊ณ  ์ปดํฌ๋„ŒํŠธ

๊ธฐ๋Šฅ ๋ณ€๊ฒฝ์— ๋”ฐ๋ฅธ ์ฝ”๋“œ๋ณ€๊ฒฝ ์†Œํ”„ํŠธ์›จ์–ด๋Š” ์ง€์†์ ์œผ๋กœ ๋ณ€๊ฒฝ๋˜๊ณ  ์žˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ , ์ž์ฃผ ๋ณ€๊ฒฝ๋˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ดํŽด๋ณด๋ฉด ์•„๋ž˜์™€ ๊ฐ™์€ ๊ฒฝ์šฐ๊ฐ€ ์žˆ์„ ๊ฒƒ์ด๋‹ค. ๊ธฐ์กด์˜ ์ฝ”๋“œ๊ฐ€ ๋ฐ”๋€๋‹ค ๊ธฐ์กด์˜ ๊ฒƒ์ด ์‚ฌ๋ผ์ง„๋‹ค ์‚ญ์ œ๋œ๋‹ค ์ด ์ค‘์—์„œ๋„, ๊ฐ€์žฅ ๋นˆ๋ฒˆํžˆ ์ผ์–ด๋‚˜๋Š” ๊ฒƒ์€ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ์ถ”๊ฐ€์ผ ๊ฒƒ์ด๋‹ค.

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

๋ฌธ์ œ์˜ DOM API?

๋ฌธ์ œ๊ฐ€ ๋งŽ์€ DOM API? ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์— ์žˆ์–ด์„œ ๊ฐ€์žฅ ๋งŽ์€ ๋ฌธ์ œ๋ฅผ ์ผ์œผํ‚ค๋Š” ์š”์†Œ๋Š” DOM์ด๋ผ๊ณ  ํ•˜๋Š” API๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. DOM API๋ผ๊ณ  ํ•˜๋Š” ๊ฒƒ์€ html๋ฌธ์„œ๋ฅผ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ renderingํ•˜๊ธฐ ์œ„ํ•ด์„œ, ๊ทธ๋ฆฌ๊ณ  ๊ทธ ์•ˆ์˜ ๋งŽ์€ ๊ฒƒ๋“ค์„ ์ž‘๋™ ์‹œํ‚ค๊ธฐ ์œ„ํ•ด์„œ ๊ฐ€

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

๋ณ€ํ™”ํ•˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด์™€ ๋ฆฌํŽ™ํ† ๋ง

๋ณ€ํ•œ๋‹ค!๋Œ€๋ถ€๋ถ„์˜ ์†Œํ”„ํŠธ์›จ์–ด๋Š” ํ˜„์‹ค์˜ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ์†”๋ฃจ์…˜์œผ๋กœ ๋งŒ๋“ค์–ด์ง„๋‹ค.์—ฌ๊ธฐ์„œ์˜ ํ˜„์‹ค์€? ๋งค๋ฒˆ ๋ณ€ํ•˜๊ฒŒ ๋œ๋‹ค!๋‹น์—ฐํžˆ ํ˜„์‹ค์˜ ๋ฌธ์ œ๊ฐ€ ๋ฐ”๋€Œ๋‹ˆ๊นŒ, ํ˜„์‹ค์˜ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด๋„ ๋ฐ”๋€Œ์–ด์•ผ ํ•œ๋‹ค!๊ทธ๋ž˜์„œ! ์†Œํ”„ํŠธ์›จ์–ด๋Š” ๊ต‰์žฅํžˆ ์ž์ฃผ , ๊ทธ๋ฆฌ๊ณ  ์ง€์†์ ์œผ๋กœ ๋ฐ”๋€Œ๊ฒŒ ๋œ๋‹ค.๋‹น์—ฐ

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

์ฑ„ํŒ… ์•ฑ ๋งŒ๋“ค๊ธฐ

๐Ÿ“ฑ์ ‘์† ํ›„ ์ฑ„ํŒ…ํ•ด์„œ server๊ฐ€ ๋ฉ”์‹œ์ง€๋ฅผ ๋ฐ›์€ ๋’ค,๋ฉ”์‹œ์ง€๋ฅผ ๊ฐ ์‚ฌ์šฉ์ž๋“ค์—๊ฒŒ ๋ณด๋‚ด๋Š” ๋ฐฉ์‹์˜ ์ฑ„ํŒ… ์•ฑ ๋งŒ๋“ค๊ธฐ~!๐Ÿ“ฒ ์„œ๋ฒ„ ์ƒ์„ฑ์€ ์ฒ˜์Œ์ด๋‹ค! ์„œ๋ฒ„๋‹จ์ด ์–ด๋–ป๊ฒŒ ๋Œ์•„๊ฐ€๋Š”์ง€ ์•„์ฃผ ๊ฐ„๋‹จํ•˜๊ฒ ์ง€๋งŒ ์•Œ์•„๋ณด๋Š” ๊ณผ์ •์„ ์‚ดํŽด๋ณด๊ธฐ ์œ„ํ•ด ์•ฑ์„ ๋งŒ๋“œ๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ ธ๋ดค๋‹ค. (์•„์ฃผ ์ผ๋ถ€๋ถ„์ด๊ฒ ์ง€๋งŒ..

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

JSX

๋ฆฌ์—‘ํŠธ์—์„œ ์ปดํฌ๋„ŒํŠธ ์ƒ๊น€์ƒˆ๋ฅผ ์ •์˜ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๋ฌธ๋ฒ•.์–ผํ• ๋ณด๋ฉด html์ฒ˜๋Ÿผ ์ƒ๊ฒผ์ง€๋งŒ, ์‚ฌ์‹ค์€ javascript์ด๋‹ค.\-> babel์ด๋ผ๋Š” ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•ด์„œ xmlํ˜•ํƒœ์˜ ์ฝ”๋“œ๊ฐ€ javascript๋กœ ๋ณ€ํ™˜๋œ๋‹ค.1\. ํƒœ๊ทธ๋Š” ์—ด์—ˆ์œผ๋ฉด ๊ผญ ๋‹ซํ˜€ ์žˆ์–ด์•ผํ•จ.\-> Self cl

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

flex box

๋ฐ•์Šค์™€ ์•„์ดํ…œ๋“ค์„ ํ–‰ or ์—ด ์ž์œ ์ž์žฌ๋กœ ๋ฐฐ์น˜์‹œ์ผœ์คŒ.๋ฐ•์Šค์— ์ง€์ •ํ•˜๋Š” ์†์„ฑ๊ฐ’ ๋“ค์ด ์žˆ๊ณ , ๋ฐ•์Šค ์•ˆ์— ๋“ค์–ด๊ฐ€๋Š” item์— ์ง€์ •๋˜๋Š” ์†์„ฑ ๊ฐ’์ด ์žˆ๋‹ค.container => display, flex-direction, flex-wrap ,flex-flow, justify-co

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

Position

position ์†์„ฑ์€ ๋ฌธ์„œ ์ƒ์— ์š”์†Œ๋ฅผ ๋ฐฐ์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ง€์ •. top , right , bottom , left ์†์„ฑ์ด ์š”์†Œ๋ฅผ ๋ฐฐ์น˜ํ•  ์ตœ์ข… ์œ„์น˜๋ฅผ ๊ฒฐ์ •.static : ๊ธฐ๋ณธ๊ฐ’.์š”์†Œ๋ฅผ ์ผ๋ฐ˜์ ์ธ ๋ฌธ์„œ ํ๋ฆ„์— ๋”ฐ๋ผ ๋ฐฐ์น˜.relative : ์›”๋ž˜ ์žˆ์–ด์•ผ ํ•˜๋Š” ์ž๋ฆฌ์—์„œ ์›€์ง์ด

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

jQuery์™€ Ajax

HTML์˜ ์š”์†Œ๋“ค์„ ์กฐ์ž‘ํ•˜๋Š”, ํŽธ๋ฆฌํ•œ Javascript๋ฅผ ๋ฏธ๋ฆฌ ์ž‘์„ฑํ•ด๋‘” ๊ฒƒ. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ!Javascript๋กœ๋„ ๋ชจ๋“  ๊ธฐ๋Šฅ(์˜ˆ - ๋ฒ„ํŠผ ๊ธ€์”จ ๋ฐ”๊พธ๊ธฐ ๋“ฑ)์„ ๊ตฌํ˜„ํ•  ์ˆ˜๋Š” ์žˆ์ง€๋งŒ,1) ์ฝ”๋“œ ๋ณต์žก, 2) ๋ธŒ๋ผ์šฐ์ € ๊ฐ„ ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ ๊ณ ๋ ค => jQuery๋ผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ๋“ฑ์žฅ.

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

BootStrap

์˜ˆ์œ CSS๋ฅผ ๋ฏธ๋ฆฌ ๋ชจ์•„๋‘” ๊ฒƒ (CSS๋ฅผ ๋‹ค๋ฃฐ ์ค„ ์•„๋Š” ๊ฒƒ๊ณผ, ๋ฏธ์  ๊ฐ๊ฐ์„ ๋ฐœํœ˜ํ•˜์—ฌ ์˜ˆ์˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒƒ์€ ๋‹ค๋ฅธ ์ด์•ผ๊ธฐ์ด๊ธฐ ๋•Œ๋ฌธ์—, ํ˜„์—…์—์„œ๋Š” ๋ฏธ๋ฆฌ ์™„์„ฑ๋œ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ๊ฐ€์ ธ๋‹ค ์“ฐ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Œ.)๋‚จ์ด ๋ฏธ๋ฆฌ ์ž‘์„ฑํ•œ CSS๋ฅผ ๋‚ด HTML ํŒŒ์ผ์— ์ ์šฉํ•œ๋‹ค๋Š” ์ ์—์„œ, bootst

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

Node.js & npm

๋ชจ๋˜ ์›น ์•ฑ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์†Œํ”„ํŠธ์›จ์–ด๋กœ ๊ผฝ์„ ์ˆ˜ ์žˆ๋Š” node.js node.js ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰ ๋  ํ•„์š” ์—†์ด ๋…ธํŠธ๋ถ, ๋ฐ์ŠคํŠธํ†ฑ ํ™˜๊ฒฝ์—์„œ๋„ ์‹คํ–‰๋  ์ˆ˜ ์žˆ๋Š” Js๋Ÿฐํƒ€์ž„ ํ™˜๊ฒฝ. ํ˜„๋Œ€์˜ ์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์— ์žˆ์–ด์„œ ๊ต‰์žฅํžˆ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•˜๊ฒŒ ๋จ.

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

front end ๊ฐœ๋ฐœํ™˜๊ฒฝ

ํ†ต์ƒ์ ์œผ๋กœ ES2015 ๋ฒ„์ „๋ถ€ํ„ฐ ๋ชจ๋˜ JavaScript.

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

์›น์•ฑ์˜ ๊ตฌ์„ฑ์š”์†Œ

๐Ÿ“Œ์›น ์•ฑ์˜ ํ•„์ˆ˜ ๊ตฌ์„ฑ์š”์†Œ - HTML, CSS, JavaScriptHTML UI๋ฅผ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋งŒ๋“ฆCSS UI์˜ ๋น„์ฃผ์–ผ์ ์ธ ์š”์†Œ ๋‹ด๋‹นJavaScript ๋™์ ์ธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ถ€๋ถ„ ๋‹ด๋‹น, HTML์กฐ์ž‘ ๊ฐ€๋Šฅ๋ธŒ๋ผ์šฐ์ €์›น์•ฑ์„ ์‹คํ–‰์‹œํ‚ค๋Š” ์—ญํ• , ๋Ÿฐํƒ€์ž„(์‹คํ–‰์‹œ๊ฐ„) ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋Š” ํ™˜๊ฒฝ

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