profile
๐Ÿ‘จโ€๐Ÿ’ป happy developer

โ˜•์˜ˆ์™ธ

๐Ÿ“try catch๋ฌธ

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

โ˜•๋ฐ˜๋ณต๋ฌธ

๐Ÿ“for ๐Ÿ“while ๐Ÿ“do while ๐Ÿ“for of ๐Ÿ“for in - ๋ฐฐ์—ด ๐Ÿ“for in - ๊ฐ์ฒด

2022๋…„ 4์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

โ˜•์ฐธ์กฐ์™€ ๋ณต์‚ฌ

๐Ÿ“๋ณต์‚ฌ๊ธฐ๋ณธํ˜• ๋ฐ์ดํ„ฐ ํƒ€์ž…์€ ๋ชจ๋‘ ๊ฐ’์ด ๋ณต์‚ฌ ๋œ๋‹ค.number, string, boolean, unll, undefined๐Ÿ“์ฐธ์กฐ๊ฐ์ฒด๋Š” ๋ณต์‚ฌ๋˜์ง€ ์•Š๊ณ , ์ฐธ์กฐ๋œ๋‹ค.

2022๋…„ 4์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

โ˜•์‹

ํ‘œํ˜„์‹๊ณผ ์—ฐ์‚ฐ์ž ๐Ÿ“์‹ ์‹ === ๊ฐ’ ;(์„ธ๋ฏธ์ฝœ๋ก )์„ ๋ถ™์ž„ ๐Ÿ“๋ฌธ for๋ฌธ if๋ฌธ ;(์„ธ๋ฏธ์ฝœ๋ก )์„ ๋ถ™์ด์ง€ ์•Š์Œ. ๐Ÿ“๋ฐฐ์—ด ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น ๐Ÿ“๊ฐ์ฒด ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น ๐Ÿ“๋™๋“ฑ ์—ฐ์‚ฐ์ž ๐Ÿ“์ผ์น˜ ์—ฐ์‚ฐ์ž ๐Ÿ“์‚ผํ•ญ ์—ฐ์‚ฐ์ž

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

โ˜•๋ณ€์ˆ˜(let)์™€ ์ƒ์ˆ˜(const)

๐Ÿ“let๋ณ€์ˆ˜ ์„ ์–ธ๐Ÿ“const์ƒ์ˆ˜ ์„ ์–ธ๐Ÿ“var๊ณผ๊ฑฐ JavaScript ๋ณ€์ˆ˜ ์„ ์–ธ๐Ÿ“let๋ณด๋‹ค๋Š” const๋ฅผ ์ฃผ๋กœ ์“ฐ๋Š” ์Šต๊ด€์„ ๊ฐ–์ž.

2022๋…„ 4์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

โ˜•JS์™€ TS์˜ ์ฐจ์ด

ํƒ€์ž… ๋ถˆ์•ˆ์ •์„ฑ์— ์˜ํ•ด ๋‚˜ํƒ€๋‚˜๋Š” ๋ฌธ์ œ๋Š” ๋Ÿฐํƒ€์ž„(์‚ฌ์šฉ์ž๊ฐ€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์‚ฌ์šฉํ•˜๋Š” ์ˆœ๊ฐ„)์—์„œ ๋ฐœ์ƒ์ปดํŒŒ์ผ ๋‹จ๊ณ„(๊ฐœ๋ฐœ์ž๊ฐ€ ๊ฐœ๋ฐœํ•˜๊ณ  ์žˆ๋Š” ์ˆœ๊ฐ„)์—์„œ ์˜ค๋ฅ˜๋ฅผ ์žก๋Š”๋‹ค.

2022๋…„ 4์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

โ˜•๊ฐ’(Value)

