๐/๋ถ์คํธ์ฝ์ค9 [๋ถ์คํธ์ฝ์ค] ์น ํ๋ก๊ทธ๋๋ฐ BE: JSP ๋ฌธ๋ฒ, JSP ๋ด์ฅ๊ฐ์ฒด 1) JSP ๋ฌธ๋ฒ [LECTURE] 3) JSP ๋ฌธ๋ฒ : edwith ๋ค์ด๊ฐ๊ธฐ ์ ์ JSP๋ HTMLํ๊ทธ์ ์๋ฐ์ฝ๋๋ฅผ ์์ด์ ๊ฐ๋ฐํ ์ ์์ต๋๋ค. JSP์์ ์๋ฐ์ฝ๋๋ ์ด๋ป๊ฒ ์ ๋ ฅ์ ํ๋์ง, ์ด๋ค ๊ฒฐ๊ณผ๋ฅผ ์ถ๋ ฅํ๋ ค๋ฉด ์ด๋ค ๊ฒ์ ์ฌ์ฉํด์ผ ํ๋์ง์ ๋ํด์... - ๋ถ์คํธ์ฝ์ค www.edwith.org JSP๋ HTMLํ๊ทธ์ ์๋ฐ์ฝ๋๋ฅผ ์์ด์ ๊ฐ๋ฐํ ์ ์์ต๋๋ค. ์ง๋ ์๊ฐ JSP ์คํฌ๋ฆฝํธ ๊ตฌ์ฑ์์ 5๊ฐ์ง(์ง์์, ์คํฌ๋ฆฝํธ๋ฆฟ, ํํ์, ์ ์ธ์, ์ฃผ์)๋ผ๊ณ ๋งํ๋ JSP ๋ฌธ๋ฒ์ ํ ๋ฒ๋ ์ ๋ฆฌํ๋๋ก ํ๊ฒ ์ต๋๋ค. ํ์ต ๋ชฉํ JSP์์ ์ ์ธ๋ฌธ์ ์ด์ฉํด ํ๋์ ๋ฉ์๋๋ฅผ ์ ์ธํ ์ ์๋ค. JSP์์ ์๋ฐ ์ฝ๋๋ฅผ ์ ๋ ฅํ๋ ๋ฐฉ๋ฒ์ ์ ์ ์๋ค. JSP์์ ๋ณ์๊ฐ์ ์ถ๋ ฅํ ์ ์๋ค. JSP์์ ์ฃผ์๋ฌธ์ ์์ฑํ ์ ์๋ค. ํต์ฌ .. 2020. 3. 26. [๋ถ์คํธ์ฝ์ค] ์น ํ๋ก๊ทธ๋๋ฐ BE: JSP๋? JSP ๋ผ์ดํ์ฌ์ดํด 1) JSP [LECTURE] 1) JSP๋? : edwith ๋ค์ด๊ฐ๊ธฐ ์ ์ ๋ง์ดํฌ๋ก์ํํธ์ ASP(Active Server Pages)์ ๊ฐ์ ์คํฌ๋ฆฝํธ ํํ์ ๊ฐ๋ฐ ๋ฐฉ๋ฒ์ด ์ธ๊ธฐ๋ฅผ ์ป๊ฒ ๋๋ฉด์, ์๋ฐ ์ง์์์๋ ๋ํญํ๊ธฐ ์ํด์ JSP๋ฅผ ๋ฐํํ... - ๋ถ์คํธ์ฝ์ค www.edwith.org ํ์ต ๋ชฉํ jsp๊ฐ ๋ฌด์์ธ์ง ์ดํดํ๋ค. jsp์ ๊ฐ๋จํ ์ฌ์ฉ๋ฒ์ ์์๋ณธ๋ค. ํต์ฌ ๊ฐ๋ jsp (java server page) JSP์ ์์น๋ WebContent ์ ๋๋ค. ์ด์ ์ ์ค์ต์ ์งํํ๋ firstweb์ WebContent์๋์ jspํ์ผ์ ๋ง๋ค์ด๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. Html css, js ํ์ผ ๋ชจ๋ ์ด ์์น์ ๋ง๋ค์ด์ฃผ๋ฉด ๋ฉ๋๋ค. ๋๋ ํ ๋ฆฌ๋ฅผ ์๋ก ์์ฑํด์์คํ์ ์ํฌ ์๋ ์๊ณ ๋ฐ๋ก WebContet๋๋ ํ ๋ฆฌ ํ์์.. 2020. 3. 20. [๋ถ์คํธ์ฝ์ค] ์น ํ๋ก๊ทธ๋๋ฐ FE: WEB UI ๊ฐ๋ฐ ์ด์ ๊น์ง JavaScript ๊ธฐ๋ณธ๋ฌธ๋ฒ์ ๋ํ์ฌ ์์๋ณด์๊ณ ์ด๋ฒํฌ์คํ ์์๋ WEB UI๊ฐ๋ฐ์ ๋ํ์ฌ ์์๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. ํ์ต ๋ชฉํ JavaScript์ ๊ธฐ๋ณธ๋ฌธ๋ฒ์ ์ดํดํ๋ค. DOM, Browser Event, Ajax์ด ๊ฐ๊ฐ ๋ฌด์์ธ์ง ์ดํดํ๊ณ , ์ด๋ฅผ ํ์ฉํด ์นํ๋ฉด์ ์ ์ดํ ์ ์๋ค. JSP์ ๋ผ์ดํ์ฌ์ดํด์ ์ดํดํ๊ณ redirect & forward ์ scope๋ฅผ ์ดํดํ๊ณ ์ฌ์ฉํ ์ ์๋ค. JSTL๊ณผ EL์ ์ฌ์ฉํ ์ ์๋ค. ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ค์นํ๊ณ ๊ฐ๋จํ SQL์ ์ฌ์ฉํ ์ ์๋ค. Maven์ ์ดํดํ๊ณ Maven์ ์ด์ฉํ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ์์ฑํ ์ ์๋ค. JDBC ํ๋ก๊ทธ๋๋ฐ์ ํ ์ ์๋ค. Web API๋ฅผ ์ดํดํ๋ค. ๋ชฉ์ฐจ window ๊ฐ์ฒด(setTimeout) DOM๊ณผ querySelector Bro.. 2020. 3. 12. [๋ถ์คํธ์ฝ์ค] ์น ํ๋ก๊ทธ๋๋ฐ FE: JavaScript 3 ํจ์, ํจ์ ํธ์ถ ์คํ ์ค๋์ JavaScript ๋ง์ง๋ง ํํธ์ ๋๋ค. JavaScript์ ํจ์์ ๋ํ์ฌ ์์๋ณด๊ฒ ์ต๋๋ค. ํ์ต ๋ชฉํ JavaScript์ ๊ธฐ๋ณธ๋ฌธ๋ฒ์ ์ดํดํ๋ค. DOM, Browser Event, Ajax์ด ๊ฐ๊ฐ ๋ฌด์์ธ์ง ์ดํดํ๊ณ , ์ด๋ฅผ ํ์ฉํด ์นํ๋ฉด์ ์ ์ดํ ์ ์๋ค. JSP์ ๋ผ์ดํ์ฌ์ดํด์ ์ดํดํ๊ณ redirect & forward ์ scope๋ฅผ ์ดํดํ๊ณ ์ฌ์ฉํ ์ ์๋ค. JSTL๊ณผ EL์ ์ฌ์ฉํ ์ ์๋ค. ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ค์นํ๊ณ ๊ฐ๋จํ SQL์ ์ฌ์ฉํ ์ ์๋ค. Maven์ ์ดํดํ๊ณ Maven์ ์ด์ฉํ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ์์ฑํ ์ ์๋ค. JDBC ํ๋ก๊ทธ๋๋ฐ์ ํ ์ ์๋ค. Web API๋ฅผ ์ดํดํ๋ค. ๊ฐ์ ๋งํฌ๐ [LECTURE] 3) ์๋ฐ์คํฌ๋ฆฝํธ ํจ์ : edwith ๋ค์ด๊ฐ๊ธฐ ์ ์ "์๋ฐ์คํฌ๋ฆฝํธ ์ ์ดํดํ.. 2020. 3. 4. [๋ถ์คํธ์ฝ์ค] ์น ํ๋ก๊ทธ๋๋ฐ ์ฝ๋๋ฆฌ๋ทฐ ํ๊ธฐ: ํ๋ก์ ํธA-1. ํํ์ด์ง BE ์๋ ํ์ธ์ ์ค๋์ ์ฝ๋๋ฆฌ๋ทฐ ํ๊ธฐ๋ฅผ ์์ฑํด๋ณด๋ ค๊ณ ํฉ๋๋ค. BOOSTER 2๊ธฐ ํ๋์ ํ๋ฉด์ ๋ฌด๋ฃ ์ฝ๋๋ฆฌ๋ทฐ๊ถ์ ๋ฐ์์ ์ฝ๋๋ฆฌ๋ทฐ๋ฅผ ๋ฐ์๋ณด์์ ๊ทธ ํ๊ธฐ๋ฅผ ์์ฑํด๋ณด๋ ค๊ณ ํฉ๋๋ค. ์ ๋ '1.์น ํ๋ก๊ทธ๋๋ฐ ๊ธฐ์ด' ํํ์ด์ง ๋ง๋๋ ํ๋ก์ ํธ์ ๋ฐฑ์๋ ๋ถ๋ถ์ ์ฝ๋๋ฆฌ๋ทฐ๋ฐ์์ต๋๋ค. https://www.edwith.org/boostcourse-web/project/4/content/3#summary www.edwith.org ๊ธฐ์ ์๊ตฌ์ฌํญ ๐์นํ๋ก ํธ์๋ html layout tag๋ฅผ ์ฌ์ฉํฉ๋๋ค. classname์ ์ผ์ ํ ์ปจ๋ฒค์ ์ ์ ์งํฉ๋๋ค. ์๋ฏธ์ ๋ง๋ tag๋ฅผ ์ต๋ํ ์ฌ์ฉํฉ๋๋ค. (div ์ฌ์ฉ์ ์ต๋ํ ์์ ) position์์ฑ๊ณผ float๋ฅผ ์ฌ์ฉํด์ element๋ฅผ ๋ฐฐ์นํฉ๋๋ค. ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ ๋ ์ด์์์ ์ง์ํฉ๋๋ค. (.. 2020. 2. 28. [๋ถ์คํธ์ฝ์ค] ์น ํ๋ก๊ทธ๋๋ฐ FE: JavaScript 2 ๋น๊ต-๋ฐ๋ณต-๋ฌธ์์ด ๋ฒ์จ 2. DB ์ฐ๊ฒฐ ์น ์ฑ ํํธ์ ๋ค์ด๊ฐ๋ฉด์ ์๋ ํ์ต ๋ชฉํ๋ค์ ๋ํ ๋ด์ฉ์ ๋ฐฐ์ฐ๊ฒ ๋๋๋ฐ ์ค๋์ ๊ทธ ์ค JavaScript์ ๋น๊ต-๋ฐ๋ณต-๋ฌธ์์ด์ ๋ํ์ฌ ์์๋ณด๊ฒ ์ต๋๋ค. ํ์ต ๋ชฉํ JavaScript์ ๊ธฐ๋ณธ๋ฌธ๋ฒ์ ์ดํดํ๋ค. DOM, Browser Event, Ajax์ด ๊ฐ๊ฐ ๋ฌด์์ธ์ง ์ดํดํ๊ณ , ์ด๋ฅผ ํ์ฉํด ์นํ๋ฉด์ ์ ์ดํ ์ ์๋ค. JSP์ ๋ผ์ดํ์ฌ์ดํด์ ์ดํดํ๊ณ redirect & forward ์ scope๋ฅผ ์ดํดํ๊ณ ์ฌ์ฉํ ์ ์๋ค. JSTL๊ณผ EL์ ์ฌ์ฉํ ์ ์๋ค. ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ค์นํ๊ณ ๊ฐ๋จํ SQL์ ์ฌ์ฉํ ์ ์๋ค. Maven์ ์ดํดํ๊ณ Maven์ ์ด์ฉํ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ์์ฑํ ์ ์๋ค. JDBC ํ๋ก๊ทธ๋๋ฐ์ ํ ์ ์๋ค. Web API๋ฅผ ์ดํดํ๋ค. [LECTURE] 2) ์๋ฐ์คํฌ๋ฆฝํธ.. 2020. 2. 21. [๋ถ์คํธ์ฝ์ค] ์น ํ๋ก๊ทธ๋๋ฐ FE: JavaScript 1 ๋ณ์-์ฐ์ฐ์-ํ์ ๋ฒ์จ 2. DB ์ฐ๊ฒฐ ์น ์ฑ ํํธ์ ๋ค์ด๊ฐ๋ฉด์ ์๋ ํ์ต ๋ชฉํ๋ค์ ๋ํ ๋ด์ฉ์ ๋ฐฐ์ฐ๊ฒ ๋๋๋ฐ ์ค๋์ ๊ทธ ์ค JavaScript์ ๋ํ์ฌ ์์๋ณด๊ฒ ์ต๋๋ค. ํ์ต ๋ชฉํ JavaScript์ ๊ธฐ๋ณธ๋ฌธ๋ฒ์ ์ดํดํ๋ค. DOM, Browser Event, Ajax์ด ๊ฐ๊ฐ ๋ฌด์์ธ์ง ์ดํดํ๊ณ , ์ด๋ฅผ ํ์ฉํด ์นํ๋ฉด์ ์ ์ดํ ์ ์๋ค. JSP์ ๋ผ์ดํ์ฌ์ดํด์ ์ดํดํ๊ณ redirect & forward ์ scope๋ฅผ ์ดํดํ๊ณ ์ฌ์ฉํ ์ ์๋ค. JSTL๊ณผ EL์ ์ฌ์ฉํ ์ ์๋ค. ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ค์นํ๊ณ ๊ฐ๋จํ SQL์ ์ฌ์ฉํ ์ ์๋ค. Maven์ ์ดํดํ๊ณ Maven์ ์ด์ฉํ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ์์ฑํ ์ ์๋ค. JDBC ํ๋ก๊ทธ๋๋ฐ์ ํ ์ ์๋ค. Web API๋ฅผ ์ดํดํ๋ค. https://www.edwith.org/boostco.. 2020. 2. 11. [๋ถ์คํธ์ฝ์ค] ์น ํ๋ก๊ทธ๋๋ฐ BE: Servlet ์ด๋? java์ Servlet์ด ๋ฌด์์ธ์ง ํญ์ ๊ถ๊ธํ๋๋ฐ ์ด๋ฒ์ ๋ถ์คํธ์ฝ์ค๋ฅผ ์๊ฐํ๋ฉด์ ๋ฐฐ์ธ ์ ์์์ต๋๋ค. ๋ถ์คํธ์ฝ์ค์์ ์ป์ ์ ๋ณด๋ค์ ์ ๋ฆฌํด๋ณด๋ ค๊ณ ํฉ๋๋ค. ์์์ด ๊ถ๊ธํ ๋ถ๋ค์ ์๋ ๊ฐ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ์ฌ ์ฃผ์ธ์. ๊ฐ์๋งํฌ [LECTURE] 1) Servlet ์ด๋? : edwith ๋ค์ด๊ฐ๊ธฐ ์ ์ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ์ ์ ์ธ ์ฝํ ์ธ ์ ๋์ ์ธ ์ฝํ ์ธ ๋ก ๋๋์ด ๋ณผ ์ ์์ต๋๋ค. ํ๋ก๊ทธ๋จ์ ์ํํด์ ํ์ด์ง๋ฅผ ๋์ ์ผ๋ก ๋ง๋ค์ด ์ฃผ๋ ์๋ธ๋ฆฟ์ ๋ํด์ ์์๋ด ๋๋ค. ํ์ต ๋ชฉํ ... - ๋ถ์คํธ์ฝ์ค www.edwith.org ๋ชฉ์ฐจ Servlet ์ด๋? Servlet ๋ผ์ดํ ์ฌ์ดํด Request, Response ๊ฐ์ฒด ์ดํดํ๊ธฐ 1. Servlet ์ด๋? ๋จผ์ ์๋ธ๋ฆฟ์ ๋ํ์ฌ ์์๋ณด๊ธฐ ์ ์ ์๋ฐ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ๋ํด์ ์์๋ณด๋๋ก.. 2020. 2. 4. [๋ถ์คํธ์ฝ์ค] ์น ํ๋ก๊ทธ๋๋ฐ BE: WAS(Web Application Server) ๋? ํ์ต ๋ชฉํ WAS๊ฐ ๋ฌด์์ธ์ง ์ ์ ์๋ค. WAS์ ์ข ๋ฅ๋ฅผ ์์๋ณธ๋ค. ์น์๋ฒ์ WAS์ ์ฐจ์ด์ ์ ์ค๋ช ํ ์ ์๋ค. ํต์ฌ ๊ฐ๋ WAS (Web Application Server) Apache Tomcat ํด๋ผ์ด์ธํธ์ ์๋ฒ ๊ตฌ์กฐ ์๋น์ค๋ฅผ ์ ๊ณตํ๋ ๊ฒ์ ์๋ฒ. ์๋ฒ์๊ฒ ์๋น์ค๋ฅผ ์์ฒญํด์ ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ ํด๋ผ์ด์ธํธ๋ผ๊ณ ํฉ๋๋ค. ํด๋ผ์ด์ธํธ(Client)๋ ์๋น์ค(Service)๋ฅผ ์ ๊ณตํ๋ ์๋ฒ(Server)์๊ฒ ์ ๋ณด๋ฅผ ์์ฒญํ์ฌ ์๋ต ๋ฐ์ ๊ฒฐ๊ณผ๋ฅผ ์ฌ์ฉํฉ๋๋ค. DBMS (DataBase Management System) DBMS ๋ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ๊ด๋ฆฌํ๋ ์์คํ ์ผ๋ก ๋ค์์ ์ฌ์ฉ์๊ฐ ๋ฐ์ดํฐ๋ฒ ์ด์ค ๋ด์ ๋ฐ์ดํฐ์ ์ ๊ทผํ ์ ์๋๋ก ํด์ฃผ๋ ์ํํธ์จ์ด์ ๋๋ค. DBMS๊ฐ ๋ฑ์ฅํ๊ธฐ ์ด์ ์๋ ๊ฐ๋ฐ์๋ค์ด ๋น ๋ฅด๊ฒ ๋ฐ์ดํฐ๋ฅผ ์ .. 2020. 1. 19. ์ด์ 1 ๋ค์