본문 바로가기

Front-end (국비)37

23.07.04 수업 정리 (JSTL 태그와, EL식) 1. JSTL : JSTL의 정식 명칭은, 자바서버 페이지 표준 태그 라이브러리(JavaServer Pages Standard Tag Library)이고, 줄여서 JSTL이라 부른다. JSTL은 Java EE 기반의 웹 애플리케이션 개발 플랫폼을 위한 컴포넌트 모음이다. JSTL은 XML 데이터 처리와 조건문, 반복문, 국제화와 지역화와 같은 일을 처리하기 위한, JSP 태그 라이브러리를 추가하여 JSP 사양을 확장했다. 자바 코드를 바로 사용하지 않고 로직을 내장하는 효율적인 방법을 제공한다. 코드의 유지보수를 용이 하게 한다. 2. JSTL 태그 예시 이다. 가 JSTL 태그 이다. Core 모듈이라 하며, 태그는, 컬렉션을 반복하며 태그 내부의 코드를 실행 한다. 즉, JAVA의 for each 문.. 2023. 7. 4.
EL (Expression Language) 식 EL(Expression Language) JSP(JavaServer Pages)에서 변수, 프로퍼티 (멤버변수 / 속성), 배열 등의 값을 표현할 때 사용되는 표현 언어 이다. JSP 페이지에서 Java 코드를 작성하지 않고도, EL을 사용하여 동적으로 데이터를 처리하고 출력할 수 있다. EL은 JSTL(JSP Standard Tag Library)과 함께 주로 사용 된다. (서로 호환성이 좋다.) JSTL 태그 내부에서 변수 값을 참조하거나 연산을 수행하기 위해 자주 활용된다. JSP 코드를 간결하고 가독성 좋게 작성할 수 있도록 도와준다. ​ EL은 ${expression} 의 형태로 사용한다. ​ 예시) 1. 변수 값 참조 : ${변수명} 형식으로 변수 값을 참조한다. 예를 들어, ${name}은.. 2023. 7. 4.
JSTL 이란 ? View 에서는 JAVA 언어를 거의 사용 하지 않는다. (정말로, 어쩔 수 없는 경우에만, 사용할 수 있는데, 이런 경우는, M 또는 C 파트에서 잘하지 못해서 V에서 처리해버리는 그런 느낌인 상황 이다.) 그러면, View 에서 JAVA 언어와 같은 "기능" 을 가진 태그를 사용 하고 싶은데, 어떻게 해야 할까 ? "기능을 가진" 태그 >> JSTL 이다. JAVA의 기능을 가졌기에, JAVA의 조건문, 반복문 등을 유사하게 사용 할 수 있다. JSTL은 태그 라이브러리 이기 때문에, 외부로 부터 .jar 파일을 가져와서 import 를 해서 사용 한다. 아래는 JSTL에서 주로 사용되는 모듈과 태그의 예시 이다. Core 모듈 : 변수나 표현식의 값을 출력 한다. : 변수에 값을 할당 한다. : 조.. 2023. 7. 4.
프론트 엔드 특징 메모 View 작업자의 특징 >> 사용자의 동작을 담당 한다. JS (JavaScript), JQuery, .. 등을 사용 한다. 경량의 데이터를 요청 하고 응답할 때는, JQuery의 ajax() 와 JSON을 사용 하기도 한다. (큰 데이터는 서버의 데이터를 사용 한다..) 암튼, JS, JQuery, .. 은 JAVA 언어가 아니다. View 에서는 JAVA 언어를 거의 사용 하지 않고, Vue, NODE, React, .. 등을 사용하는데, 이는 모두, JS (JavaScript) 으로 부터 나온 것들 이다. JS 지식이 있으면, 모두 이해할 수 있다. 2023. 7. 4.
23.06.30 메모 3 (JSP_MVC 패턴으로) 1. V에서 V로 가는 흐름은 XXX 반드시, V >> C >> V 의 흐름 이어야 한다. 왜 그럴까 ? 지금은 공부 단계라, V에서 V로 바로 가더라도 전송되는 데이터 자체가 없을 수 있는데, 실무에서는 V에서 다음 페이지로 이동할 때, 무조건 그냥 데이터 전송이 있다고 보면 된다. 아주 작은 데이터라도 무조건 데이터를 전송 할 수 밖에 없다. 그래서, 데이터 전송이 이루어 지기에, V >> V가 아닌, V >> C >> V 이다. 2. V에서 C로 데이터를 전송 할 때, 데이터 전송도 전송이지만, 제일 중요한건, Controller 에서 어떤 기능을 수행 할건지를 구분 하기 위해서 필요한 action 값을 꼭 보내 줘야 한다. 그래야지, action 값을 받고, 어떤 기능을 수행 할지 구분을 할 수 .. 2023. 7. 1.
23.06.30 메모 2 (JSP_MVC 패턴으로) M-V-C 패턴으로 백엔드와 프론트를 완전 분리 시키기. 이번에는, 데이터 저장을, 자바의 배열리스트에 저장 하지 않고, MySQL (DBMS) 을 사용해서, 데이터를 DB에 저장 해보려 한다. JDBC 인터페이스 구현 하기. 홈페이지 연습 하기. >> Model (자바 / 백엔드) 1. JDBC 인터페이스 2. BoardDAO 3. MemberDAO [ MemberDAO ] 해당 클래스 내부에서 conn, pstmt, rs를 여러번 재 사용 해서, 반복을 피하기 위해 상단에 참조변수를 선언한 모습 이다. DB를 사용하기 때문에, 필요한 sql 구문 이다. preparedStatement (향상된 Statement) 를 사용하여, 문법상 자바의 개입이 사라져서, 클래스 상단에 배치한 모습이다. 모든 각각.. 2023. 7. 1.
23.06.30 메모 (JSP_MVC 패턴으로) M-V-C 패턴으로 백엔드와 프론트를 완전 분리 시키기. 이번에는, 데이터 저장을, 자바의 배열리스트에 저장 하지 않고, MySQL (DBMS) 을 사용해서, 데이터를 DB에 저장 해보려 한다. JDBC 인터페이스 구현 하기. 홈페이지 연습 하기. >> Model (자바 / 백엔드) 1. JDBC 인터페이스 2. BoardDAO 3. MemberDAO [ BoardDAO ] 해당 클래스 내부에서 conn, pstmt, rs를 여러번 재 사용 해서, 반복을 피하기 위해 상단에 참조변수를 선언한 모습 이다. DB를 사용하기 때문에, 필요한 sql 구문 이다. preparedStatement (향상된 Statement) 를 사용하여, 문법상 자바의 개입이 사라져서, 클래스 상단에 배치한 모습이다. 모든 비즈니.. 2023. 6. 30.
23.06.29 수업 정리 3 (JSP / Java Server Pages) 개념 및 흐름과 코드 정리 하기. (코드가 훨씬 간결하고 깔끔하다..) 실제 웹 페이지와 유사하게, 로그인을 하지 않으면 글을 작성하지 못하도록 구현 했다. 로그인을 하지 않으면, 글 작성하기 기능이 아예 안보이는게 아니라, 무언가, 회색 느낌을 주면서, 작성 자체가 안되도록 + 글을 작성 하려면 로그인을 하라고 안내해주는 느낌 이다. 코드를 확인 해 보자. 이렇게, 로그인한 회원의 정보 중에 하나인 name이 null 인 경우와 그렇지 않은 경우로 if - else 문을 구현한 모습이다. mid가 아니고 name인 이유는 이렇게,, session 주체가 name 속성의 값을 get 했기 때문이다. 그리고 String name에 담은 이유는, name 속성의 값을 이 페이지에서 사용하려고 ! 여기서 (S.. 2023. 6. 29.
23.06.29 수업 정리 2 (JSP / Java Server Pages) 웹페이지 제작 연습 하기. >> 1) 로그인 하기. 2) 사용자가 써놓은 글을 출력 하는 게시판. 3) 로그인을 해야지만 글 작성 가능 하도록. 4) 그 외에 이것저것 추가 해보기. (Controller 파트 분리 하지 않음) 1. a.jsp 1) 해당 페이지에서, ArrayList 가 사용될 예정이라, import 한 모습 이다. 1) 로그인 하고 나서, session이 "mid"의 값을 get 하는 상황. 2) session이 "mid" 속성의 값을 get 할건데, 그게 null 이면, 로그인이 되어있는 상태가 아니니까, 로그인을 진행하도록 사용자에게 창을 보여주기. 사용자가 로그인 버튼을 누르면 (submit) post 방식으로, b.jsp 로 사용자가 입력한 데이터들이 전송 된다. b.jsp 에서.. 2023. 6. 29.