๐ Pre) ์น๊ฐ๋ฐ ์ข ํฉ๋ฐ_1
์น๊ฐ๋ฐ ์ข ํฉ๋ฐ 1์ฃผ์ฐจ ์์ ์๋ฃ
๋งํฌ : https://www.notion.so/1-59315708468149fc9cb2877ca0784f65
-
HTML : ๋ผ๋
๋ฌธ์ ํํ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํจ.
<๊บฝ์ ๋ ํ๊ทธ๋ผ๊ณ ํจ> -
CSS : ๊พธ๋ฏธ๊ธฐ
-
JavaScript : ์์ง์ด๊ฒ ํ๋๊ฑฐ
์ ์ผํ๊ฒ ๋ธ๋ผ์ฐ์ ๊ฐ ์์ ๋ค์ ์ ์๋ ์ธ์ด -
html ๊ธฐ๋ณธ ๋ฌธ๋ฒ ์ฐธ๊ณ : https://blog.naver.com/so2eej/222327286087
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>์คํ๋ฅดํ์ฝ๋ฉํด๋ฝ | HTML ๊ธฐ์ด</title>
</head>
<body>
<!-- ๊ตฌ์ญ์ ๋๋๋ ํ๊ทธ๋ค -->
<div>๋๋ ๊ตฌ์ญ์ ๋๋์ฃ </div>
<p>๋๋ ๋ฌธ๋จ์ด์์</p>
<ul>
<li> bullet point!1 </li>
<li> bullet point!2 </li>
</ul>
<!-- ๊ตฌ์ญ ๋ด ์ฝํ
์ธ ํ๊ทธ๋ค -->
<h1>h1์ ์ ๋ชฉ์ ๋ํ๋ด๋ ํ๊ทธ์
๋๋ค. ํ์ด์ง๋ง๋ค ํ๋์ฉ ๊ผญ ์จ์ฃผ๋ ๊ฒ ์ข์์. ๊ทธ๋์ผ ๊ตฌ๊ธ ๊ฒ์์ด ์ ๋๊ฑฐ๋ ์.</h1>
<h2>h2๋ ์์ ๋ชฉ์
๋๋ค.</h2>
<h3>h3~h6๋ ๊ฐ์์ ์ญํ ์ด ์์ฃ . ๋น์ค์ ์์ง๋ง..</h3>
<hr>
span ํ๊ทธ์
๋๋ค: ํน์ <span style="color:red">๊ธ์</span>๋ฅผ ๊พธ๋ฐ ๋ ์จ์
<hr>
a ํ๊ทธ์
๋๋ค: <a href="http://naver.com/"> ํ์ดํผ๋งํฌ </a>
<hr>
img ํ๊ทธ์
๋๋ค: <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
<hr>
input ํ๊ทธ์
๋๋ค: <input type="text" />
<hr>
button ํ๊ทธ์
๋๋ค: <button> ๋ฒํผ์
๋๋ค</button>
<hr>
textarea ํ๊ทธ์
๋๋ค: <textarea>๋๋ ๋ฌด์์ผ๊น์?</textarea>
</body>
</html>
๊ฐ๋ฐ์ ๋๊ตฌ(f12)๊ฐ ์กด์ฌํ๋ ์ด์ : ์๋ค๊ฐ๋คํ๋ ๋ฒ๊ฑฐ๋ก์์ ์ค์ด๊ธฐ ์ํด
- ํจ์ (function) : ๋ถ๋ฅด๋ฉด ์ ํด์ง ๋์์ ํ๋ค. ํจ์ ์์ 'return' ์ ๋๋ฅผ ๋ณ์ ์์ผ์ค ๋ผ๋ ์๋ฏธ. ์ค์ ์์๋๋ก ์ด๋ฃจ์ด์ง๋ค.
console.log() : ์ฝ์ ์ฐฝ์ ํ๋ฆฐํธ ํด์ค๋ค.
&& : and
|| : or
.length : list ๊ธธ์ด ๋์ด
even % 2 : 2๋ก ๋๋ ๋๋จธ์ง๊ฐ 0์
๋๋ค.
odd % 2 " 2๋ก ๋๋ ๋๋จธ์ง๊ฐ 1์
๋๋ค.
++ : ํ๋์ฉ ๋ํด์ค๋ค. \
list[] : ์์ ์ค์
dict {} : ์์ ์ค์ x
๋์
๋๋ฆฌ๊ฐ ๋ฆฌ์คํธ ์์ ๋ค์ด ๊ฐ ์ ์๋ค.
list์์ dict๊ฐ ์ฌ๋ฌ๊ฐ ๋ค์ด๊ฐ ์๋ค? ์ ํ์ ์ธ for๋ฌธ
Author And Source
์ด ๋ฌธ์ ์ ๊ดํ์ฌ(๐ Pre) ์น๊ฐ๋ฐ ์ข ํฉ๋ฐ_1), ์ฐ๋ฆฌ๋ ์ด๊ณณ์์ ๋ ๋ง์ ์๋ฃ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ์ฌ ๋ณด์๋ค https://velog.io/@genie__rorok/Pre-์น๊ฐ๋ฐ-์ข ํฉ๋ฐ1์ ์ ๊ท์: ์์์ ์ ๋ณด๊ฐ ์์์ URL์ ํฌํจ๋์ด ์์ผ๋ฉฐ ์ ์๊ถ์ ์์์ ์์ ์ ๋๋ค.
์ฐ์ํ ๊ฐ๋ฐ์ ์ฝํ ์ธ ๋ฐ๊ฒฌ์ ์ ๋ (Collection and Share based on the CC Protocol.)
์ข์ ์นํ์ด์ง ์ฆ๊ฒจ์ฐพ๊ธฐ
๊ฐ๋ฐ์ ์ฐ์ ์ฌ์ดํธ ์์ง
๊ฐ๋ฐ์๊ฐ ์์์ผ ํ ํ์ ์ฌ์ดํธ 100์ ์ถ์ฒ ์ฐ๋ฆฌ๋ ๋น์ ์ ์ํด 100๊ฐ์ ์์ฃผ ์ฌ์ฉํ๋ ๊ฐ๋ฐ์ ํ์ต ์ฌ์ดํธ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค