๋ชฉ๋ก๊ฐ๋ฐ/Front-end (22)
๐ท๐ผ๋ชจ์ฌ๋ด์ ๊ฐ๋ฐ์์ฒ๐ท๐ผ
๋ฌธ์ - html ํ ์ด๋ธ์์ td์ button์ ๋๋ฅด๋๋ฐ ์๊พธ tr์ onclickํจ์(functionA)๊ฐ ํธ์ถ๋จ. ์ด์ - td ์ prarentElement์ธ tr์ onclick(functionA)์ด button์ onclick(functionB)๋ณด๋ค ์ฐ์ ์คํ๋จ ๋ฌธ์ ์ ์์ค aa bb cc ์์ ํด๊ฒฐ๋ฐฉ๋ฒ aa bb cc ์์ ํด๋นํ๋ td์ onclick์ onclick="event.cancleBubble=true;"๋ฅผ ์ถ๊ฐํ์ฌ ๋ถ๋ชจ Element์ event๋ฅผ ๋ฐ์ง ์๊ฒ ๊ตฌ์ฑํ๋ค.
inputํ๊ทธ์ ์ต์ ์ค์ disabled์ readonly๊ฐ ์์ต๋๋ค. ๋์ ์ฐจ์ด๊ฐ ๋ฌด์์ผ๊น์?? disabled์ธ ๊ฒฝ์ฐ๋ ์ฌ์ฉ์๊ฐ ์ ๋ ฅ์ ํ ์ ์๊ณ , ์ปจํธ๋กค๋ฌ๋ก ๊ฐ์ ์ ๋ฌํด์ ์ฌ์ฉํ ์ ์์ต๋๋ค. readonly์ธ ๊ฒฝ์ฐ๋ ์ฌ์ฉ์๊ฐ ์ ๋ ฅ์ ํ ์ ์์ง๋ง, ์ปจํธ๋กค๋ฌ๋ก ๊ฐ์ ์ ๋ฌํด์ ์ฌ์ฉํ ์ ์์ต๋๋ค. readonly๋ฅผ disabled์ฒ๋ผ backgroud์ ์๊น์ ๋ฃ์ด์ ๋์ด ๋น์ทํ๊ฒ ์ฌ์ฉํ ์ ์์ต๋๋ค.
1. match ์ซ์, ๋ฌธ์ ๊ตฌ๋ถ์์ด ์ฌ์ฉ ๊ฐ๋ฅ. ์ฌ์ฉ์ฌ๋ก. 2์ง์์์ 1์ ๊ฐ์ ๊ตฌํ๊ธฐ. match(+ ์ ๊ท์)๋ฅผ ์ฌ์ฉํ์ฌ ๊ฐ๋จํ๊ฒ ์ฒ๋ฆฌ ๊ฐ๋ฅ. null ์ฒ๋ฆฌ ์ฃผ์ ํ์. 2. isNaN - ์ซ์๋ฅผ ์ฒดํฌํ ๋ ์ฌ์ฉ (Not a Number) - isNaN("123") //false - ์ซ์๋ก ๋ณํ๋์ด ์ฒ๋ฆฌ๋จ - isNaN(123) // false - ์ซ์์ด๋ฏ๋ก false - isNaN("asdf") // true - ์ซ์๊ฐ ์๋๋ฏ๋ก true 3. repeat ํน์ ๋ฌธ์์ด์ ํน์ ๊ฐ์๋งํผ ๋ฐ๋ณตํ ์๋ฌธ์์ด์ ๋ฐํ "*".repeat(3); // *** 4. split ๋ฌธ์์ด์ ํน์ ๋ฌธ์๋ฅผ ๊ธฐ์ค์ผ๋ก ๊ตฌ๋ถํ์ฌ ๋ฐฐ์ด์ ๋ง๋ค์ด ๋ฐํ var a = 15830; var b = a.toString().split("");..
์ ๊ฐ ์ค๋ช ํ๋ ค๋ ๋ด์ฉ์ด ์ ๋ชฉ์ผ๋ก ์ ํํ๋ฌ๋์ง๋ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค. ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ ์ด๋ ๊ฒ ๋์ด์์ต๋๋ค. A [ { writeDt=2021-07-12, ๋ฐ์ดํฐ1=1, ๋ฐ์ดํฐ2=2}] B [ ๋ฐ์ดํฐ1, ๋ฐ์ดํฐ2 ] B์ ๊ฐ์ A์ ์ปฌ๋ผ์ผ๋ก ์ฌ์ฉ ํ๊ณ ์ ํ ๋ ์ด๋ ๊ฒ ์ฌ์ฉํ์๋ฉด ๊ฒฐ๊ณผ๋ 2021-07-12 1 2 ๋ก ์ถ๋ ฅ๋ฉ๋๋ค.
HTML์์ ๋ฒํผ์ ์ฌ์ฉํ ๋ ๋๋ ํ๊ทธ๋ฅผ ์ฌ์ฉํฉ๋๋ค. ์ฌ๊ธฐ์ ๊ธฐ๋ณธ์ ์ผ๋ก ์์ ์์ฒด๋ submit ์์ฑ์ ๊ฐ์ง๊ณ ์๊ธฐ ๋๋ฌธ์ type ์ ์๊ฐ ๋์ด์์ง ์๋ค๋ฉด submit ๋์์ ํ๊ฒ ๋ฉ๋๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก type์ ์ ์ํ์ง ์์๋ submit์ ๋๋ค. ๊ฒ์ ์ด๋ฅผ ๋์ํ์ง ์๊ฒ ํ๋ ค๋ฉด ๊ฒ์ type์ button ์์๋ฅผ ์ถ๊ฐํด ์ฃผ์ด์ผ ํฉ๋๋ค.
jstl์์ ๋ค์ค์นํ ํ๋ ๋ฐฉ๋ฒ์ ๋๋ค. ์๋ฅผ๋ค์ด ๋์๋จ๋ถ์ผ๋ก ํํํ๋ ค๋๋ฐ ๋ฐ์ดํฐ๊ฐ N, E, W, S๋ก ๋์ด์๋ค๋ฉด ์ด๋ฅผ jstl๋ก ๋ค์ค์นํํ๊ธฐ ์ํด ์ด๋ป๊ฒ ํด์ผํ ๊น์? ์ด๋ ๊ฐ๋จํฉ๋๋ค. data๋ jstl๋ก ๋ฐ์์ค๋ ๋ฐ์ดํฐ์ ์ปฌ๋ผ ์ด๋ฆ์ ๋๋ค. ์ด๋ฅผ c:set๊ณผ fn:replace ํจ์๋ฅผ ์ด์ฉํด ๋ฐ์ดํฐ๋ฅผ ๋ค์ค์นํ ํฉ๋๋ค.
ํ ์ด๋ธ ์์ ์คํฌ๋กค์ด ์์ ์ ์ปฌ๋ผ์ ๊ณ ์ ํ๊ณ ์๋ ๋ฐ์ดํฐ๋ง ์คํฌ๋กค ๋๊ฒ ํ๋ ๋ฐฉ๋ฒ์ ์ฌ๋ฌ๊ฐ์ง ๋ฐฉ๋ฒ์ด ์์ง๋ง css๋ก px๊ฐ์ ์ฃผ์ด๋ ๊ฐ๋ฅํ๋ค. ์ฐ์ css๋ก html์ ์ ํ ๋ฐํ ๋ฒํธ ํํ๋ถ์ ์ผ์ ์๋ (N) ๊ฒฝ๋ (E) ์งํ ๋ฐฉํฅ ์งํ ์๋ ์ค์ฌ ๊ธฐ์ ์ต๋ ํ์ 15M/S ๋ฐ๊ฒฝ 25M/S ๋ฐ๊ฒฝ ํ๋ฏธ์ผ ํํ๊ฒฝ๋ก ์ ํ ๋ฐํ ๋ฒํธ ํํ๋ถ์ ์ผ์ ์๋ (N) ๊ฒฝ๋ (E) ์งํ ๋ฐฉํฅ ์งํ ์๋ ์ค์ฌ ๊ธฐ์ ์ต๋ ํ์ 15M/S ๋ฐ๊ฒฝ 25M/S ๋ฐ๊ฒฝ ํ๋ฏธ์ผ ํํ๊ฒฝ๋ก
Name์ด๋ผ๋ List์ Data๋ผ๋ List๊ฐ ์์ผ๋ฉด Name[0] ์ ์ถ๋ ฅํจ๊ณผ ๋์์ Data[0]์ item์ ์ถ๋ ฅํ๊ณ ์ถ์ผ๋ฉด ${nm.a} ${data.a}
hiddenframe์ ์ฌ์ฉํ๋ฉด๋๋ค. 1. HTML 2. JS //์ฒจ๋ถํ์ผ ๋ค์ด๋ก๋ function fnFileDownload(atchFileId, fileSn){ // url, hiddenframe window.open("/hhk/FileDown.do?atchFileId="+atchFileId+"&fileSn="+fileSn+"", "hiddenframe"); }