profile
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป
post-thumbnail

์›นํ‘œ์ค€: HTML5 ์•Œ์•„๋ณด๊ธฐ

์›นํ‘œ์ค€ / HTML / ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ / ํ…์ŠคํŠธ / ๋ชฉ๋ก / ํ‘œ / ์„œ์‹ / ์ฝ˜ํ…์ธ  ๊ตฌํš ํƒœ๊ทธ / ์›นํ‘œ์ค€๊ณผ ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•

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

3์›” ๋„ท์งธ ์ฃผ TWIL : webpack - ์—”ํŠธ๋ฆฌ/์•„์›ƒํ’‹

๊ฐœ๋ฐœ ํ™˜๊ฒฝ๊ณผ Node.js / npm์˜ ์—ญํ•  / IIFE ๋ฐฉ์‹ ๋ชจ๋“ˆ / ๋‹ค์–‘ํ•œ ๋ชจ๋“ˆ ์ŠคํŽ™ / webpack ์„ค์ •ํŒŒ์ผ ์ž‘์„ฑ

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

3์›” ๋‘˜์งธ ์ฃผ TWIL : ํฌํŠธํด๋ฆฌ์˜ค ์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ

์‚ฌ์šฉํ•œ ํˆด๋“ค / Create React App ์„ค์ • / public ํด๋”์™€ index.html์— ๋„ฃ์„ ํ•ญ๋ชฉ๋“ค / ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ / target="_blank"์˜ ๋ณด์•ˆ ์ทจ์•ฝ์ 

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

๊ณต์›์—์„œ ๋ฐ”๊นฅ๋ฐ”๋žŒ์„ ์ฌ๋ฉฐ : ๋ถ€ํŠธ์บ ํ”„ ์ˆ˜๋ฃŒ ํšŒ๊ณ 

์ด๋จธ์‹œ๋ธŒ ์ฝ”์Šค๊ฐ€ ๋๋‚ฌ๋‹ค. ์‹œ์ž‘ํ•  ๋• ๋งˆ์ง€๋ง‰ ๋‚ ์ด ์ง์ž‘๋„ ์•ˆ ๊ฐ”๋Š”๋ฐ, ์ด๋ ‡๊ฒŒ ๊ธˆ๋ฐฉ ์™”๋‹ค.

2020๋…„ 3์›” 8์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

2์›” ์…‹์งธ ์ฃผ TWIL : ํ”„๋กœ์ ํŠธ '์ดˆ๋ก ChoLog' ๋งˆ๋ฌด๋ฆฌ, ๊ทธ๋ฆฌ๊ณ  ๋˜ ์‹œ์ž‘

์„œ๋น„์Šค ์™„์„ฑ / ์„œ๋น„์Šค ํ™”๋ฉด ์Šคํฌ๋ฆฐ์ƒท / ๋งˆ์ฃผ์นœ ๋ฌธ์ œ๋“ค / API ์š”์ฒญ ํƒ€์ด๋ฐ ์„ค์ •ํ•˜๊ธฐ / ์Šคํƒ€์ผ๋ง / ๋งˆ์นจํ‘œ๋ฅผ ์ฐ๊ณ  ๋‹ค์‹œ ์‹œ์ž‘ํ•˜๋ฉด์„œ

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

2์›” ๋‘˜์งธ ์ฃผ TWIL : ํ”„๋กœ์ ํŠธ '์ดˆ๋ก ChoLog' ์ง„ํ–‰

๋‹ค๋“ฌ๊ณ  ๋ณ€๊ฒฝํ•˜๊ธฐ / API ์š”์ฒญ๊ณผ ์ปดํฌ๋„ŒํŠธ ์—ฐ๊ฒฐํ•˜๊ธฐ / ์Šคํƒ€์ผ๋ง ์‹œ์ž‘ / ๋‚จ์€ ๊ธฐ๊ฐ„ 7์ผ

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

2์›” ์ฒซ์งธ ์ฃผ TWIL : ํ”„๋กœ์ ํŠธ '์ดˆ๋ก ChoLog' ์‹œ์ž‘

์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ, ์‹๋ฌผ ๊ด€๋ฆฌ ๊ธฐ๋ก์žฅ '์ดˆ๋ก ChoLog' / ์ƒˆ๋กœ์šด ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ / ๊ธฐ๋Šฅ ์„ค๋ฌธ์กฐ์‚ฌ ์‹ค์‹œ, ๊ทธ ๊ฒฐ๊ณผ๋Š”? / User Flow์™€ UI ๋””์ž์ธ / React Navigation 4.x ์—์„œ 5.x๋กœ / ๋งˆ์ฃผ์นœ ๋‚œ๊ด€ / ๋‚จ์€ ์‹œ๊ฐ„์€ 2์ฃผ

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

1์›” ๋„ท์งธ ์ฃผ TWIL : ํ”„๋กœ์ ํŠธ '3 Ideas' ๋งˆ๋ฌด๋ฆฌ

ํ”„๋กœ์ ํŠธ 1 ๋งˆ๋ฌด๋ฆฌํ•˜๊ธฐ / ์™„์„ฑ๋œ ๋ชจ์Šต / ์•„์‰ฌ์šด ์  / ๋ฌผ๋ก  ์ข‹์€ ์ ๋„ ์—ฌ๋Ÿฌ๊ฐ€์ง€ / ๋””์ž์ธ์€ ์ฒ˜์Œ๋ถ€ํ„ฐ / ๋‹ค์Œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ค€๋น„ํ•˜๊ธฐ

2020๋…„ 1์›” 25์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

