[ํ๋ฃจ 10๋ถ|Web Project] HTML/JS/CSS๋ก ๋๋ง์ ์ฌ๋ฆฌํ ์คํธ ์ฌ์ดํธ ๋ง๋ค๊ธฐ
HTML / JS / CSS ๋ง์ ๊ฐ์ง๊ณ ์ง์ ์ฌ๋ฆฌ ํ ์คํธ ์ฌ์ดํธ๋ฅผ ๋ง๋ค๊ณ , ๋ฐฐํฌํด๋ณด๋ Project ์ฌ์ดํธ๋ฅผ ์ ์ํฉ๋๋ค.
์๊ฐ์ 5,399๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
- ๋ฏธํด๊ฒฐ
emmet ์๋ํฐ ์ค์น ํ๋ ค๊ณ ํ๋๋ฐ ์ ๋์ค๋ค์
<img src="https://cdn.inflearn.com/public/files/posts/0821ebe4-6356-48c1-af47-03127783c373/75805e83-91d0-4dc8-a160-b3af562ce9cf.png" media-type="img"
HTML/CSSjavascriptbootstrapemmet์ฑ์ฃผ
ใป
0
152
2
- ๋ฏธํด๊ฒฐ
๊ฒฐ๊ณผ ์ด๋ฏธ์ง๋ ๊ธ์ด ์๋ ์ ์์ผ๊น์
// main๋ณ์= ๋ฌธ์ ๋ด #main์ ์ฐพ์์ ๊ฐ์ง๊ณ ์๋ผ const main= document.querySelector("#main"); const qna= document.querySelecto
HTML/CSSjavascriptbootstrapdbwls204605
ใป
0
127
1
- ๋ฏธํด๊ฒฐ
select ๋ฐฐ์ด ์ดํด๋ฅผ ๋์์ฃผ์ธ์!
์๋ ํ์ธ์, ์๊ณ ๋ฆฌ์ฆ ๊ฐ์ ํ๊ธฐ ๊ฐ์๋ฅผ ๋ค์ ์ดํ, ์๋ก ์ง์ฌ์ง ์๊ณ ๋ฆฌ์ฆ์ ์๋ฆฌ(?)์ ๋ํด ๊ณต๋ถํ๋ ์ค์ ๋๋ค. ๊ทธ๋ฐ๋ฐ, select ๋ถ๋ถ์ ๋ํ ์ดํด๊ฐ ์ด๋ ค์ ์ง๋ฌธ ์ฌ๋ ค๋ด์ ใ ใ <code cla
HTML/CSSjavascriptbootstrapLucy
ใป
0
362
1
- ๋ฏธํด๊ฒฐ
result ์์ ๊ฒฐ๊ณผ๊ฐ ์ ๋์์.
result ํ์ด์ง์์ ๊ฒฐ๊ณผ๊ฐ ์ ๋์์resultname, resultdesc๊ฐ ์ ๋จ๋๋ฐ์ด๋ฏธ์ง๋ ์ ํ๋ ๊ฒฐ๊ณผ ์ ๋๋ก ๋จ๋ ๊ฑธ๋ก ๋ด์ ์๊ณ ๋ฆฌ์ฆ์ ๋ฌธ์ ๊ฐ ์๋๋ฐ ์ด๋์ ์๋ชป๋ ๊ฑธ๊น์? ์ ์ฝ๋๋ ์ด๋ ์ต๋๋ค.<p
HTML/CSSjavascriptbootstrapyunjij999
ใป
0
363
1
- ๋ฏธํด๊ฒฐ
๊ฒฐ๊ณผ ๊ณ์ฐํ๊ธฐ์์ ์ฝ์์ด ๋ค๋ฅด๊ฒ ์ฐํ๋๋ค.
๋ค๋ฅธ ๋ถ๋ค๋ ๋น์ทํ ์ค๋ฅ๊ฐ ์์๋๋ฐ ๋ด๋ ํด๊ฒฐ์ด ์๋์ด์ ์ง๋ฌธ๋๋ฆฝ๋๋ค.ํ์ฌ ๊ฒฐ๊ณผ ๊ณ์ฐํ๊ธฐ ํํธ์์ ์ค๋ฅ๊ฐ ์๊ฒจ ์ดํ ๊ฐ์๋ ์์ฑํ์ง ์์ ์ํ์ ๋๋ค. ์ง๋ฌธ1goResult ํจ์์์ const select = [] ๋ก
HTML/CSSjavascriptbootstrapkit Han
ใป
0
385
1
- ๋ฏธํด๊ฒฐ
๋ค์ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋ค์์ง๋ฌธ์ผ๋ก ๋์ด๊ฐ๊ฒ ๋ง๋ค๊ณ ์ถ์ด์.
์๋ ํ์ธ์.๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๋ค์ ๋ฌธ์ ๋ฅผ ๋์ด๊ฐ๋ ๋ต์ ๊ณ ๋ฅด๋๊ฒ ์๋๋ผ๋ค์ ๋ฒํผ์ ๋ง๋ค์ด์ ๊ทธ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋์ด๊ฐ๊ฒ ๋ง๋ค๊ณ ์ถ์๋ฐ์. ์ด๋ป๊ฒ ์ฝ๋๋ฅผ ์ง๋ฉด ๋ ์ง ๋๋ฌด ๊ณ ๋ฏผ์ ๋๋ค ใ ใ ํน์ ์๋ ค์ฃผ์ค
HTML/CSSjavascriptbootstrapcndaks19
ใป
0
370
1
- ๋ฏธํด๊ฒฐ
ํด๋ก ์ฝ๋ฉ ์
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์์! - ๋จผ์ ์ ์ฌํ ์ง๋ฌธ์ด ์์๋์ง ๊ฒ์ํด๋ณด์ธ์. - ์๋ก ์์๋ฅผ ์งํค๋ฉฐ ์กด์คํ๋ ๋ฌธํ๋ฅผ ๋ง๋ค์ด๊ฐ์. - ์ ๊น! ์ธํ๋ฐ ์๋น์ค ์ด์ ๊ด๋ จ ๋ฌธ์๋ 1:1 ๋ฌธ์ํ๊ธฐ๋ฅผ ์ด์ฉํด์ฃผ์ธ์.
HTML/CSSjavascriptbootstrap์์
ใป
0
363
1
- ๋ฏธํด๊ฒฐ
๊ฒฐ๊ณผํ์ด์ง ์ ํ๊ฐ ํฉ์ฐํ๊ธฐ
์๋ ํ์ธ์! ์ข์ ๊ฐ์ ์ฐพ๊ฒ ๋์ด ๋ณด๊ณ ์๋์ค์ ๋ฌธ์ ๋จ๊น๋๋ค.๊ฒฐ๊ณผ ๊ณ์ฐํ๊ธฐ์์ value ๊ฐ์ด ์ ์ผ ๋์ ์ฒซ๋ฒ์งธ ํญ๋ชฉ์ ๊ฒฐ๊ณผ๊ฐ์ผ๋ก ๋ณด์ฌ์ฃผ๋๋ฐ๋ง์ด ์ ํํ ๋ถ๋ถ ์ถ๋ ฅ ๋ง๊ณ ์ ๋ต ์ ํ(1)์ ๊ฐ์ด ๋ํด์ง๊ฒ ๋ฐ๊พธ๋ ๋ฐฉ๋ฒ์ด ์์๊น์?
HTML/CSSjavascriptbootstrapํ์
ใป
0
349
1
- ๋ฏธํด๊ฒฐ
select ๋ถ๋ถ์ด ์ดํด๊ฐ ์๊ฐ์ ์ง๋ฌธ๋๋ฆฝ๋๋ค ใ
์๋ ํ์ธ์. ํ๋ค๋๊ฐ์ ์ด์ฌํ ๋ฃ๊ณ ์๋ ์๊ฐ์์ ๋๋ค!๊ฒฐ๊ณผ ๋ถ๋ถ ์งํ์ค์ธ๋ฐ์~setTimeout์์ select๋ฅผ ๋ฃ์ด์qIdx๋ฒ์งธ ์ง๋ฌธ์์ ํด๋ฆญํ ๋ต์ด select ๋ฐฐ์ด๋ฐ์ดํฐ์ ๋ด๊ธฐ๋๋ฐ์ด์งธ์ ํด๋ฆญํ๊ฒ
HTML/CSSjavascriptbootstrapqp40202
ใป
0
380
1
- ๋ฏธํด๊ฒฐ
index์์ result ํ์ด์ง๋ก ์ด๋ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
https://inflearn.com/questions/675320 ์๋ ํ์ธ์!
HTML/CSSjavascriptbootstrapqwertii8
ใป
0
428
1
- ๋ฏธํด๊ฒฐ
์งํ๋ฐ ๊ฐ์์์์ ์คํ ์ดํฐ์ค๋ฐ๊ฐ ์งค๋ฆฝ๋๋ค
index<p
HTML/CSSjavascriptbootstrapCkdgus Ckdgus
ใป
0
373
1
- ๋ฏธํด๊ฒฐ
์ด๋ฏธ์ง๋ฒ์ ์์ ๋ถํธ์คํธ๋ฉ ์ด๋ฏธ์งํ๊ณ ํ ์คํธ๋ ์ด์ฉํ๊ณ ์ถ์ด์
๋ถํธ์คํธ๋ฉ์ ๊ทธ๋ฆฌ๋ ์นด๋ ํ ์คํธ๋ ์ด์ฉํ๊ณ ์ถ์ด์๊ทธ๋ฆฌ๋์นด๋์ ์ฝ๋๋ฅผ ๋ณต์ฌํด์ ํ ์คํ ์ถ๊ฐํ๊ณ ๋์์ผ์ชฝ ์ด๋ฏธ์ ์ค๋ฅธ์ชฝ ์ด๋ฏธ์ง์ ํ ์คํธ๋ฅผ ๋ฐ๋ก๋ฐ๋ก ๋ฃ๊ณ ์ถ์ด์start.js ์์ <code class="
HTML/CSSjavascriptbootstrap๊น๋ํ (John Kim)
ใป
0
505
1
- ๋ฏธํด๊ฒฐ
viewport ๊ฐ ์ ๋๋ก ์๋์ ์ํด์ ๋ญ๊ฐ ๋ฌธ์ ์ผ๊น์?
- ํ์ต ๊ด๋ จ<img src="https://cdn.inflearn.com/public/files/posts/d7a39dc7-39fd-4225-a9b3-f70d7d55cbd6/์คํฌ๋ฆฐ์ท2023-04-29124616.png" alt="์คํฌ๋ฆฐ์ท 2023-04-29 12
HTML/CSSjavascriptbootstrap๊น๋ํ (John Kim)
ใป
0
480
1
- ๋ฏธํด๊ฒฐ
๊ฒฐ๊ณผ ํ์ด์ง๋ณ ๊ฐ๋ณ๋งํฌ๋ฒํผ ์ถ๊ฐ
๋๋ฌด ์ข์๊ฐ์๋ฅผ ๋ณผ ์ ์๊ฒ ํด์ฃผ์ ์ ๋๋ฌด ๊ฐ์ฌํฉ๋๋ค! ํ๊ฐ์ง ๊ถ๊ธํ๊ฒ ์์ด์์!๊ฒฐ๊ณผํ์ด์ง์ ๊ณต์ ํ๊ธฐ ๋ฒํผ ์์ ๊ฒฐ๊ณผํ์ด์ง๋ณ๋ก ๋ค๋ฅธ ์ธ๋ถ ๋งํฌ๋ก ๋์ด๊ฐ๋๋ก ์ ์ฉ์ํค๊ณ ์ถ์๋ฐ ์ด๋ป๊ฒ ํด์ผํ ์ง ๊ฐ์ด ์์ต๋๋ค..
HTML/CSSjavascriptbootstrap์กฐ์ฑ์ฐ
ใป
0
351
1
- ๋ฏธํด๊ฒฐ
๋ค๋ก๊ฐ๊ธฐ
ํน์ 2๋ฒํ์ด์ง๋ก ๊ฐ์ ๊ฒฝ์ฐ ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ์ ์ถ๊ฐํ์ฌ 1๋ฒํ์ด์ง๋ก ๊ฐ๊ณ ์ถ์๋ฐ onclick: history.back();์ฝ๋๋ง ์ถ๊ฐํ๋ฉด ๋๋ ๊ฑด๊ฐ์?
HTML/CSSjavascriptbootstrapCHOIแ ต
ใป
0
419
1
- ๋ฏธํด๊ฒฐ
netlify not found ์ค๋ฅ
์ฌ์ง์ ๋์์๋ ๊ฒ์ฒ๋ผ
html/cssHTML/CSSjavascriptbootstrapksoy8n
ใป
1
1,047
1
- ๋ฏธํด๊ฒฐ
์ํฐ ์๋ํฐ ์ค์น
atom.io๋ก ๋ค์ด๊ฐ๋ฉด ์๊พธ ์ด๋ฐ ํ๋ฉด์ด ๋์ค๋ค์! ์ด๋ป๊ฒ ํด์ผ ๊ฐ์์์ ๋ณด์ฌ์ฃผ
html/cssbootstrapHTML/CSSjavascriptํ๋ณด๋ฏธ
ใป
2
929
1
- ๋ฏธํด๊ฒฐ
display:block์ ์ฌ์ฉํ๋ ์ด์
์ ๊ตณ์ด ํ ํ์ด์ง ์์ main, qna, result ์น์ ์ ๋๋๋๊ฑธ๊น์?๋ฐ๋ก๋ฐ๋ก ํ์ด์ง๋ฅผ ๋ง๋ค์ด์ a๋งํฌ๋ก ์ด๋์ํค๋ ๊ฒ ๋ณด๋ค ํจ์จ์ ์ธ๊ฑด๊ฐ์?
bootstrapjavascriptHTML/CSSLHooOoo
ใป
1
446
1
- ๋ฏธํด๊ฒฐ
qIdx์์ ๋ฐ๋ผ for ๋ฌธ์ด ๋์์ ใ .ใ
์๋ ํ์ธ์ ์ง๊ธ ์์ฉํด์ ๋ง๋ค๊ณ ์๋ ์๊ฐ์์ ๋๋ค ์ผ๋จ ์ ๋ง ์ข์ ๊ฐ์ ๊ฐ์ฌ๋๋ ค์!์์ฉํด์ ๋ง๋ค๊ณ ์๋ ๋์ค์ for๋ฌธ์ด qIdx๊ฐ 0์ผ ๋๋ ํ๋ฒ 1๋ฒ์ผ ๋๋ ๋ ๋ฒ์ด ๋์์ ex. qIdx๊ฐ 2์ผ ๋ 1๊ณผ 2๊ฐ ๋์์ ๊ฒฐ๊ณผ ๊ฐ์ด ์ด์ํด
bootstrapHTML/CSSjavascript์์ฑ์ ์์
ใป
1
370
1
- ๋ฏธํด๊ฒฐ
์นด์นด์คํก ๊ณต์ ํ๊ธฐ
์๋ ํ์ธ์! ๊ฐ์ ๊ฐ์ฌํฉ๋๋ค.์์ ์ ๊ณผ์ ๊ณผ ์ฝ๋๋ฅผ ๋๊ฐ์ด ์ ๋ ฅํ๊ณ , ์นด์นด์คํก ๊ณต์ ํ๊ธฐ๋ฅผ ์คํํ ๋ ค๊ณ ํ์ผ๋ ๋ฒํผ์ ๋๋ฌ๋ ์๋ฌด๋ฐ ๋ฐ์์ด ์์ต๋๋ค ใ ใ กใ ์ด๋ค๊ฒ ๋ฌธ์ ์ผ๊น์?
javascriptHTML/CSSbootstraptnqls7307
ใป
1
575
1






