Today I Learned
GIT
1. Main๊ณผ Add_BB_Pager ๋ธ๋์น Merge ์์
2. ์๋ก์ด Branch 'Study_JS_1' ์์ฑ
JavaScript
- ์ธํฐํ๋ฆฌํฐ ์ธ์ด
- ๋ด๋ถ : <script></script>
- ์ธ๋ถ : <script src="jsํ์ผ์ ๊ฒฝ๋ก" type="text/javascript"></script>
- ๋ณ์ ์ ์ธ : let ๋ณ์๋ช
- ์ฐ์ฐ์ : ์ฐ์ , ๋ ผ๋ฆฌ, ๋น๊ต, ์ฆ๊ฐ
* ์ ์ด๋ฌธ
- for(let i in arr) : ๋ณ์ i์ ์ธ๋ฑ์ค ๋ฒํธ๊ฐ ๋์
- for(let i of arr) : ๋ณ์ i์ arr๊ฐ ์ค ํ๋๊ฐ ๋์
* ๋ฐฐ์ด
- ์ด๊ธฐํ : let arr = [];
- ์ฃผ์ ๋ฉ์๋
1) push(data) : ๋ฐฐ์ด ๋์ ์์๋ฅผ ์ถ๊ฐํ๊ณ ์๋ก์ด ๊ธธ์ด (length) ๋ฐํ
2) pop() : ๋ฐฐ์ด ๋์ ์์๋ฅผ ์ญ์ ํ๊ณ ์ญ์ ํ ์์๋ฅผ ๋ฐํ
3) unshift(data) : ๋ฐฐ์ด ์ฒ์์ ์์๋ฅผ ์ถ๊ฐํ๊ณ ์๋ก์ด ๊ธธ์ด (length) ๋ฐํ
4) shift() : ๋ฐฐ์ด ์ฒ์ ์์๋ฅผ ์ญ์ ํ๊ณ ์ญ์ ํ ์์๋ฅผ ๋ฐํ
5) sort() : ์ ๋ ฌ, ์ค๋ฆ ์ฐจ์
6) reverse() : ์์ ๋ณ๊ฒฝ
7) foreach() : ๋ฐ๋ณต๋ฌธ for ๋์ ์ฌ์ฉ๊ฐ๋ฅํ ๋ฉ์๋
foreach(function(๋ณ์๋ช 1, ๋ณ์๋ช 2, ๋ฐฐ์ด์๋ณ์๋ช ){
-- ๋ณ์๋ช 1 : ๋ฐฐ์ด์์ ๊บผ๋ธ ๊ฐ -- ๋ณ์๋ช 2 : ์ธ๋ฑ์ค ๋ฒํธ
});
* BOM (Browser Object Model)
* DOM (Document Object Model)
BankBook - JS ์ถ๊ฐ
1. ์ญ์ ๋ฅผ ์ฑ๊ณตํ๋ฉด redirect list ํ์ด์ง
2. ์ญ์ ๋ฅผ ์คํจํ๋ฉด alert์ผ๋ก '์ญ์ ํ ์ ๋ณด๊ฐ ์์ต๋๋ค' ์ฐฝ๋์ฐ๊ธฐ
3. ๋ค์ list๋ก ์ด๋
- common/result.jsp ํ์ฉ (body ํ๊ทธ ๋ด๋ถ์ JS ์ฌ์ฉ)
<body>
<h1>Result Page</h1>
<script type="text/javascript">
alert('${message}');
window.location.href="${path}";
</script>
</body>
