๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Lect & Tip/vscode9

VS Code html ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค์™€ ํ•œ๋ฒˆ์— ์—ฌ๋Ÿฌ ํƒœ๊ทธ ์ˆ˜์ •ํ•˜๊ธฐ VS Code html ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค์™€ ํ•œ๋ฒˆ์— ์—ฌ๋Ÿฌ ํƒœ๊ทธ ์ˆ˜์ •ํ•˜๊ธฐ Visual Studio Code(์ดํ•˜ VS Code)๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ๋“ค ์‚ฌ์ด์—์„œ ๋„๋ฆฌ ์‚ฌ์šฉ๋˜๋Š” ํŽธ์ง‘๊ธฐ๋กœ, ๊ทธ ํšจ์œจ์„ฑ๊ณผ ์‚ฌ์šฉ ํŽธ์˜์„ฑ์œผ๋กœ ์ธํ•ด ํŠนํžˆ ์›น ๊ฐœ๋ฐœ์ž๋“ค ์‚ฌ์ด์—์„œ ํฐ ์ธ๊ธฐ๋ฅผ ์–ป๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. HTML์„ ์ž‘์—…ํ•  ๋•Œ VS Code๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋‹ค์–‘ํ•œ ๋‹จ์ถ•ํ‚ค์™€ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ์ž‘์—… ์†๋„๋ฅผ ๋Œ€ํญ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ณธ ๊ธ€์—์„œ๋Š” VS Code์—์„œ HTML ์ž‘์—… ์‹œ ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค์™€ ์—ฌ๋Ÿฌ ํƒœ๊ทธ๋ฅผ ํ•œ ๋ฒˆ์— ์ˆ˜์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. HTML ์ž‘์—…์„ ์œ„ํ•œ VS Code ๋‹จ์ถ•ํ‚ค Emmet Abbreviations: Emmet์€ HTML๊ณผ CSS ์ž‘์—…์„ ๋น ๋ฅด๊ฒŒ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ul>li*5๋ฅผ ์ž…๋ ฅํ•˜๊ณ  Tab ํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด,.. 2023. 11. 21.
css,html ์ด์˜๊ฒŒ ์ •๋ฆฌ ์‚ฌ์ดํŠธ c style,json,js javascript beautifier Tabifier css, html ์ด์˜๊ฒŒ ์ •๋ฆฌ ์‚ฌ์ดํŠธ c style, json, js javascript beautifier Tabifier ์›น์‚ฌ์ดํŠธ ์†Œ๊ฐœ ์›น ๊ฐœ๋ฐœ ๋ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ž‘์—…์—์„œ ๊ฐ€๋…์„ฑ ์ข‹๊ณ  ์ฒด๊ณ„์ ์œผ๋กœ ์ •๋ฆฌ๋œ ์ฝ”๋“œ๋Š” ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ์œ ์ง€ํ•˜๋Š” ๊ฒƒ์€ ๊ฐœ๋ฐœ์ž์˜ ๊ธฐ๋ณธ ์†Œ์–‘ ์ค‘ ํ•˜๋‚˜์ด๋ฉฐ, ์ด๋ฅผ ๋•๋Š” ๋‹ค์–‘ํ•œ ์˜จ๋ผ์ธ ๋„๊ตฌ๋“ค์ด ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” HTML, CSS, JavaScript, C์–ธ์–ด ์Šคํƒ€์ผ, JSON, SQL ๋“ฑ ๋‹ค์–‘ํ•œ ์–ธ์–ด์˜ ์ฝ”๋“œ๋ฅผ ์•„๋ฆ„๋‹ต๊ฒŒ ์ •๋ฆฌํ•ด ์ฃผ๋Š” ์œ ์šฉํ•œ ์›น์‚ฌ์ดํŠธ๋“ค์„ ์†Œ๊ฐœํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์•„๋‹ˆ ๊ทผ๋ฐ, vscode๋“ , ์ดํด๋ฆฝ์Šค๋“  IDE์‚ฌ์šฉํ•˜๋ฉด ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ๋ทฐํ‹ฐํŒŒ์ด์–ด ์ง€์›ํ•˜๋Š”๋ฐ ์ด๋Ÿฐ ์‚ฌ์ดํŠธ ์™œ ํ•„์š”ํ•จ? ์ด๋ผ๊ณ  ๋ฌด์„ ์‹ ๋‹ค๋ฉด... ๋‚ด ์ปด์ด ์•„๋‹Œ ๋ฐ์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฉ”๋ชจ์žฅ์—์„œ ์ฝ”๋“œ ์งœ์„œ ๋ง‰ FBIํ•ดํ‚นํ•˜.. 2023. 11. 8.
vscode scss compiler sass ์‚ฌ์šฉํ•˜๋Š”๋ฒ• .mapํŒŒ์ผ์ด ์ƒ์„ฑ๋˜์ง€ ์•Š๊ฒŒ ์„ค์ • vscode scss compiler VSCode์—์„œ SCSS ์ปดํŒŒ์ผ ๋ฐ .map ํŒŒ์ผ ์ƒ์„ฑ ๋ฐฉ์ง€ ์„ค์ • ๋ถ€์ œ: ๊ฐ„ํŽธํ•˜๊ฒŒ SCSS๋ฅผ ์ปดํŒŒ์ผํ•˜๊ณ  .map ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜์ง€ ์•Š๋Š” ๋ฐฉ๋ฒ• ์•ˆ๋…•ํ•˜์„ธ์š”, ์—ฌ๋Ÿฌ๋ถ„! ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” Visual Studio Code(VSCode)์—์„œ SCSS(Sassy CSS)๋ฅผ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ปดํŒŒ์ผํ•˜๊ณ , ๋ถˆํ•„์š”ํ•œ .map ํŒŒ์ผ ์ƒ์„ฑ์„ ๋ฐฉ์ง€ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ฝ”๋“œ ์ž‘์„ฑ ํ™˜๊ฒฝ์„ ๋”์šฑ ํšจ์œจ์ ์œผ๋กœ ๋งŒ๋“ค์–ด๋ณด์„ธ์š”. ํ•„์š”ํ•œ ํ™•์žฅ(extension) ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ์„ค์น˜ํ•˜๋ฉด SCSS ์ปดํŒŒ์ผ ๋ฐ .map ํŒŒ์ผ ๊ด€๋ฆฌ๊ฐ€ ํ›จ์”ฌ ๊ฐ„ํŽธํ•ด์ง‘๋‹ˆ๋‹ค. Sass Sass Lint Live Sass Compiler Live Server ์ด์ œ ์ค€๋น„๊ฐ€ ๋˜์…จ๋‹ค๋ฉด, ์‹œ์ž‘ํ•ด๋ด…์‹œ๋‹ค! SCSS ํŒŒ์ผ ์ปดํŒŒ์ผํ•˜๊ธฐ .. 2023. 8. 30.
linux killall node command use in windows taskkill /f /im node.exe Starting inspector on 127.0.0.1:9229 failed: address already in use ์—๋Ÿฌ ํ•ด๊ฒฐ๋ฐฉ๋ฒ• linux killall node command use in windows taskkill /f /im node.exe Starting inspector on 127.0.0.1:9229 failed: address already in use Windows ํ™˜๊ฒฝ์—์„œ VSCode ์‚ฌ์šฉ ์‹œ ๋ฐœ์ƒํ•˜๋Š” "address already in use" ์—๋Ÿฌ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ์˜ค๋Š˜์€ Windows ํ™˜๊ฒฝ์—์„œ VSCode๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์ž์ฃผ ๋งˆ์ฃผ์น˜๊ฒŒ ๋˜๋Š” "address already in use" ์—๋Ÿฌ์— ๋Œ€ํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ์˜ค๋ฅ˜๋Š” ์ข…์ข… 127.0.0.1:9229์™€ ๊ฐ™์€ ์ฃผ์†Œ์—์„œ ๋ฐœ์ƒํ•˜๋Š”๋ฐ, ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋ช‡ ๊ฐ€์ง€ ๋‹จ๊ณ„๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•: taskkill ๋ช…๋ น์–ด ์‚ฌ์šฉ ์œ ๋‹‰์Šค ๊ณ„์—ด ์‹œ์Šคํ…œ์—์„œ๋Š” ki.. 2023. 8. 29.
vscode ๊ฒ€์ƒ‰ ํŒŒ์ผ ์ฐพ๊ธฐ ๋‹จ์ถ•ํ‚ค. ์ •๊ทœ์‹ ์—ฌ๋Ÿฌ ๋‹จ์–ด ๊ฒ€์ƒ‰ ์น˜ํ™˜ ๋ฐ”๊พธ๊ธฐ VS Code์—์„œ ํŒŒ์ผ ๊ฒ€์ƒ‰๊ณผ ๋ฌธ์ž์—ด ๊ฒ€์ƒ‰ ๋‹จ์ถ•ํ‚ค ํ™œ์šฉํ•˜๊ธฐ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์˜ ๋ณต์žก์„ฑ๊ณผ ํŒŒ์ผ ๊ฒ€์ƒ‰์˜ ์ค‘์š”์„ฑ ํ˜„๋Œ€ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์€ ๋‹ค์–‘ํ•œ ํŒŒ์ผ๊ณผ ํด๋”๋กœ ๋ณต์žกํ•˜๊ฒŒ ๊ตฌ์„ฑ๋˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ๋‹ค๋ฃจ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฐ ํ™˜๊ฒฝ์—์„œ ์›ํ•˜๋Š” ํŒŒ์ผ์„ ์‹ ์†ํ•˜๊ฒŒ ์ฐพ๋Š” ๊ฒƒ์€ ๋งค์šฐ ์ค‘์š”ํ•œ ์ž‘์—…์ž…๋‹ˆ๋‹ค. Microsoft Visual Studio Code(VS Code)๋Š” ๋งŽ์€ ๊ฐœ๋ฐœ์ž๋“ค์ด ์„ ํ˜ธํ•˜๋Š” ํ›Œ๋ฅญํ•œ ํ†ตํ•ฉ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” VS Code์—์„œ ํŒŒ์ผ ๊ฒ€์ƒ‰๊ณผ ๋ฌธ์ž์—ด ๊ฒ€์ƒ‰์„ ํšจ์œจ์ ์œผ๋กœ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ๋‹จ์ถ•ํ‚ค์™€ ๊ธฐ๋Šฅ์„ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. VS Code ํŒŒ์ผ ๊ฒ€์ƒ‰ ๋‹จ์ถ•ํ‚ค VS Code์—์„œ ํŒŒ์ผ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์„ ํ™œ์šฉํ•˜๋Š” ๋ฐ์—๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ ํŒŒ์ผ์„ ๋น ๋ฅด๊ฒŒ ์ฐพ์•„๋ณด๊ณ ์ž ํ•  ๋•Œ ๋‹ค์Œ ๋‹จ์ถ•ํ‚ค๋ฅผ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ.. 2023. 8. 11.
vs code Git Remote repository url ๋ณ€๊ฒฝ ๐Ÿ“Œ vscode๊ฐ€ git ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜๊ธด ํ•ด๋„, ๊ธฐ๋ณธ์ ์œผ๋กœ vscode๋Š” vscode์ด๊ณ , git์€ git์ด๋‹ค. vscode๋Š” git์„ ์ž˜ ์ด์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด ์ฃผ๋„๋ก ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ interface๋งŒ ์ œ๊ณตํ•œ๋‹ค๊ณ  ๋ณด๋ฉด ๋œ๋‹ค. Git Remote repository url ๋ณ€๊ฒฝ์€ ๊ธฐ์กด์˜ ๋ฆฌ๋ชจํŠธ origin์„ ์ œ๊ฑฐํ•˜๊ณ , ์ƒˆ repository url์„ ์ž…๋ ฅํ•ด์ฃผ๋ฉด ๋œ๋‹ค. ์ˆœ์„œ๊ฐ€ ๋ฐ”๋€Œ๋ฉด ๋‹น์—ฐํžˆ ์•ˆ๋œ๋‹ค. ์ด ์ž‘์—…์„ ํ•˜๊ธฐ ์ „์— git ๋ฆฌํฌ์ง€ํŠธ๋ฆฌ๋ฅผ ๊นจ๋—์ด ํ•ด ์ค„ ํ•„์š”๊ฐ€ ์žˆ๋‹ค. git pull git add . git commit -m "clean push" git push ๊ทธ๋Ÿฐ ๋’ค์— Remote origin์„ ์ œ๊ฑฐํ•œ๋‹ค. git remote remove origin ๋‹ค์‹œ ์ด ์ƒํƒœ์—์„œ ์ƒˆ Remote repository.. 2022. 11. 7.