1์›” ์…‹์งธ ์ฃผ TWIL : ํ”„๋กœ์ ํŠธ '3 Ideas' ์‹œ์ž‘

ํ”„๋กœ์ ํŠธ 1 ์‹œ์ž‘ / ํŒ€์œผ๋กœ ์ผํ•˜๊ธฐ / ๋ฌธ์ œ์™€ ์˜๋ฌธ์— ๋ถ€๋”ชํžˆ๊ธฐ / Git Flow

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

1์›” ๋‘˜์งธ ์ฃผ TWIL

์ธ์ฆํ•˜๊ธฐ / Session, Cookie / Express.js์˜ ๋ฏธ๋“ค์›จ์–ด๋“ค

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

IM Sprint #8 - AWS๋กœ ๋ฐฐํฌํ•˜๊ธฐ

S3 / EC2 / RDS

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

1์›” ์ฒซ์งธ ์ฃผ TWIL

DATABASE Sprint ์†ŒํšŒ / ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์˜ ํ•„์š”์„ฑ / ์Šคํ‚ค๋งˆ, ์Šคํ‚ค๋งˆ ์„ค๊ณ„ / mysql2 / Sequelize

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

12์›” ๋„ท์งธ ์ฃผ TWIL

callback / Promise / async, await

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

12์›” ์…‹์งธ ์ฃผ TWIL : React๋กœ To-do List ๋งŒ๋“ค๊ธฐ

To-do List with React / ์™„์„ฑ๋œ ๋ชจ์Šต, ๋Š๋‚€ ์ ๊ณผ ๋ฐฐ์šด ์  / Ref / input value๋ฅผ state๋กœ ๋‹ค๋ฃจ๊ธฐ

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

12์›” ๋‘˜์งธ ์ฃผ TWIL

React - ์ฃผ์˜์ ๊ณผ ํŒ / Window.localStorage

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

IM Sprint #7 - React ์ฃผ์š” ๊ฐœ๋…

Functional Component vs class Component / props / state / Life cycle

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

12์›” ์ฒซ์งธ ์ฃผ TWIL

Fetch API / package.json / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ชจ๋“ˆ - ์„œ๋ฒ„์‚ฌ์ด๋“œ / Node.js๋ฅผ ์ด์šฉํ•˜์—ฌ ์„œ๋ฒ„ ๋ผˆ๋Œ€ ๊ตฌ์„ฑํ•˜๊ธฐ

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

IM Sprint #6 - Ajax / Browser / HTTP / API / Server

Ajax / Browser / HTTP / API / Server

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

11์›” ๋‹ค์„ฏ์งธ ์ฃผ TWIL

๋ฏธ๋””์–ด๋ฅผ ์žฌ์ƒํ•˜๊ณ , ๋ฉˆ์ถ”๊ณ , ์žฌ์ƒ์ค‘์ธ์ง€ ํ™•์ธํ•˜๊ธฐ / ๋ฏธ๋””์–ด ์š”์†Œ์™€ ๊ด€๋ จ๋œ ํ”„๋กœํผํ‹ฐ๋“ค / ๋ถ€๋ชจ ์—˜๋ฆฌ๋จผํŠธ ์•ˆ์˜ ์ž์‹ ์—˜๋ฆฌ๋จผํŠธ ๊ฐ€์ ธ์˜ค๊ธฐ / MouseEvent.offsetX : ํŠน์ • ์—˜๋ฆฌ๋จผํŠธ ์•ˆ์—์„œ ๋งˆ์šฐ์Šค ์œ„์น˜ ๊ฐ์ง€ํ•˜๊ธฐ / ์ „์ฒดํ™”๋ฉด ์„ค์ •ํ•˜๊ธฐ / Document: scroll event / Window.scrollY / HTMLElement.offsetTop / img ์—˜๋ฆฌ๋จผํŠธ์™€ ์ผ๋ฐ˜ ์—˜๋ฆฌ๋จผํŠธ์˜ width๊ฐ’ ๊ตฌํ•˜๊ธฐ / ๋ฐ•์Šค ํฌ๊ธฐ๋ฅผ ๋„˜์–ด๊ฐ€๋Š” ๋ฌธ์žฅ์— ๋ง์ค„์ž„ํ‘œ ์ƒ์„ฑํ•˜๊ธฐ / if (์กฐ๊ฑด) return true or false๋กœ ๊ตฌ์„ฑ๋œ ์ฝ”๋“œ๋ฅผ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ ๊ธฐ

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

11์›” ๋„ท์งธ ์ฃผ TWIL

setTimeout() ๋ฉ”์„œ๋“œ์— ์ฒซ ๋ฒˆ์งธ ์ธ์ž๋กœ ํ•จ์ˆ˜ ์‹คํ–‰ ๊ฐ’์„ ๋„ฃ์—ˆ์„ ๋•Œ / return ์‹œ ์‚ผํ•ญ ์—ฐ์‚ฐ์ž ์‚ฌ์šฉํ•˜๊ธฐ / ์ฐธ์กฐ ํƒ€์ž… ๋ณ€์ˆ˜๊ฐ€ ์„ ์–ธ๋  ๋•Œ, ๋ณ€์ˆ˜ ํ˜น์€ ํ•จ์ˆ˜์˜ ๋ฐ˜ํ™˜ ๊ฐ’์„ ์š”์†Œ๋กœ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๋ฉด / ์ƒ์„ฑ์ž ํ•จ์ˆ˜ ์ƒ์† ๊ตฌํ˜„ํ•˜๊ธฐ / ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น

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