iPod Video White

๐Ÿ’ป dev 21

[GIT] remote ์ €์žฅ์†Œ

remote ์ด๋ฆ„ ๋ณ€๊ฒฝ git remote rename ์›๋ž˜์ด๋ฆ„ ์ƒˆ์ด๋ฆ„ remote ์‚ญ์ œ git remote rm ๋ฆฌ๋ชจํŠธ๋ช… remote ๋ฎ์–ด์“ฐ๊ธฐ : ๋กœ์ปฌ์— ์žˆ๋Š” ์ฝ”๋“œ๋กœ ์›๊ฒฉ์„ ๋ฎ์–ด์”Œ์›€ git push --force ๋ฆฌ๋ชจํŠธ๋ช… ๋ธŒ๋žœ์น˜๋ช…

[SCSS] ๊ธฐ๋ณธ ๋ฌธ๋ฒ• ๋ฐ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

๐Ÿ”ฅ ์ฃผ์˜์  - ํฐ๋”ฐ์˜ดํ‘œ ์‚ฌ์šฉ! (convention ๋•Œ๋ฌธ๊ณผ ํ˜น์‹œ ๋ชจ๋ฅผ ์˜ค๋ฅ˜) ์ถ”์ฒœ ์‚ฌ์ดํŠธ scss ๊ฐ€ css ๋กœ ๋ณ€ํ™˜๋œ ์ฝ”๋“œ๋ฅผ ๋ฐ”๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ https://www.sassmeister.com SassMeister | The Sass Playground! SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading... www.sassmeister.com - scss ๊ณต์‹ ์‚ฌ์ดํŠธ ๋ชจ๋“ˆ https://sass-lang.com/documentation/modules Sass: Built-In Modules Compatibility: Dart Sass since 1.23.0 LibSass โœ— Ruby Sass โœ— Only..

[Project] css ํด๋ก ์ฝ”๋”ฉ

๊ธฐ๊ฐ„ : 220418 ~ 220425 ์›๋ณธ ์‚ฌ์ดํŠธ https://toss.im/team ํด๋ก  ์‚ฌ์ดํŠธ https://extraordinary-squirrel-b7be36.netlify.app ํ† ์ŠคํŒ€ ์†Œ๊ฐœ 2021.02 (์ฃผ)ํ† ์Šค์ฆ๊ถŒ ์ถœ๋ฒ” 2021.04 (์ฃผ)ํ† ์Šค์”จ์—‘์Šค ์„ค๋ฆฝ 2021.06 ํ† ์Šค๋ฑ…ํฌ ์ปจ์†Œ์‹œ์—„ ์ œ3 ์ธํ„ฐ๋„ท์ „๋ฌธ์€ํ–‰ ๋ณธ์ธ๊ฐ€ ํš๋“4,600์–ต ์› ํˆฌ์ž ์œ ์น˜ (๊ธฐ์—…๊ฐ€์น˜ ํ•œํ™” ์•ฝ 8์กฐ์› ๋ŒํŒŒ) 2021.08 ํ‰์ƒ ๋ฌด๋ฃŒ ์†ก๊ธˆ ์ •์ฑ… ์ „๊ฒฉ extraordinary-squirrel-b7be36.netlify.app

[JS] ํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด (์—…๋ฐ์ดํŠธ ์˜ˆ์ •)

