profile
keep growing as a web developer!๐Ÿงƒ

[JS] Closure

Example 1

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

[Meta]

Describe the web developer job role. Distinguish between front-end, back-end and full-stack developers.Explain how data moves through the internet.Des

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

[Eng] Git _ Commit Convention, Commit Message

๋Œ€๋ถ€๋ถ„์˜ commit message๋Š” title๋งŒ ์ž‘์„ฑํ•จConventional Commit์˜ ๊ตฌ์กฐex) fix: remove deprecated featuresex) docs(readme): update build instructions<type> category

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

[Eng] IT ์‹ค๋ฌด ํ•„์ˆ˜ ์˜๋‹จ์–ด & ํ‘œํ˜„ _ ์ „์น˜์‚ฌ(Preposition)

Prepositionex) ์™€์ดํŒŒ์ด ์‚ฌ์šฉ์ค‘์ผ ๋•Œ "I'm on wifi"I'm on the wifi (X)Tip) ํ•˜์ง€๋งŒ ๋„คํŠธ์›Œํฌ ๊ตฌ์„ฑ์š”์†Œ์ธ ๋ผ์šฐํ„ฐ, ์Šค์œ„์น˜, ์ผ€์ด๋ธ”๊ณผ์˜ ๊ด€๊ณ„๋ฅผ ํ‘œํ˜„ํ•  ๋•Œ๋Š” in ์‚ฌ์šฉThere is an issue with the router in th

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

[Eng] IT ์‹ค๋ฌด ํ•„์ˆ˜ ์˜๋‹จ์–ด & ํ‘œํ˜„

๋‹จ์–ด์˜ ๋ฐœ์Œ, ๋™์‚ฌ, ๋ช…์‚ฌ, ๋‘˜ ๋‹ค ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉ๋˜๋Š”์ง€ ์ •ํ™•ํžˆ, ์ œ๋Œ€๋กœ ์•Œ๊ณ  ์žˆ์–ด์•ผ ํ•จ๊ฐ•์„ธ ์ฒซ ์Œ์ ˆActivate ํ™œ์„ฑํ™”ํ•˜๋‹ค, ์ž‘๋™์‹œํ‚ค๋‹คAllocate ํ• ๋‹นํ•˜๋‹ค, ๋ฐฐ๋ถ„ํ•˜๋‹ค๊ฐ•์„ธ ๋‘ ๋ฒˆ์งธ ์Œ์ ˆAssign ํ• ๋‹นํ•˜๋‹ค, ๋ฐฐ์น˜ํ•˜๋‹คAsynchronous ๋น„๋™๊ธฐ์ ์ธAccess v. ์ ‘

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

[Eng] Naming Convention

์ผ๊ด€๋œ ๊ทœ์น™์œผ๋กœ ๋Œ€์ƒ์˜ ํŠน์ง•์„ ์ž˜ ๊ฐ„์ถ”๋ ค ๋„ˆ๋ฌด ๊ธธ์ง€๋„ ์งง์ง€๋„ ์•Š๊ฒŒ ๋„ค์ด๋ฐํ•˜๊ธฐcamelCase ์ฃผ๋กœ ๋ณ€์ˆ˜, ํ•จ์ˆ˜ PascalCase ์ฃผ๋กœ ํด๋ž˜์Šค, ์ปดํฌ๋„ŒํŠธSnake_Case ์ฃผ๋กœ Python ๋ณ€์ˆ˜/ํ•จ์ˆ˜๋ช…, ์ „์—ญ ์ƒ์ˆ˜ex) ์ „์—ญ ์ƒ์ˆ˜๋Š” ๊ด€์Šต์ ์œผ๋กœ ๋Œ€๋ฌธ์ž ์‚ฌ์šฉMIN_ORDE

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

[Eng] ํŠน์ˆ˜๋ฌธ์ž, ๋ถ€ํ˜ธ

()Parenthesis(๋‹จ๊ด„ํ˜ธ) ๋’ค๋ฅผ ์งง๊ฒŒ ๋ฐœ์ŒParentheses(์–‘๊ด„ํ˜ธ) ๋’ค๋ฅผ ๊ธธ๊ฒŒ ๋ฐœ์Œ(Left Parenthesis / Opening Parenthesis)Right Parenthesis / Closing Parenthesis\[]Brackets / Squar

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

[JS] Array methods

const arr = 1, 2, 3, 4;๋งจ ๋’ค ์š”์†Œ ์ถ”๊ฐ€ arr.push(5) // 1, 2, 3, 4, 5๋งจ ๋’ค ์š”์†Œ ์ œ๊ฑฐ const pop = arr.pop() // 1, 2, 3 & pop = 4๋งจ ์•ž ์š”์†Œ ์ถ”๊ฐ€ arr.unshift(5) // 5, 1, 2

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

