๐ฎ Personal Project29 ๊ด๋ฆฌ์ :: ์ํ ๋ฑ๋ก (+ ์ฌ์ง ํ์ผ ๋ฑ๋ก) (1) ์ด ์ ๊ฒ์๋ฌผ์ ํ์ธํ๋ฉด ์ํ์ ๋ฌธ์ ์์ด ๋ฑ๋กํ ์ ์๋ ๊ฒ์ ํ์ธํด์ค ์ ์๋ค. ์ด๋ฒ์๋ ์ฌ์ง์ ๋ฑ๋กํ๋๋ก ํด์ฃผ์ ์ฌ์ง์ ๋ฑ๋กํ๋ ค๋ฉด ์๊ฐ๋ณด๋ค ์ค์ ํด์ผํ๋ ๋ถ๋ถ์ด ๋ง๋ค ์ฐ์ application.propertise ์์ ํ์ผ ์ ์กํ๋ ์ค์ ์ ํด์ฃผ์ application.propertise์์ ํ์ผ์ ์ ์กํ ์ ์๋๋ก setting์ ์๋ฃํด์ฃผ์๋ค. ๊ทธ๋ผ ์ด์ FileController๋ฅผ ๋ง๋ค์ด์ฃผ์. ์ฌ์ง์ ๋ฑ๋กํ๋ ๊ฒ์ด๋, @PostMapping ์ .. ์ด์ ๋ถํฐ .. ํท๊ฐ๋ฆฐ๋ค ~!~! ๋ ์ ๋๋ก ๋จ๊ณ ์~!~! *ํ์ผ์ ๋ณด๋ด๋๊ฑด @RequestPart *ํ์ผ์ด ์ ์ฅ๋ ํด๋์ ์์น๋ฅผ ์ง์ ํด์ค๋ค. ํ๋ก์ ํธ๊ฐ D๋๋ผ์ด๋ธ๋ C๋๋ผ์ด๋ธ์ ์์ผ๋ฉด "/shopping/images" ์ด๋ ๊ฒ ์ง์ ํด์ค๋ค. (๋๋ D๋๋ผ์ด๋ธ.. 2021. 9. 19. ๊ด๋ฆฌ์ :: ์ํ ๋ฑ๋ก ๊ด๋ฆฌ์ ๋ฉ๋ด ์ค์์ ์ด์ ์ํ๊ด๋ฆฌ์ ์ถ์ฒ ์ํ ๊ด๋ฆฌ๊ฐ ๋จ์๋ค. ์ถ์ฒ ์ํ ๊ด๋ฆฌ๋ ์ด์งํผ ์ํ ๊ด๋ฆฌ ๋ฆฌ์คํธ๋ฅผ ๊ฐ์ ธ์์ ์งํํ๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ์ํ๊ด๋ฆฌ ๋จผ์ ์๋ฃํด์ฃผ๋๋ก ํ์ ์ํ์ ๋ฑ๋กํ ๋, ์ง๊ธ๊น์ง ๋ฑ๋กํ ์นดํ ๊ณ ๋ฆฌ, ํ๋งค์(์ ์ฒด), ๋ฐฐ์ก์ ์ฒด ๋ฆฌ์คํธ๋ฅผ ๊ฐ์ ธ์์ ๊ฑฐ๊ธฐ์ ์ ํ์ ํด์ ๋ฐ์ดํฐ๋ฅผ ์ง์ด ๋ฃ์ ์ ์๋๋ก ํด์ฃผ์ ๊ทธ๋ ๊ฒ ํ๊ธฐ์ํด์๋ ์ํ controller์์ ์นดํ ๊ณ ๋ฆฌ, ํ๋งค์, ๋ฐฐ์ก์ ์ฒด ๋ฐ์ดํฐ๋ฅผ autowired๋ฅผ ํตํด ๊ฐ์ ธ์์ model๋ก ๋ด๋ณด๋ด์ด์ฃผ๋๋ก ๋ง๋ค์ด์ฃผ์ ๊ทธ๋ผ ์ํ๊ด๋ฆฌ ํ์ด์ง๋ก ์ฐ๊ฒฐํด์ฃผ๋ controller๋ก ๋จผ์ ๊ฐ์ ์ ์ฒด ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์์ list๋ก ์ถ๋ ฅํด์ฃผ๋ service๋ฅผ ๋ชจ๋ ๊ฐ์ ธ์์ค์ ๊ฐ๊ฐ์ ์ด๋ฆ์ผ๋ก clist, slist, dlist๋ก ์ง์ ํด์ค๋ค. ์ ๊ทธ๋ผ jsp์์ ์ํ์ .. 2021. 9. 19. ๊ด๋ฆฌ์ :: ํ์ ์ ๋ณด ์ญ์ ํ์ ์ ๋ณด ์ญ์ ๋ฒํผ์ ํ์ฑํ ์์ผ ์ ๋ณด๋ฅผ ์ญ์ ํ ์ ์๋๋ก ํด์ฃผ์ ์ฌ์ค ์ด๊ฑด ๋๋ฌด๋๋ ๋ง์ด ๋ฐ๋ณตํ๋๊ฑฐ๋ผ 5๋ถ์ด๋ฉด ๋๋๋ค! ๋ฐฑ์๋ ๋ถ๋ถ ๋. ๊ทธ๋ผ ์ด์ js์์ ๊ธฐ๋ฅ์ ํ์ฑํํด์ฃผ์ ์ฑ๊ณต์ ์ผ๋ก ์ญ์ ๋๋ ๊ฑธ ํ์ธํ๋ค ! ์ฝ๋ ์ ์์ฑ๋์๋ค์ 2021. 9. 19. ๊ด๋ฆฌ์ :: ํ์ ์ ๋ณด ๋ฆฌ์คํธ ์ถ๋ ฅ ๊ด๋ฆฌ์ ํ์ด์ง์์์ ํ์๊ด๋ฆฌ๋ ๋ฆฌ์คํธ๋ง ์ถ๋ ฅํด์ ์ญ์ ๊ธฐ๋ฅ๋ง ๋ฃ๋ ๊ฑธ๋ก๋ง ํ๊ฒ ๋ค. ์๋ํ๋ฉด ์๋น์ค ํ์ด์ง์์ ํ์๊ฐ์ ๊ณผ ๋ก๊ทธ์ธ์ ๋ง๋ค์์ผ๋, ์ฌ๊ธฐ์ ๋ฐ๋ก ๋ฑ๋กํ ๊ฑด ์๋ค๊ณ ํ๋จํ๊ธฐ์! ๋ฆฌ์คํธ ์ถ๋ ฅํด์ ํ์๊ฐ์ ํ ํ์๋ค ํ์ธํ๊ณ ๊ด๋ฆฌ์ ๊ถํ์ผ๋ก ํ ์ ์๋ ๊ฑด ์ญ์ ํ๋ ๊ฒ๋ง ์ถ๊ฐํด์ฃผ๊ฒ ๋ค ! ๊ทธ๋ผ ๋ฐ๋ก ๋ฆฌ์คํธ๋ฅผ ์ถ๋ ฅํ๋๋ก ํด์ฃผ์ API ๊น์ง ์์ฑ์๋ฃ~ jsp์์ ๋ฐ์ดํฐ๋ฅผ ๋ฃ์ด์ค ํ์ ๋ง๋ค์ด์ฃผ์! js์์ ์ด์ ๋ฃ์ด์ฃผ๋ฉด ๋์ง์ ๋ฆฌ์คํธ๊ฐ ์ ๋์ค๋ ๊ฒ์ ํ์ธํ ์ ์๋ค! css๋ก ์์๊ฒ ๋ง๋ค์ด ์ฃผ์๋ค ! ๋ง์์ ํ - ํ ** ๋ค ํ๊ณ ๋ณด๋, ์ฑ๋ณ์ด๋ ๊ณ์ ์ํ๊ฐ Integer๋ก ๊ฐ์ ์ถ๋ ฅํ๊ณ ์๊ธฐ์ ์ถ๋ ฅ ๊ฐ์ ์ง์ ํด์ค์ ๋ณ๊ฒฝํด์ฃผ๋ ๊ฒ์ ๋ค์ ๊ฒ์๋ฌผ์์ ์งํํด์ฃผ์ 2021. 9. 17. ๊ด๋ฆฌ์ :: ๋ฐฐ์ก์ฌ ์ญ์ ๋ฐฐ์ก์ฌ ์ ๋ณด๋ฅผ ๋ฑ๋กํ๊ณ , ๋ฆฌ์คํธ๋ก ์ถ๋ ฅํ๋ ๊ฒ๊น์ง ํด์ฃผ์๋ค. ์ฐ์ธก์ ์ญ์ ํ๊ธฐ ๋ฒํผ์ด ์๋๋ฐ ๊ธฐ๋ฅ์ ํ์ง ๋ชปํ๊ธฐ์ ์ญ์ ํ๋ ๊ธฐ๋ฅ์ ์ถ๊ฐํด์ฃผ์! API๊น์ง ํด์คฌ๋ค. ๊ทธ๋ผ ์ด์ js์์ ๋ฒํผ์ด ์ ๊ธฐ๋ฅ์ ํ๋๋ก ํด์ฃผ์! ๋๋ฌด ์ ์๋ํ๋ค. ์ง์ง์ง ๊ทธ๋ผ ๋ง๋๊ณ ajax ๊ฐ์ ์ญ์ ๋ฒํผ์ ํด๋ฆญํ๋ฉด ๋ค์๊ณผ ๊ฐ์ confirm ์ฐฝ์ด ๋จ๊ณ , ํ์ธ์ ๋๋ฅด๋ฉด ์ญ์ ๊ฐ ์๋ฃ๋์๋ค๋ alert์ ํ์ธํ ์ ์๋ค. ์ญ์ ํ๊ธฐ ์์ฑ~!~! 2021. 9. 17. ๊ด๋ฆฌ์ :: ๋ฐฐ์ก์ฌ ๋ฆฌ์คํธ ์ถ๋ ฅ ์ .. 3๋ฒ์งธ ๋ฆฌ์คํธ ์ถ๋ ฅํ ์ฐจ๋ก์ ๋๋ค. ์ด๋ฒ์๋ ๋ฐฐ์ก์ฌ๊ตฌ์.. ๊ตฐ๋ง์์ด ๊ฐ๋ณด์ฃ ์ฐ์ ๋ฐฐ์ก์ฌ ๋ฑ๋กํ๋ ๊ฒ์ ์๋ฃ ํ์ต๋๋ค. ๋ฑ๋ก๊ณผ์ ๋ฐฐ์ก์ฌ ์ค๋ณต ํ์ธ๋ ์๋ฃํ์ฃ (์ง์ง์ง) ๊ทธ๋ผ ์ด์ ๋ฑ๋กํ ์น๊ตฌ๋ค์ ์๋์ ๋ฆฌ์คํธ๋ก ์ถ๋ ฅ์ ํด๋ณด๊ฒ ์ต๋๋ค ! API๊น์ง ์์ฑ์๋ฃ. jsp์์ ๋ฆฌ์คํธ๋ก ๊ฐ์ ธ์ฌ ์ ๋ค์ ๊ณต๊ฐ์ ๋ง๋ จํด์ค์ผํฉ๋๋ค. ๋ฐ๋ก ์ด๋ ๊ฒ์ ๊ทธ๋ผ ์ด์ js๋ก ๊ฐ์ ์ table์ ๊ฐ์ ๋ฃ์ด์ค์๋ค ๋ฆฌ์คํธ ์ถ๋ ฅ ์๋ฃ ์ด์ ์์๊ฒ ๋ง๋ค์ด ์ฃผ๊น ์ํ ๋ง์์ ํํ ์ฒ์์ ํ๋ฒ ์ ๋๋ก ๋ง๋ค์ด ๋์ผ๋, ์ด์ ๋ ๋ณต๋ถ์ด๋ค css ๋๋ 2021. 9. 17. ๊ด๋ฆฌ์ :: ๋ฐฐ์ก์ฌ ๋ฑ๋ก (+ ์ค๋ณต๊ฒ์ฌ) ์ด๋ฒ์๋ ๋ฐฐ์ก์ ์ฒด๋ฅผ ๋ฑ๋กํ๊ณ ๊ด๋ฆฌํ๋๋ก ํด์ฃผ์ ์ฌ๊ธฐ์ ๋ง๋ค์ด์ค๊ป๋ฐ, ์ฌ์ค ์์ ์งํํ๋ ์นดํ ๊ณ ๋ฆฌ ๊ด๋ฆฌ์ ์ ์ฒด๊ด๋ฆฌ์ ๋~~~~ ๋ฌด๋ ์ ์ฌํ๋ค. ์ฌ์ค ์ ์ฌํ๋ค๋ ๊ฑธ ๋์ด์ ๊ฑฐ์ ๋๊ฐ๋ค. ๊ทธ๋๋ ๊ธฐ๋กํ๋ฉด์ ํ๋ ๊ฑธ๋ก! ์ฐ์ ๋ฐฐ์ก์ ์ฒด๋ฅผ ๋ฑ๋กํ๋ ํ์ ์ก์์ฃผ๋๋ก ํ์ DB๋ฅผ ํ์ธํ๋, ๋ฐฐ์ก์ฌ ๋ช , ๋ฐฐ์ก์ฌ ์ ํ๋ฒํธ, ๋ฐฐ์ก๋น ์ด๋ ๊ฒ 3๊ฐ์ง ๋ฐ์ดํฐ๋ง ๋ฐ์ผ๋ฉด ๋๋ค! ์ด๋ฒ์๋ ๋ฐฐ์ก์ฌ ๋ช ์ค๋ณต๊ฒ์ฌ์ ๊ฐ์ด ์งํํ๋๋ก ํ์! ์ง-์ ์ด์ VO๋ฅผ ๋ง๋ค์ด์ฃผ์ ํ... .์ ๊น๋ง ์๋ ์ด๊ฑฐ ์ฌ๋ฌ๋ฒ ๋ฐ๋ณตํ๊ฑฐ์๋๋ฐ ........ ? ์ ๋๊ฐ ๊ฐ์ดํ ๋ ค๋๊น ์์ด๋ ๊ฒ ํท๊ฐ๋ฆฌ๋ ...? ๋๋ ์ง์ง ๋ฉ์ฒญ์ด๋ค .. ์์ฉ๋ ฅ์ด ์๋ ๋๋ .... ๋ฐ๋ณด ... ๋ฉ์ฒญ์ด .......... ์ฐ์ ..์ ๊น๋ง .. ์ค๋ณต๊ฒ์ฌ ์๋๋์ง ํ์ธํด๋ณด์ ๋ฐ์ดํฐ์ '๋ํ.. 2021. 9. 17. ๊ด๋ฆฌ์ :: ์ ์ฒด ์ญ์ ๋ฑ๋กํ ์ ์ฒด๋ฅผ ์ญ์ ๋ฒํผ์ ํตํด ์ญ์ ํ๋ ๊ธฐ๋ฅ์ ์ถ๊ฐํด์ฃผ์ mapper์ service, API Controller ๊น์ง ์์ฑํ์ผ๋, js๋ก ๊ฐ์ ์ฐ์ ์ญ์ ํ๊ธฐ ๋ฒํผ์ด ์ ๋๋ก ์๋๋๋์ง ํ์ธ์ ํด๋ณด์ ์ญ์ ๋ฒํผ์ ํด๋ฆญํ์๋, ๋ค์๊ณผ ๊ฐ์ alert์ด ๋จ๋ ๊ฒ์ ํ์ธ --> ์ ์๋ํ๋ ๊ตฌ๋! ๊ทธ๋ผ์ด์ confirm์ ํตํด ํ๋ฒ๋ ํ์ธ์ ํ๋๋ก ๋ง๋ค์ด์ค ํ, ajax๋ฅผ ํตํด delete๊ฐ ๋๋๋ก ๋ง๋ค์ด์ฃผ์ ์ด๋ ๊ฒ ์ฝ๋๋ฅผ ์์ฑํด์ฃผ๋ฉด ์๋์ alert์ฐฝ๊ณผ ํจ๊ป ๋ฐ์ดํฐ๊ฐ ์ญ์ ๋๋ ๊ฒ์ ํ์ธํ ์ ์๋ค. ์ ์ฒด ์ ๋ณด ์ญ์ ํ๊ธฐ ์๋ฃ 2021. 9. 17. ๊ด๋ฆฌ์ :: ์ ์ฒด ๋ฆฌ์คํธ ์ถ๋ ฅ ์ด์ ๊ฒ์๋ฌผ์์ ๊ด๋ฆฌ์ ํ์ด์ง์ ์ ์ฒด๋ฅผ ๋ฑ๋กํ ์ ์๋๋ก ํด์ฃผ์๋ค. ๋๋น๋ฒ์์ ์ ์ฒด ์ ๋ณด๋ฅผ ๊ฐ์ ธ์ค๋ spl์ ์์ฑํ๊ณ ์ ์์ ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ์กฐํํ๋์ง ํ์ธํด์ค๋ค. ๋ฐ์ดํฐ๋ฅผ ์ ์์ ์ผ๋ก ์กฐํํ๋ฉด, Mapper.xml -> Mapper.java -> Serivce.java -> API API๊น์ง ์์ฑํด์ฃผ๋ฉด ์ด์ jsp์์ table์ ๋ง๋ค์ด์ฃผ์ jsp์์ table์ ๋ง๋ค์ด์ฃผ์์ผ๋, js๋ฅผ ํตํด ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์์ฃผ์ ajax๋ฅผ ์ฌ์ฉํด์ ๋ฐ์ดํฐ๋ฅผ ~ ์ง์ ๋ฐ์ดํฐ๊ฐ ์ ๋์ค๋ ๊ฒ์ ํ์ธํ ์ ์๋ค. ๊ทธ๋ผ ์ด์ ์์๊ฒ ๋ง๋ค์ด๋ณด์ css์ ์๊ฐ ์กฐ๊ธ๋ง ์ฐ๊ธฐ ! ๊น-๊ฟ ์นดํ ๊ณ ๋ฆฌ css๋ฅผ ๋ฐ๋ก ์ ์ฉํด์คฌ๋ค! ์ ์ฒด ๋ฆฌ์คํธ ์ถ๋ ฅ ์๋ฃ ์ด์ด์ ์ฐ์ธก์ '์ญ์ ' ๋ฒํผ ํด๋ฆญ์ ํด๋น ๋ฐ์ดํฐ๊ฐ ์ญ์ ๋๋๋ก ๋ง๋ค์ด ์ฃผ์! 2021. 9. 17. ์ด์ 1 2 3 4 ๋ค์