IT/development

[JavaScript] javascript์—์„œ jstl ์‚ฌ์šฉํ•˜๊ธฐ

์•Œ ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž 2022. 11. 24.

๋ชฉ์ฐจ

    javascript์—์„œ jstl ์‚ฌ์šฉํ•˜๊ธฐ 

    ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค๋ณด๋ฉด java์—์„œ ๋ฐ›์•„์˜จ ๊ฐ’์„ javascript์—์„œ ์‚ฌ์šฉํ•ด์•ผ ๋  ๊ฒฝ์šฐ๊ฐ€ ์ข…์ข… ์žˆ๋‹ค.

    ์ด ๋•Œ ์„œ๋ฒ„๊ฐ€ ๋™์ž‘ํ•˜๋Š” ์ˆœ์„œ๋ฅผ ์ดํ•ดํ•˜๊ณ  ์žˆ๋Š”๊ฒŒ ์ค‘์š”ํ•จ

    JAVA -> JSTL -> HTML -> javascript ์ˆœ์„œ๋กœ ๋™์ž‘ํ•จ

    ๊ทธ๋Ÿฌ๋ฏ€๋กœ javascript์—์„œ๋Š” jstl์˜ ๊ฐ’์„ ์“ธ ์ˆœ ์žˆ์ง€๋งŒ 

    jstl์—์„œ๋Š” javascript๊ฐ’์€ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค.

    ์˜ˆ๋ฅผ ๋“ค์–ด์„œ java์˜ Listํƒ€์ž…์˜ ๋ณ€์ˆ˜์— ๋‹ด๊ธด ๋ฐ์ดํ„ฐ๋ฅผ jstl์„ ์ด์šฉํ•ด์„œ javascript์—์„œ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ์•„๋ž˜์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•˜๋ฉด ๋จ

    <script>
    // javascript์—์„œ jstl ๋‹จ์ผ๊ฐ’ ์‚ฌ์šฉ
    let rst = '<c:out value="${result}"/>';
    console.log('rst : ' + rst);
    </script>
    <script>
    // javascript์—์„œ ๋ฐฐ์—ด์— ์ƒ์„ฑ ํ›„ jstl์˜ ๊ฐ’ ์ €์žฅ
    let arr = new Array();
    <c:forEach items="${result}" var="item">
    	arr.push({idx : "${item.idx}"
        	, id : "${item.id}"
            , name : "${item.name}"});
    </c:forEach>
    </script>

     

    ์ฐธ์กฐ :  https://lee1535.tistory.com/29

     

    [Javascript/JSTL] javascript์•ˆ์— JSTL ์‚ฌ์šฉ javascript์—์„œ JSTL LIST ๋ฐ›์•„์˜ค๊ธฐ / ๋ฐฐ์—ด ๊ฐ’ ๋ฐ›๊ธฐ

    JSTL๊ณผ javasscript๋ฅผ ๊ฐ™์ด ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ ์„œ๋กœ ๊ฐ’์„ ์ฃผ๊ณ  ๋ฐ›๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ๊ฐ€ ์ƒ๊ธด๋‹ค. ๊ทธ๋Ÿด ๊ฒฝ์šฐ ์–ด๋–ป๊ฒŒ ์จ์•ผ ํ•˜๋Š”์ง€ ์ž๊พธ ํ—ท๊ฐˆ๋ ค์„œ ํฌ์ŠคํŒ…์„ ๋‚จ๊น๋‹ˆ๋‹ค. ์‹œ์ž‘ํ•˜๊ธฐ์— ์•ž์„œ ์„œ๋ฒ„๊ฐ€ ๋™์ž‘ํ•˜๋Š” ์ˆœ์„œ๋ฅผ ๊ธฐ์–ตํ•ด

    lee1535.tistory.com

    ๋Œ“๊ธ€