arrray method .reduce() const arr = [1,2,3,4] let sum =0 for (let i = 0; i acc + cur, 0) const data = [ 'regNum', 'name', 'logo', 'representative', 'startDate', 'address', 'contactEmail', 'tags', 'intro', 'homepage&#..

[220419] JS function

๐Ÿ“ข ์‹ค๊ฐ• ํ•จ์ˆ˜ (functions) new Function() ์ƒ์„ฑ์ž ํ•จ์ˆ˜ ํ˜ธ์ถœ๋กœ ํ•จ์ˆ˜๋กœ ๋งŒ๋“œ๋Š” ๋ฒ•! ๊ทผ๋ฐ ์ž์ฃผ ์•ˆ ์”€. const sum = new Function('a','b','console.log(a+b)') //ํด๋ž˜์Šค(๊ฐ์ฒด) //์„œ๋ฒ„์—์„œ ๊ฐ€์ ธ์˜ฌ๋• json์œผ๋กœ ๋ฐ–์— ์•ˆ๋Œ sum(2,4) ๋ฐ˜ํ™˜๊ณผ ์ข…๋ฃŒ return undefined return ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฐ˜ํ™˜ํ•˜๊ณ  ํ•จ์ˆ˜ ์ข…๋ฃŒ! return ์ด ์—†๋‹ค๋ฉด undefined ๋‚˜์˜ด function sum (a ,b) { return console.log(a + b) //retuen ์ด ์—†์œผ๋ฉด undefined ๊ฐ€ ๋‚˜์˜ด console.log(123) //๋‚˜์˜ค์ง€ ์•Š์Œ } ์„ ์–ธ๊ณผ ํ‘œํ˜„ ๋งค๊ฐœ๋ณ€์ˆ˜ ํŒจํ„ด ๊ธฐ๋ณธ๊ฐ’ ์„ค์ • function sum (a= 1 , b = 3..

[220413] npm / packae.json /parcel

์•„๋ฌด ๊ฒƒ๋„ ์—†๋Š” ์ƒํƒœ์—์„œ ํ„ฐ๋ฏธ๋„์— ์•„๋ž˜ ๋ช…๋ น์„ ์ž…๋ ฅํ•˜๋ฉด npm init -y package.json ์ƒ์„ฑ! npm i -D parcel script ์— "์‹คํ–‰ํ• ๋•Œ ์‚ฌ์šฉํ•  ๋‹จ์–ด" : "์‹คํ–‰ํ•  ๋ช…๋ น" ๋ฅผ ์ €์žฅํ•˜๊ณ  ํ„ฐ๋ฏธ๋„์—์„œ npm run ์‹คํ–‰ํ• ๋•Œ ์‚ฌ์šฉํ•  ๋‹จ์–ด ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ๋ฏธ๋ฆฌ ์ ์–ด๋†“์€ ๋ช…๋ น์ด ์‹คํ–‰ - parcel build "build": "parcel build index.html" scripts ์— ์ถ”๊ฐ€ํ•˜๋ฉด dist ํด๋”๊ฐ€ ์ƒ์„ฑ๋Œ dist ํด๋”์—๋Š” ๋‚œ๋…ํ™”๋œ ํŒŒ์ผ๋“ค์ด ์žˆ์Œ. ์ฝ”๋“œ ๋‚œ๋…ํ™” : ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ฝ๊ธฐ ์‰ฝ๊ฒŒ ์šฉ๋Ÿ‰์„ ์ค„์ด๊ณ  ์ตœ์ ํ™” ์‹œํ‚ค๋Š” ์ž‘์—… npm ๋ช…๋ น์–ด npm i ํŒจํ‚ค์ง€์ด๋ฆ„ -D i : install ์•ฝ์ž -D : ๊ฐœ๋ฐœ์šฉ ํŒจํ‚ค์ง€ - ํŒจํ‚ค์ง€์˜ ํŠน์ • ๋ฒ„์ „ install npm i ํŒจํ‚ค์ง€๋ช…@๋ฒ„์ „

[Node.js] nvm ์„ค์น˜

brew ๋กœ nvm ์„ค์น˜ brew install nvm ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์„ค์ • ํŒŒ์ผ์„ ์—ด์–ด์„œ vi ~/.zshrc ์•„๋ž˜ ๋‚ด์šฉ ์ถ”๊ฐ€ export NVM_DIR=~/.nvm source $(brew --prefix nvm)/nvm.sh nvm ๋ฒ„์ „ ํ™•์ธ nvm -v ๋ฒ„์ „์ด ๋‚˜์˜จ๋‹ค๋ฉด ์„ค์น˜ ์™„๋ฃŒ!

[220405] css selector

๐ŸŽฅ์ธ๊ฐ• CSS ์„ ํƒ์ž{ ์†์„ฑ property : ๊ฐ’ value; } CSS ์„ ์–ธ๋ฐฉ์‹ - ๋‚ด์žฅ๋ฐฉ์‹ :ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด์•ˆ์— ์ž‘์„ฑ - ์ธ๋ผ์ธ ๋ฐฉ์‹ : ์š”์†Œ์˜ style ์†์„ฑ์— ์ง์ ‘ ์ž‘์„ฑ - ๋งํฌ๋ฐฉ์‹ : ํƒœ๊ทธ๋กœ ์™ธ๋ถ€ css ๋ฌธ์„œ๋ฅผ ์—ฐ๊ฒฐํ•˜๋Š” ๋ฐฉ์‹ ๋ณ‘๋ ฌ ๋ฐฉ์‹(ํ•œ๋ฒˆ์— ๊ฐ€์ ธ์™€์„œ ์—ฐ๊ฒฐ) - import ๋ฐฉ์‹ : css ํŒŒ์ผ์— @import๋กœ ๋‹ค๋ฅธ css ๋ฌธ์„œ๋ฅผ ์—ฐ๊ฒฐํ•˜๋Š” ๋ฐฉ์‹ ์ง๋ ฌ ๋ฐฉ์‹(์ˆœ์„œ๋Œ€๋กœ ํ•˜๋‚˜์”ฉ ๊ฐ€์ ธ์™€์„œ ์—ฐ๊ฒฐ) @import url("./box.css"); CSS ์„ ํƒ์ž ๊ธฐ๋ณธ ์„ ํƒ์ž * ์ „์ฒด ์„ ํƒ์ž : ๋ชจ๋“  ์š”์†Œ ์„ ํƒ ํƒœ๊ทธ ์„ ํƒ์ž : ํ•ด๋‹น ํƒœ๊ทธ ์ด๋ฆ„์˜ ์š”์†Œ ์„ ํƒ . ํด๋ž˜์Šค ์„ ํƒ์ž : HTML class ์†์„ฑ์ด ์ผ์น˜ํ•˜๋Š” ์š”์†Œ ์„ ํƒ # ์•„์ด๋”” ์„ ์ฑ…์ž : HTML id ์†์„ฑ์ด ์ผ์น˜ํ•˜๋Š” ์š”์†Œ ์„ ํƒ ๋ณตํ•ฉ ์„ ํƒ์ž ์ผ์น˜ ์„ ํƒ์ž a..

[QnA] ๋ฐ•์˜์›… ๊ฐ•์‚ฌ๋‹˜ ํ˜„์ง์ž ํŠน๊ฐ•

220331 ๋ฐ•์˜์›… ๊ฐ•์‚ฌ๋‹˜์˜ ํŠน๊ฐ•์ด ์žˆ์—ˆ๋‹ค. ์ต๋ช…์œผ๋กœ ์งˆ๋ฌธ์„ ๋ฐ›๊ณ  ๋‹ต๋ณ€์„ ํ•ด์ฃผ์‹œ๋Š” ํ˜•์‹์ด์—ˆ๋‹ค. Q. ๋‚˜์ด ์ œํ•œ์ด ์žˆ๋Š”๊ฐ€? A. ๊ฐœ๋ฐœ์ž๋Š” ํƒ€ ์ง์ข…์— ๋น„ํ•ด ๋”์šฑ ๋” ๋‚˜์ด์ œํ•œ์ด ์—†๋‹ค. ํŠนํžˆ ์ Š์€ ํŒ€์ผ์ˆ˜๋ก ๋” ๊ทธ๋Ÿฐ ๊ฑฐ ๊ฐ™๋‹ค. Q. ์ทจ์—…์„ ํ•˜๊ธฐ ์œ„ํ•œ javascript ์ˆ˜์ค€์€? A. ์ž˜! ๊ฑฐ์˜๋‹ค, ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋Š” ํ•ด๋‹นํ™˜๊ฒฝ๊ณผ์˜ ๋Œ€ํ™”๋ฒ•์ด๋‹ค. ์–ธ์–ด์ ์ธ ์ธก๋ฉด์—์„œ๋Š” ๋งˆ์Šคํ„ฐ ํ•ด์•ผ ํ•œ๋‹ค. ํ‘œ์ค€ API์˜ 3๋ถ„์˜ 1์€ ์ž์œ ์ž์žฌ๋กœ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•ด์•ผ ํ•œ๋‹ค. Q. ํšŒ์‚ฌ์— ๋ฐ”๋ผ๋Š” ์‹ ์ž… ๊ฐœ๋ฐœ์ž์˜ ์ˆ˜์ค€? A. ์ฃผ์–ด์ง„ ์—…๋ฌด์— '๋Œ์•„๊ฐ€๋Š” ๊ฒฐ๊ณผ' ํšŒ์‚ฌ๋Š” ์ด์ต์ถ”๊ตฌ๋‹จ์ฒด์ด๋‹ค. ๋ฐ›๋Š” ๋งŒํผ์˜ ์ผ์€ ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค. Q. ๊ฐœ๋ฐœ๋ธ”๋กœ๊ทธ๋Š” ์™œ, ๊ผญ ์จ์•ผํ•˜๋Š”๊ฐ€? A. ๊ผญ! ์“ฐ๊ธธ ์ถ”์ฒœํ•œ๋‹ค. ๋‚จ์—๊ฒŒ ์„ค๋ช…ํ•˜๋Š” ๊ฒƒ์ด ์ตœ๊ณ ์˜ ๊ณต๋ถ€๋ฒ•์ด๋‹ค. ๋ธ”๋กœ๊ทธ๋ฅผ ํ†ตํ•ด ๊ณต๋ถ€ํ•œ ๊ฒƒ์„ ๋ฌธ์„œํ™”..

๋ฐ˜์‘ํ˜•