๐ฎ Personal Project29 ๊ด๋ฆฌ์ :: ์ถ์ฒ ์ํ ๊ด๋ฆฌ (2) ์ด๋ฒ ๊ฒ์๋ฌผ์์ ์์ ํ ๋ด์ฉ์ ์ถ์ฒ์ํ ๊ด๋ฆฌ ํ์ด์ง์ '์ถ์ฒ ์ํ ์ถ๊ฐ' ๋ฒํผ์ ๋ง๋ค์ด์ฃผ๊ณ ๊ทธ ๋ฒํผ์ ํด๋ฆญํ๋ฉด ์ถ์ฒ์ํ์ผ๋ก ์ถ๊ฐ๋์ง ์์ ์ ๋ค์ ๋ฆฌ์คํธ๋ฅผ ๋ณด์ฌ์ฃผ๊ณ ๊ทธ ๋ฆฌ์คํธ์์ ์ํ์ ์ ํํด์ ์ถ์ฒ ์ํ ๋ฆฌ์คํธ์ ์ถ๊ฐํด์ฃผ๋๋ก ํด์ผ์ง ํ์ ์ฐฝ์ผ๋ก ๋ง๋ค์ด์ค ์ ๋ค์ ๋ง๋ค์ด์ฃผ์๋ค. ๊ทธ๋ฆฌ๊ณ ๋ css๋ฅผ ํตํด ํ์ ์ฐฝ์ผ๋ก ์ฌ๋ ค์ฃผ์ ์ง ํ์ ์ฐฝ ๋ง๋ค์ด์ฃผ๊ณ ๋ฐํ์ ์ฐํ ํ์์ผ๋ก ๊น์์ฃผ์๋ค. (์ ๊น ์ฌ์ด๊ฐ๋ ํ์ = css ํ์) ์์ ๋ง ํธํ๋ค .. ์ด์ ์๋จ์ '์ถ์ฒ ์ํ ์ถ๊ฐ' ๋ฒํผ์ ํด๋ฆญํ๋ฉด ์ถ์ฒ ์ํ์ ์ถ๊ฐ๋์ง ์์ ์ํ๋ค์ ๋ฆฌ์คํธ๋ฅผ ๊ฐ์ ธ์ค๋๋ก ํ์ ๋ฒํผ์ ํด๋ฆญํ๋ฉด ํ์ ์ฐฝ์ผ๋ก ํตํด ์ถ์ฒ์ํ์ ๋ค์ด๊ฐ์ง ์์ ์ํ๋ค์ ๋ฆฌ์คํธ๋ฅผ ํ์ธํ ์ ์๋ค. ๊ทธ๋ผ ์ถ๊ฐ ๋ฒํผ์ ํด๋ฆญํ๋ฉด ์ถ์ฒ ์ํ ๋ฆฌ์คํธ๋ก ๋ค์ด๊ฐ๋๋ก ํด์ฃผ์ ํ์ ์ฐฝ ์์ .. 2021. 9. 22. ๊ด๋ฆฌ์ :: ์ถ์ฒ์ํ ๊ด๋ฆฌ (1) ์ค๋์ !!!! ๊ด๋ฆฌ์ ํ์ด์ง์์ ๋ง์ง๋ง ๊ถํ ์ถ์ฒ ์ํ ๊ด๋ฆฌ ๊ธฐ๋ฅ์ ์ถ๊ฐํด ์ค ๊ฒ์ด๋ค. ์ถ์ฒ ์ํ์ ์ํ ๊ด๋ฆฌ์ ์๋ ์ํ๋ค ์ค์์ ์ ํํด์ ๊ฐ์ ธ์์ ์ถ์ฒ ์ํ์ ๋ณด์ฌ์ค์ ์๋๋ก ํด์ค ๊ฒ์ด๋ค. ์ถ์ฒ ์ํ ๋ฐ์ดํฐ ๋ฒ ์ด์ค๋ฅผ ํ์ธํ๋ฉด ๋ค์๊ณผ ๊ฐ๋ค. ๊ทธ๋ฅ ์ํ seq์ ์ฐ๊ฒฐ๋ ์นผ๋ผ๋ฐ์ ์๋ค. ๊ทธ๋ผ inner join์ผ๋ก seq๊ฐ์ ํด๋นํ๋ ์ํ ์ ๋ณด๋ฅผ ๊ฐ์ ธ์์ผ๊ฒ ๊ตฐ์~ (1) ์ถ์ฒ ์ํ์ผ๋ก ์ถ๊ฐํ ๋ฆฌ์คํธ๋ฅผ ๊ฐ์ ธ์ค๊ณ (2) ์ถ์ฒ ์ํ ๋ฆฌ์คํธ์ ์๋ ์ํ๋ค์ ๋ฆฌ์คํธ๋ฅผ ๊ฐ์ ธ์ฌ ๊ฒ์ด๊ณ (3) ์ถ์ฒ ์ํ์ ์ถ๊ฐํด์ค ๊ฒ์ด๊ณ (4) ์ถ์ฒ ์ํ ๋ฆฌ์คํธ์์ ์ญ์ ํ๋ 4๊ฐ์ง ๊ธฐ๋ฅ์ ๋์์ ํ ๊ฒ์ด๋ค !! ๋ ๋๋ฐ๋ก ๋จ๊ณ ์์ํ์์~ (๊ทธ๋ฆฌ๊ณ Recommand ํด๋๋ฅผ ๋ฐ๋ก ๋ง๋ค์ด์ ์งํํ ๊น ํ๋๋ฐ ..๊ทธ๋ฅ Productํด๋์์ ๋ชจ.. 2021. 9. 22. ๊ด๋ฆฌ์ :: ์ํ ์์ ์ํ ์์ ์ ํด๋ฆญํ๋ฉด ํด๋น ์ํ์ ์ ๋ณด๊ฐ ๋ค์ด๊ฐ ํ์ ์ฐฝ์ ๋์ด์ฃผ๊ณ ์์ ํ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํด์ฃผ๋๋ก ํด์ฃผ์ (ํ์ ์ฐฝ์ ์ํ์ถ๊ฐํ ๋์ ํ์ ์ฐฝ ์ด์ฉํ๊ธฐ) '์์ ' ๋ฒํผ์ ํด๋ฆญํ์ ๋์๋ ์ํ ์ถ๊ฐ ํ์ ์ฐฝ์ด ๋์ค๋๋ก ๋ง๋ค์ด์ฃผ์๋ค ๊ทธ๋ฆฌ๊ณ ์ด์ ์์ ํ๊ธฐ ๋ฒํผ์ ํด๋ฆญํ๋ฉด ํด๋น ๋ฐ์ดํฐ๊ฐ ์ ๋ ฅ๋ ํ์ ์ฐฝ์ ๋์ด์ค ๊ฒ์ด๋ฉฐ (select), ์์ ํ ๋ด์ฉ์ ์ ์ฅ(update)ํ๋ ์ฝ๋ 2๊ฐ๋ฅผ ๋์์ ์งํ ํ ๊ฒ์ด๋ค. mapper.xml ๋ถํฐ ์์ํ์ API ์์ ํด๋น seq์ ๋ํ ๋ฐ์ดํฐ๋ฅผ get ํ๊ณ , ์์ ํ๋ vo๋ฅผ patchํ๋ mapping์ ์์ฑํด์ค๋ค! arc๋ฅผ ์ด์ฉํด์ ์ํ ์ ๋ณด๋ฅผ ์ ๊ฐ์ง๊ณ ์ค๋์ง ํ์ธํ์ ํ์ธ์๋ฃ~! ์ด์ js๋ก ๊ฐ๋ณผ๊น .... getmapping์ผ๋ก ๊ฐ์ ธ์จ ๋ฐ์ดํฐ๋ฅผ ์ ๋ ฅ์นธ์ ๋ฐ์ดํฐ๋ฅผ ๋ฃ์ด์ค๋ค. ๊ทธ.. 2021. 9. 22. ๊ด๋ฆฌ์ :: ์ํ ์ถ๊ฐ ํ์ ์ฐฝ์ผ๋ก ๋ณ๊ฒฝํ๊ธฐ ์ํ ์์ ์ ํ๋ ค๊ณ ํ๋, ์์ ๋ฒํผ์ ํด๋ฆญํ์๋ ํ์ ์ฐฝ์ผ๋ก ์ํ ์ ๋ณด๋ฅผ ๊ฐ์ ธ์ค๋๋ก ํ๊ณ ์์ ์ ์งํํ๊ฒ ํ ๋ ค๊ณ ์๊ฐํ๋ค. ๊ทธ๋ผ ์ํ์ ์ถ๊ฐํ๋ ๊ฒ๋ ๋๊ฐ์ ์์์ผ๋ก ํ์ ์ฐฝ์ ํตํด ํด์ฃผ๋ฉด ์ข์ ๊บผ๊ฐ์์ ์ํ ์ถ๊ฐํด์ฃผ๋ ๊ฒ์ ํ์ ์ฐฝ์ผ๋ก ๋์ค๋๋ก ํด์ฃผ๊ฒ ๋ค. ์ ๋นจ๊ฐ ๋ค๋ชจ๋ฅผ ํ์ ์ฐฝ์ผ๋ก ๋ง๋ค์ด์ฃผ์ css์ ์ด๋ ๊ฒ ๋ฃ์ด์ฃผ๋ฉด ์ด๋ ๊ฒ ์๋ก ๋ฌ๋ค. ํ์ ์ฐฝ์ ๋ง์ฐ์ค๋ก ์ฎ๊ธธ์ ์๊ฒ ๋ง๋ค์ด ์ค ๊ฒ์ด๋ค. ๊ตฌ๊ธ์ jqueryui cdn์ด๋ผ๊ณ ๊ฒ์ํ๊ณ . ์ ๊ฒ์๋ฌผ์ ๋ค์ด๊ฐ์ ์ ๋ค๋ชจ๋ฅผ ํด๋ฆญํด์ ์ฝ๋๋ฅผ ๋ณต์ฌํ๋ค. ๊ทธ๋ฆฌ๊ณ product.jsp ์๋จ์ ์ถ๊ฐํด์ค๋ค. js์ ๋ค์๊ณผ ๊ฐ์ด ์ถ๊ฐํด์ฃผ๋ฉด, ํ์ ์ฐฝ์ h1("์ํ์ถ๊ฐ"๋ผ๊ณ ์ ํ์๋ ์๋จ)์ ์ก๊ณ ํ์ ์ฐฝ์ ์์น๋ฅผ ์ฎ๊ธธ ์ ์๋ค. ํ์ ์ฐฝ์ ๋ซ์ ์ ์๋ ๋ซ๊ธฐ ๋ฒํผ๋ ๋ง๋ค์ด ์ฃผ์ ํ๋จ์.. 2021. 9. 21. ๊ด๋ฆฌ์ :: ์ํ ์ญ์ ์ํ ๋ฆฌ์คํธ์๋ ๋ฒํผ์ด ์์ ํ๊ธฐ์ ์ญ์ ํ๊ธฐ ๋ฒํผ์ด ์๋ค. ์ฐ์ ๊ฐ๋จํ ์ญ์ ํ๊ธฐ ๋จผ์ ์งํํ์ ์ญ์ ๊ฐ ์ ์์ ์ผ๋ก ๋จ์ ํ์ธํ ์ ์๋ค. (ํ์ธํ์) * ๋ค์ ๊ฒ์๋ฌผ์์ ์ ํ ์์ ์ ์งํํด๋ณด๋๋ก ํด์ผ์ง 2021. 9. 20. ๊ด๋ฆฌ์ :: ์ํ ๊ฒ์ ๊ธฐ๋ฅ ์ํ ๋ฆฌ์คํธ๋ฅผ ์ถ๋ ฅํ๊ณ , ์ด๋ฒ์๋ ๊ฒ์ ๊ธฐ๋ฅ์ ์ถ๊ฐํด๋ณด์ js์์ ๊ฒ์์ผ๋ก list๋ฅผ ๊ฐ์ง๊ณ ์ค๋ ํจ์๋ฅผ ๋ง๋ค์ด์ฃผ๊ณ (function getProductInfo), list๋ฅผ ๊ฐ์ง๊ณ ์ค๋ ajax๋ฅผ ๊ทธ ์์ ๋ฃ์ด์ฃผ์๋ค. ๊ทธ๋ฌ๋๋, ์ ๋์ค๋ ๋ฆฌ์คํธ๊ฐ ๋ ๋ผ๊ฐ๋ฒ๋ ธ๋ค. ์ด๊ฒ ์ ์ ๊ทธ๋ผ ์ฐ์ ์ด๊ธฐ ์กฐ๊ฑด์ผ ๊ฒฝ์ฐ์ ๋ฐ์ดํฐ๊ฐ ๋ชจ๋ ๋์ค๊ฒ ํ๋ ค๋ฉด ๋ง๋ค์ด์ค ํจ์๋ฅผ ๋ฐ๋ก ์ํด์ ์คํํด์ฃผ๋ฉด ๋ฆฌ์คํธ๊ฐ ์์ฃผ ์ ๋์ค์ง์ ๊ทธ๋ผ ์ด์ ํจ์์์์ ์นดํ ๊ณ ๋ฆฌ๋ฅด ์ ํํ๊ณ ํค์๋๋ฅผ ์ ๋ ฅํ์ ๋, ๋ฆฌ์คํธ๋ฅผ ์ฌ๋ฐ๋ฅด๊ฒ ์ถ๋ ฅํด์ฃผ๋๋ก ํด์ฃผ์ getProductInfo ํจ์์ ๊ฒ์ํ ๋ ์ ํํ๊ณ ์ ๋ ฅํ ํ๋ผ๋ฏธํฐ ๊ฐ์ ์ถ๊ฐํด์ฃผ๊ณ , ์นดํ ๊ณ ๋ฆฌ์ ํค์๋๋ฅผ ์ ๋ ฅํ ๋ url์ ๋ณ๊ฒฝํด์ ajax์ ์์ฒญ์ ๋ฃ์ ์ ์๋๋ก ๋ณ๊ฒฝํด์ค๋ค. ๊ทธ๋ฆฌ๊ณ ์นดํ ๊ณ ๋ฆฌ ๊ฐ์ ์ ํํ ๊ฒฝ์ฐ.. 2021. 9. 20. ๊ด๋ฆฌ์ :: ์ํ ๋ฆฌ์คํธ ์ถ๋ ฅ ์ํ ๋ฑ๋กํ๋๋ฐ ์๊ทผ ์๊ฐ์ด ์ค๋ ๊ฑธ๋ ธ๋ค.. (์ฌ์ง ๋ .. ๋๋ฌธ์ .. ์ด๋ ค์ .....) ์์ด๊ณ ์ด๋ฟ๋ค ํคํค ์ด๋ฏธ์ง๊ฐ ์ ์์ ์ผ๋ก ๋ค์ด๊ฐ๋ ๊ฒ์ ํ์ธํ์ผ๋, ์ด์ ์๋์ ๋ฑ๋กํ ์ํ ๋ฆฌ์คํธ๋ฅผ ์ถ๋ ฅํด๋ณด์ !! * ์ด๋ฒ์๋ ์์ฉ ver. : ๋ฆฌ์คํธ ์์ ๊ฒ์ ๊ธฐ๋ฅ์ ์ถ๊ฐํด์ฃผ์! product_info ์ ๋ฐ์ดํฐ๋ฅผ ๋ชจ๋ ๋ค๊ณ ์ค๋๋ฐ, (์ฌ๊ธฐ๊น์ง๋ ์ ๋ฒ์ ์งํํ๋ ๊ฒ๊ณผ ๋๊ฐ๋ค.) where ์ ์ ์ด์ฉํด์ ์กฐ๊ฑด์ ์ถ๊ฐํด์ค์ผ์ง! ์ํ ์ด๋ฆ์ ๊ฒ์ํด์ ๊ฐ์ ธ์ฌ ๊ฒ์ธ๋ฐ ์ฌ๊ธฐ์ ๊ฒ์ํ๋ ๊ฐ์ keyword๋ผ๋ ํ๋ผ๋ฏธํฐ๋ก ๋ฐ์์ค ๊ฒ์ด๋ค. ์ผ์นํ๋ ๊ฐ์ด ์๋ ํฌํจํ๋ ๊ฐ์ ๊ฐ์ ธ์ฌ ๊ฒ์ด๋ LIKE๋ก ๋ฐ์์ค๋ค. ๊ทธ๋ฆฌ๊ณ ์นดํ ๊ณ ๋ฆฌ๋ฅผ ์ ํํด์ ๊ทธ ์นดํ ๊ณ ๋ฆฌ์ ํฌํจ๋์ด์๋ ์ํ ์ ๋ณด๋ค์ ๊ฐ์ ธ์ฌ ๊ฒ์ธ๋ฐ, ์นดํ ๊ณ ๋ฆฌ๋ฅผ ์ ํํ์ง ์์์ ๊ฒฝ์ฐ์๋.. 2021. 9. 20. ๊ด๋ฆฌ์ :: ์ํ ๋ฑ๋ก (+ ์ฌ์ง ํ์ผ ๋ฑ๋ก) (3) ์ฌ์ง์ ์ ๋ก๋ํ์ ๋, ์ ๋ก๋ํ ์ฌ์ง์ ์ญ์ ํ ์๋ ์๋๋ก ๋ง๋ค์ด์ฃผ์ ๋ฑ๋กํ๋ ์ฌ์ง์ ์ญ์ ํ ์ ์๋๋ก ํด์ฃผ์๋ค 2021. 9. 20. ๊ด๋ฆฌ์ :: ์ํ ๋ฑ๋ก (+ ์ฌ์ง ํ์ผ ๋ฑ๋ก) (2) ์ฌ์ง์ ์ ๋ก๋ ์์ฒญ์ ๋ฃ์์ ๋, ์ ์์ ์ผ๋ก ์ง์ ํ ํด๋์ ๋ค์ด๊ฐ๋ ๊ฒ์ ํ์ธํ์๋ค. ์ด์ ๋ ์ํ ๋ฑ๋กํ ๋ ์ฌ์ง์ด ๊ฐ์ด ๋ฑ๋ก๋๋๋ก ํด์ฃผ์ * ๊ฐ์ ธ์จ ํ์ผ์ ์ ํ์ ์์๋ผ ๋ ์ฌ์ฉ : HttpServletRequest * ์ฌ๊ธฐ์ Resource : import org.springframework.core.io.Resource; ์ฌ๊ธฐ๊น์งํ๊ณ jsp์ ์ฌ์ง์ ๋ฑ๋กํ ์ ์๋๋ก ๋ง๋ค์ด์ฃผ์ ์ด์ ์ฌ์ง์ ์ ๋ก๋ ํ๊ณ '๋ฑ๋ก' ๋ฒํผ์ ํด๋ฆญํ๋ฉด ์ฌ์ง ๋ฐ์ดํฐ๊ฐ DB์ ๋ค์ด๊ฐ๋๋ก js์์ ์์ ํด์ฃผ์ ๋ฒํผ์ด ์ ์๋ํ๋ ๊ตฐ์ ๊ทธ๋ผ ์ด์ด์ ์งํํด์ฃผ์ฃ js ์์ฑ ๋คํ๊ณ ์ด๋ ๊ฒ ์ฌ์ง prod_image์ ๋ค์ด๊ฐ๊ฒ์ ํ์ธํ ์ ์๋ค. ๊ทธ๋ผ์ด์ ์ด uri๋ฅผ product_info ์์ pi_img_uri๋ก ๋ฃ์ด์ฃผ๋๋กํ์ ๊ทธ๋ฆฌ๊ณ ๋ค์ด.. 2021. 9. 19. ์ด์ 1 2 3 4 ๋ค์