JavaScript์˜ ํƒ€์ž…๊ณผ ์ž๋ฃŒ๊ตฌ์กฐTypeScript ๊ธฐ๋ณธ ํƒ€์ž…ํŠœํ”Œ (Tuple)(https://typescript-kr.github.io/pages/basic-types.html\* ์—ด๊ฑฐ (Enum)(https://typescript-kr.gith

2022๋…„ 4์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

โ˜•์‹๋ณ„์ž(Identifier)

๐Ÿ“MDN ๋งํฌ ์‹๋ณ„์ž ์œ ๋‹ˆ์ฝ”๋“œ ๐Ÿ“์‹๋ณ„์ž ์‹๋ณ„์ž๋Š” ์ฝ”๋“œ ๋‚ด์˜ ๋ณ€์ˆ˜, ํ•จ์ˆ˜, ์†์„ฑ์„ ์‹๋ณ„ํ•˜๋Š” ๋ฌธ์ž์—ด ๐Ÿ“์‹๋ณ„์ž์™€ ๋ฌธ์ž์—ด์€ ๋‹ค๋ฅด๋‹ค. ์‹๋ณ„์ž(์ฝ”๋“œ) -> ๋ฌธ์ž์—ด(๋ฐ์ดํ„ฐ) (X) ๋ฌธ์ž์—ด(๋ฐ์ดํ„ฐ) -> ์‹๋ณ„์ž(์ฝ”๋“œ) (O) ๐Ÿ“computed property name

2022๋…„ 4์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

โš™๏ธwebpack + typescript ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •ํ•˜๊ธฐ

โš™๏ธwebpack + typescript ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •ํ•˜๊ธฐ ๐Ÿ“โš™๏ธwebpack + javascript ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •ํ•˜๊ธฐ ๐Ÿ“typescript ์„ค์น˜ ๐Ÿ“tsconfig.json ํŒŒ์ผ ์ถ”๊ฐ€, ์„ค์ • tsconfig.json ๐Ÿ“webpack.config.js ๋‚ด์šฉ ์ถ”๊ฐ€ webpack.config.js ๐Ÿ“\.js -> \.ts ๋ณ€๊ฒฝ ๐Ÿ“์ถœ์ฒ˜ htt...

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

โš™๏ธPostCSS ์‚ฌ์šฉํ•˜์—ฌ Tailwind CSS ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •

โš™๏ธPostCSS ์‚ฌ์šฉํ•˜์—ฌ Tailwind CSS ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ • ๐Ÿ“Tailwind CSS ์„ค์น˜ ๐Ÿ“tailwind.config.js postcss.config.js ์ถ”๊ฐ€ ๐Ÿ“tailwind.config.js ํ…œํ”Œ๋ฆฟ ๊ฒฝ๋กœ ์ถ”๊ฐ€ ๐Ÿ“tailwind.css css์— tailwind ์ง€์‹œ๋ฌธ ์ถ”๊ฐ€ tailwind.css ๐Ÿ“package.json scrip...

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

[ui_pm #3] ๐Ÿ”ฅfirestore์— ๋Œ€๋Ÿ‰ ๋ฐ์ดํ„ฐ ํ•œ๋ฒˆ์— ๋„ฃ๊ธฐ

๐Ÿ”ฅfirestore ๋Œ€๋Ÿ‰ ๋ฐ์ดํ„ฐ ํ•œ๋ฒˆ์— ๋„ฃ๊ธฐ ๐Ÿ“1 ๋ฐ์ดํ„ฐ ๋ผ๋ฒจ๋ง ๊ตฌ๊ธ€๋“œ๋ผ์ด๋ธŒ -> ๊ตฌ๊ธ€์Šคํ”„๋ ˆ๋“œ์‹œํŠธ ํŒŒ์ผ ํ•˜๋‚˜ ์ƒ์„ฑ ๋ฐ์ดํ„ฐ ์ž…๋ ฅ(300์—ฌ๊ฐœ) ๐Ÿ“2 ์™ธ๋ถ€ json ํŒŒ์ผ ์ƒ์„ฑ ๊ตฌ๊ธ€์Šคํ”„๋ ˆ๋“œ์‹œํŠธ์—์„œ ์†์„ฑ์ด ๋  ์ฒซ ํ–‰ ์ œ๋ชฉ๋“ค๊ณผ ๋‘๋ฒˆ์งธ ํ–‰ ์ดํ›„ ๋ฐ์ดํ„ฐ๋“ค๊นŒ์ง€ ์ง€์ • ํ›„ ๋ณต์‚ฌ ์ด๋™ Input CSV or tab-delimited data์— ๋ถ™์ด๊ธฐ output์˜ js...

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

โš™๏ธ๐Ÿ”ฅfirebase ๊ฐœ๋ฐœํ™˜๊ฒฝ ์ค€๋น„

๐Ÿ“1 firebase ํ”„๋กœ์ ํŠธ ๋“ฑ๋ก ๐Ÿ“2 npm firebase ์„ค์น˜ ๐Ÿ“3 firebase ๋กœ๊ทธ์ธ ๐Ÿ“4 firebase ์ดˆ๊ธฐํ™”

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

โœ”๏ธ'require' is defined.

.eslintrc.json

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

[ui_pm #2] โš™๏ธ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •

โš™๏ธui_pm ๊ฐœ๋ฐœํ™˜๊ฒฝ ๐Ÿ“webpack & github webpack + javascript ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •ํ•˜๊ธฐ ๐Ÿ“eslint, prettier eslint, prettier ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ • ๐Ÿ“firebase Firebase ๊ฐœ๋ฐœํ™˜๊ฒฝ ์ค€๋น„

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

[ui_pm #1] โ˜•UIํŒ€ ๊ด€๋ฆฌ ํˆด ๊ฐœ๋ฐœ

โ˜• ์‹œ์ž‘ํ•˜๋ฉฐ... ๐Ÿ“ํ˜„์žฌ 300์—ฌ๊ฐœ์˜ UI ํŒŒ์ผ ๋‚ด์—ญ์„ ์—‘์…€๋กœ ๊ด€๋ฆฌ ํŒŒ์ผ์€ ์•ŒํŒŒ๋ฒณ ์ˆœ์„œ๋กœ ์ •๋ ฌ ๐Ÿ“์ด์Šˆ ์—‘์…€์€ ๋ณด๊ธฐ ๋ถˆํŽธ ๋ณด๊ธฐ ์‹ซ๋‹ค. ํŽธ์ง‘ํ•˜๊ธฐ ๋ถˆํŽธ ์กฐ์ž‘ ์‹ค์ˆ˜๋กœ ์œ ์‹ค์˜ ์šฐ๋ ค ๐Ÿ“ํ•ด๊ฒฐ๋ฐฉ์•ˆ ๋ณด๊ธฐ ํŽธํ•œ ํŽ˜์ด์ง€๋ทฐ๊ฐ€ ํ•„์š” ๋‹ด๋‹น์ž๋ณ„๋กœ ๋ณด๊ธฐ ๊ธฐ๋Šฅ ํ•„์š” HTML5 CSS JavaScript firebase ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์˜ ์›นํŽ˜์ด์ง€ ๊ฐœ๋ฐœ

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

Private class Fields

Private class fields

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

โš™๏ธeslint & prettier ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •

โš™๏ธeslint & prettier ๐Ÿ“eslint ์„ค์น˜ ๐Ÿ“prettier ์„ค์น˜ ๐Ÿ“eslint-config-prettier ์„ค์น˜ ๐Ÿ“eslint-plugin-prettier ์„ค์น˜ ๐Ÿ“eslintrc.json ํŒŒ์ผ ์„ค์ • ๐Ÿ“.eslintignore ํŒŒ์ผ ์ถ”๊ฐ€ ๐Ÿ“.prettierrc.json ํŒŒ์ผ ์ถ”๊ฐ€ ๐Ÿ“.prettierignore ํŒŒ์ผ ์ถ”๊ฐ€...

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

โš™๏ธwebpack + javascript ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •ํ•˜๊ธฐ

โš™๏ธgithub first commit ๐Ÿ“package.json ์ดˆ๊ธฐํ™” & github first commit โš™๏ธwebpack ์ฒซ ๋นŒ๋“œ ์„ธํŒ… ๐Ÿ“webpack ๊ด€๋ จ ํŒจํ‚ค์ง€ ์„ค์น˜ & .gitignore ํŒŒ์ผ ์ถ”๊ฐ€ .gitignore ๐Ÿ“index.js, index.html ํŒŒ์ผ ์ƒ์„ฑ ๐Ÿ“terser-webpack-plugin ์„ค์น˜(์ถ”๊ฐ€์ ์ธ ์••์ถ• p...

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

โš™๏ธgit config

๐Ÿ“git config ํ™•์ธํ•˜๊ธฐ ๐Ÿ“git config ์„ค์ •ํ•˜๊ธฐ

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

โœ”๏ธDelete `โ` eslint() prettier/prettier ์—๋Ÿฌ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

์›์ธ ESLint์—์„œ ๋ฐœ์ƒํ•˜๋Š” ์—๋Ÿฌ, ์‹คํ–‰์—๋Š” ๋ฌธ์ œ ์—†์œผ๋‚˜, ์‹ ๊ฒฝ์ด ์“ฐ์ธ๋‹ค. ํ•ด๊ฒฐ .eslintrc.js ํŒŒ์ผ์— ์•„๋ž˜์˜ ๋ฌธ๊ตฌ ์ถ”๊ฐ€ ์ถœ์ฒ˜ https://noogoonaa.tistory.com/62

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