Posts
Q&A
vscode live server ๊ธฐ๋๊ด๋ จ
์๋ ํ์ธ์!Live Server ์ต์คํ ์ ์ ์ง์ ๊ฐ๋ฐํ ๊ฒ์ด ์๋๊ธฐ ๋๋ฌธ์ ์ค๋ฅ๊ฐ ๋ฐ์ํ๋ ์์ธ์ ํ์ ํ๊ธฐ ์ด๋ ค์ฐ๋, ์๋ ค์ง ๋ฐ์ ์ํ๋ฉดํด๋๋ช ์ด๋ ํ์ผ๋ช ์ ๊ณต๋ฐฑ ๋๋ ์์ด ์ธ ๊ธ์๊ฐ ํฌํจ๋ ๊ฒฝ์ฐํ์ผ๋ช ์ฒซ ๊ธ์์ ๋ง์นจํ(.)๊ฐ ํฌํจ๋ ๊ฒฝ์ฐ์ค์ ์ด๋ ์ค์น ์์ ๋ฌธ์ ๋๋ ์ต์คํ ์ ๋ฒ๊ทธ์ 3๊ฐ์ง ์ฌ๋ก๊ฐ ๋ํ์ ์ ๋๋ค.ํด๋๋ช , ํ์ผ๋ช ์์ ํ์๋ ๋์ผํ ๋ฌธ์ ๊ฐ ๋ค์ ๋ฐ์ํ๋ค๋ฉด VScode์ Live Server ์ต์คํ ์ ์ ์ญ์ ํ ์ฌ์ค์นํ์ฌ ์คํ ํด ๋ณด์ธ์ :)
- Likes
- 0
- Comments
- 1
- Viewcount
- 453
Q&A
์ธ์ด์๋ ๋ง๋ค๊ธฐ 31:20์ด์ฏค
์๋ ํ์ธ์ ์ฉ๋ฏผ๋!์ธ์ด์๋ ๋ง๋ค๊ธฐ 5ํ์ ํด๋น ๋ถ๋ถ์์ ๋ง์๋๋ฆฐ ๋ด์ฉ์, ๋ถ๋ถ์ด (์ฌ์ง)์ด๋ฌํ ํํ๋ก ๋ณด์ฌ์ผ ํ๋,๋ณ๋๋ก ์ ๋ ฌ ์ต์ ์ ๋ถ์ฌํ์ง ์๊ฒ ๋ ๊ฒฝ์ฐ(์ฌ์ง)์ ์ฌ์ง๊ณผ ๊ฐ์ด ๋ณด์ด๊ฒ ๋๋ค๋ ๊ฒ์ ๋ง์ ๋๋ ธ๋ ๊ฒ์ ๋๋ค!์์ชฝ์ผ๋ก ์น์ฐ์ณ ๋ณด์ธ๋ค๋ ํํ์ ์กฐ๊ธ ๋ ์ฝ๊ฒ ์ดํดํ๋ ค๋ฉดCSS์ .navigation ์ border:1px solid red; ๋ฅผ ๋ถ์ฌํ์ฌ ์ ์์ญ์ ํ์ธํด ๋ณด์ธ์.(์ฌ์ง)ํด๋น div๊ฐ ์ฐจ์งํ๊ณ ์๋ ์์ญ ๋ด์์ ์์ชฝ์ผ๋ก ์น์ฐ์ณ์ง ํํ์์ ์ ์ ์์ต๋๋ค!
- Likes
- 0
- Comments
- 1
- Viewcount
- 555
Q&A
Live-server๋ก html ํ์ผ์ ๋ณผ๋ ์ด์ํ ๊ฒ๋ค๋ ๊ฐ์ด ๋ณด์ฌ์
์๋ ํ์ธ์!์ฌ๋ ค์ฃผ์ ์คํฌ๋ฆฐ์ท์ ๋ณด๋ฉด ์ฐ๋ฆฌ๊ฐ ์ง์ html์ ์์ฑํ ๊ฒ ์ธ์๋ ๋ง์ ๊ฒ๋ค์ด ํจ๊ป ํ์๋๊ณ ์๋ค์.vscode์ ์ค์นํ๋ live server ๋ผ๋ ์ต์คํ ์ ์ ์ด์ฉํ๊ณ ๊ณ์คํ ๋ฐ, ์ด ์ต์คํ ์ ์ ๋ฒ๊ทธ์ธ ๊ฒ ๊ฐ์ต๋๋ค๐คฃ์ฝ๋๋ฅผ ์์ ํ ๋ ๋ง๋ค ์๋ก๊ณ ์นจ์ ํ๋ ๋ฒ๊ฑฐ๋ก์์ ์ค์ฌ ์ฃผ๊ธฐ ์ํด live server ์ต์คํ ์ ํ๋ก๊ทธ๋จ์ ๋ช๊ฐ์ง ์ถ๊ฐ ์์ ์ ์ํ ์ฝ๋๋ฅผ ์ถ๊ฐํ์ฌ ๋ธ๋ผ์ฐ์ ์ ๋์ ์ฃผ๊ฒ ๋๋๋ฐ, ๋ชจ์ข ์ ์ด์ ๋ก ์จ๊ฒจ์ ธ์ผ ํ ๋ด์ฉ์ด ๊ทธ๋๋ก ํ์๋๊ณ ์๋ ๊ฒ ๊ฐ์ต๋๋ค!์ต์คํ ์ ์ฌ์ค์น ํ vscode ์ฌ์คํ, PC์ฌ๋ถํ ๋ฑ์ ์๋ํด ๋ณด์ธ์๐
- Likes
- 0
- Comments
- 1
- Viewcount
- 584
Q&A
์ค๋ฐ๊ฟ์ํ๊ณ ๋ฐ๋ก ์๋๋ก ๋ด๋ ค๊ฐ๋ ๋ฐฉ๋ฒ์ด ์๋์?
์๋ ํ์ธ์ ๊ฒฝ์๋!์ฐ๋ถํฌ๋ ์๋์ฐ๋ฅผ ์ฌ์ฉํ๊ณ ๊ณ์๋ค๋ฉด Home์ด๋ End ๋ฒํผ์ ๋๋ฅด์๋ฉด ๋๊ณ ,macOS๋ฅผ ์ฌ์ฉํ๊ณ ๊ณ์๋ค๋ฉด cmd+๋ฐฉํฅํค ๋ฅผ ๋๋ฅด์๋ฉด ๋๊ฒ ์ต๋๋ค!cmd+์ข์ฐ : ํด๋น ์ค์ ์ฒซ ์์ ๋๋ ๋ ์ง์ ์ผ๋ก ์ด๋ํฉ๋๋คcmd+์ํ : ํด๋น ๋ฌธ์์ ์ฒซ ์์ ๋๋ ๋ ์ง์ ์ผ๋ก ์ด๋ํฉ๋๋ค
- Likes
- 0
- Comments
- 1
- Viewcount
- 373
Q&A
์ด๋ฉ์ผ, ์ด๋ฆ, ๋น๋ฐ๋ฒํธ, ๋น๋ฐ๋ฒํธํ์ธ์ input ์ฐฝ๋ง
์๋ ํ์ธ์ ๋ฐ๊ฐ์ต๋๋ค๐ ์ฒจ๋ถํด์ฃผ์ ์ฝ๋๋ฅผ ๋ณด๋ ๊ฐ input ํ๊ทธ๋ฅผ div ํ๊ทธ๊ฐ ๊ฐ์ธ๊ณ ์๋ ํํ์ด์๊ตฐ์!์ง๋ฌธํ์ ๋ด์ฉ์ ๋ณด๋ฉด ์ด๋ฉ์ผ, ์ด๋ฆ, ๋น๋ฐ๋ฒํธ, ๋น๋ฐ๋ฒํธ ํ์ธ์ ์ ๋ ฅํ๋ input ํ๊ทธ๋ฅผ(์ฌ์ง)์ด๋ ๊ฒ ๋ง๋ค๊ณ ์ถ์ผ์ ๊ฒ ๊ฐ์์. ์ ๊ฐ ์ดํดํ ๋ด์ฉ์ด ๋ง์๊น์? ์ฐ์ ์ ๊ฐ ์ ๋๋ก ์ดํดํ๋ค๊ณ ๊ฐ์ ํ๊ณ ๋ต๋ณ์ ๋๋ฆด๊ฒ์!์ ์ฌ์ง์ฒ๋ผ ๋ง๋ค๊ธฐ ์ํด์๋ input ํ๊ทธ์, input์ ๊ฐ์ธ๋ div ํ๊ทธ์ width ๋ฅผ ์กฐ์ ํด์ผ ํด์.์๋ ์์๋๋ก ํ๋ฒ ์ฝ๋๋ฅผ ์์ ํด ๋ณด์ธ์!input์ ๊ฐ์ธ๊ณ ์๋ div ํ๊ทธ๋ค์ ๋ชจ๋ ํด๋์ค๋ช ์ ๋ถ์ฌํ๊ณ ,css์์ width: 100% ์์ฑ์ ์ง์ ํฉ๋๋ค.css์์ .inputform ๋ถ๋ถ์ ๋ถ์ฌํ๋ float: left !important ๋ฅผ ์ ๊ฑฐํ๊ณ width: 100% ์์ฑ์ ์ง์ ํฉ๋๋ค.
- Likes
- 0
- Comments
- 1
- Viewcount
- 1.6K
Q&A
์ค๋ฅ๊ฐ ์ ๋์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค ใ ใ
kimtaeyan21๋ ์๋ ํ์ธ์!ํน์ ํธ๋ฅธ์ ๋ฐ์ค๊ณผ ์ค๋ฅ ๋ฉ์ธ์ง๋ก ํ์๋๊ณ ์๋์?๊ทธ๋ ๋ค๋ฉด VScode ํ์ฅ ๋ชจ๋๋ก ์ค์นํ spell checker๊ฐ ์์ด์ฌ์ ์ ๋ฑ๋ก๋์ง ์์ ๋จ์ด๋ฅผ ๊ฒ์ถํ ์ํ๋๋๋ค. ์ฝ๋์ ์ค๋ฅ๋ ์๋๋ผ์ ์๋์ ๋ฌธ์ ๋ ์์ด์!myword ๋ฅผ myWord ์ ๊ฐ์ด Camel Case ๋ค์ด๋ฐ์ผ๋ก ๋ณ๊ฒฝํด ์ฃผ์๊ฑฐ๋, ํด๋น ๋จ์ด๋ฅผ ์ฐํด๋ฆญํ์ฌ ๊ฐ์ธ ์ค์ ์ ์ถ๊ฐํ์๋ฉด spell checker์ ์๋ฆผ ๋ฉ์ธ์ง๋ฅผ ์์จ ์ ์๋ต๋๋ค๐
- Likes
- 1
- Comments
- 1
- Viewcount
- 1K
Q&A
์น์ 2 css ์ ๋ ฌ ํ์๊ฐ์ ์ ๋ต
eriri0419๋ ์๋ ํ์ธ์!ํ์๊ฐ์ ์ ์ถํ Final์์ ์๋ฐ์คํฌ๋ฆฝํธ์ ํจ๊ป ์๋ํ๋๋ก ๋ง๋ค์ด ๋ณผ ์์ ์ด๊ธฐ ๋๋ฌธ์ ๋ณ๋์ ๋ ํผ๋ฐ์ค ์ฝ๋๊ฐ ์ ๊ณต๋์ง ์์์๐์ง๊ธ์ ์ฐ์ figma์ ์ต๋ํ ์ ์ฌํ๊ฒ ๋ง๋ค์ด ๋ณด์๊ณ , final ์๋ฃ ํ ๋ ํผ๋ฐ์ค๋ฅผ ์ฐธ์กฐํ์ฌ ๊ณต๋ถํด ๋ณด์ธ์!๐ฉโ๐ป
- Likes
- 0
- Comments
- 1
- Viewcount
- 479
Q&A
์ ๋ต์ ์๋ ค์ฃผ์ธ์
์๋ ํ์ธ์ ๋ฏผ์๋!HTML๊ณผ CSS ์ฝ๋๋ฅผ ๋ณด์ฌ์ฃผ์ ์ผ ์์ธ์ ์ฐพ์ ์ ์์ ๊ฒ ๊ฐ์ต๋๋ค๐ index.html๊ณผ index.css ์ ์ฝ๋๋ฅผ ๋ณด์ฌ์ฃผ์ค ์ ์์๊น์?
- Likes
- 0
- Comments
- 1
- Viewcount
- 381