[CSS] selector list!

โ— ํƒœ๊ทธ ์œ ํ˜• ์„ ํƒ์žo CSS: p { ... }o ์˜ˆ๋ฅผ ๋“ค์–ด ์ด HTML ์š”์†Œ๋ฅผ ์„ ํƒํ•˜๋ฉด: <p>Some text...</p>o ์ด ์„ ํƒ์ž๋Š” ์ด ํƒœ๊ทธ ์œ ํ˜•์˜ ๋ชจ๋“  HTML ์š”์†Œ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.โ— ์•„์ด๋”” ์„ ํƒ์žโ—‹ CSS: \*\*โ—‹ ์˜ˆ๋ฅผ ๋“ค์–ด ์ด HTML ์š”์†Œ

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

[HTML] Semantic elements

semantic elements (์ผ๋ฐ˜์ )์ด๋Ÿฐ ์‹์œผ๋กœ semantic elements๋ฅผ ์‚ฌ์šฉํ•˜๋“ ์ง€<main></main>, <footer></footer>non-semantic elements์ด๋Ÿฐ ์‹์œผ๋กœ non-semantic elements๋ฅผ ์‚ฌ

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

[Eng] Chapter0: Intro _ IT ์‹ค๋ฌด์— ๊ผญ ํ•„์š”ํ•œ ์ „๋ฌธ ์šฉ์–ด

๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋‹ค = Declaring a variable์ •์ˆ˜ = Integer ์ธํ‹ฐ์ €๋ถ€ํ˜ธ๊ฐ€ ์—†๋Š” ์ •์ˆ˜ = Unsigned Integer๋ถ€ํ˜ธ๊ฐ€ ์žˆ๋Š” ์ •์ˆ˜ = Signed Integer์‹ค์ˆ˜(๋ถ€๋™์†Œ์ˆ˜์ ) = Float๋ฌธ์ž = Character๋ฌธ์ž์—ด = String๋ถˆ๋ฆฐ = B

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

[Eng] Chapter 0: Intro _ ํšจ์œจ์ ์ธ ๊ณต๋ถ€ ๋ฐฉ๋ฒ•, ๊ผญ ์•Œ์•„์•ผ ํ•  ๊ตฌ๋™์‚ฌ

๋‹จ๋ณต์ˆ˜, ๊ด€์‚ฌ, ์–ด์ˆœ, ์ „์น˜์‚ฌ ๊ฐœ๋…์— ์œ ์˜I was playing video games yesterday.These issues are awaiting triage.The functions that make up the contract, and that users an

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

[Eng] Chapter0: Intro _ level test, ๋ฐœ์Œ

level test -----ํ•ด๋‹น ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์€ MacOS์˜ ์‚ฌํŒŒ๋ฆฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.me => This extends program doesn't work at Safari Browser from MacOSanswer => The extension do

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

[css] "colors"

https://www.crockford.com/colors.html

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

[html] Lorem text ๋„ฃ๊ธฐ

html์—์„œ 'Lorem' + Tab ์น˜๋ฉด Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas ullam quaerat placeat, sunt vel quisquam aliquid illo e

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

[css] tips (:not, margin auto, overflow-x)

๋‚ด๊ฐ€ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋Š” ์˜์—ญ์„ ๋‹ค ์จ์„œ ์†Œ๋น„ํ•˜๋ฏ€๋กœ ์—ฌ๋ฐฑ์„ ํšจ์œจ์ ์œผ๋กœ ์กฐ์ ˆ ๊ฐ€๋Šฅ(AirMug Pro ์ฐธ๊ณ )๋”ฐ๋ผ์„œ margin: 0 auto; ์–‘์ชฝ ์—ฌ๋ฐฑ ๋‹ค ์“ฐ๊ณ  ๊ฐ€์šด๋ฐ ์œ„์น˜ํ•˜๊ฒŒ ํ•˜๋Š” ๊ฒƒํŠน์ • id๋‚˜ class๋ช…์„ () ์•ˆ์— ๋„ฃ์–ด์„œ ํšจ๊ณผ ์ œ์™ธํ•  ์ˆ˜ ์žˆ์Œ!๊ฐ€๋กœ ์Šคํฌ๋กค ์•ˆ ์ƒ๊ธฐ๊ฒŒo

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

default css *

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

[React] (pre-assignment) main page CSS

(Header.js)(Sidebar.js)

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

[React] (pre-assignment) Login page

d

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

[React] (pre-assignment) Layout, page routing, file structure

components: common JS filespages: routesnpm install react-router-dom(index.js)(app.js)(router.js)(Layout.js)<Outlet />์„ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ ์ž ํ•˜๋Š” ์ž๋ฆฌ์— ๋„ฃ๊ธฐreact-

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