본문 바로가기

Front-end (국비)/이론27

비동기 처리 [ CDN 연결 방식 ] 복사 해서 사용 하면 된다. [ 예제 코드 ] 무명함수 function() { ... }; 내부에 Ajax( { ... } ) 메서드가 있는 모습을 보면 된다. function() { $.ajax( { ... } ); }; Ajax는 중괄호 { } 안에 있는 데이터를 전송 한다. $.ajax( { ... } ); 라인별 코드 해석 1. 아이디가 photo인 아이의 프로퍼티를 괄호안의 값들로 해줘 ~ 2. var 타입의 변수 res의 값을 'duck' 으로 ~ 3. 아이디가 photo 라는 아이디값을 가진 이미지를 클릭 하면, 무명함수 function() 을 호출 한다. 4. 함수 내부는 Ajax 코드가 작성 되어 있다. 요청 처리가 성공하면, 데이터를 보낼 경로를 설정 한다. t.. 2023. 7. 20.
1 : N 구조 개념 & 서블릿 (Servlet) 개념 복습 1. execute(request, response) 메서드를 공통적으로 사용하는, Action 류 POJO 클래스들이 구현하는 Action 이라는 이름의 인터페이스 이다. >> 항상 사용 되며, >> 정의 하지 않으면, 메서드 생성 과정에서, 실수가 발생 할 수 있는 가능성이 있고, >> 반복을 줄이기 위해, (하드 코딩 XXX) 이 공통의 메서드의 설계 메서드인 추상 메서드 (미완성 메서드) 를 구현 == 인터페이스. 2. C에서, V로 갈 때, 데이터 값이 있는지랑, 경로가 어디인지를 set 하기 위해 필요한 POJO 클래스 이다. 3. 1 : N 구조의 POJO 클래스 생성 하기. 1 : N 구조는 다음과 같다. 글 + 댓글 댓글 + 대댓글 상품 + 후기 공지 + 답변 .. .. .. 즉, 1 :.. 2023. 7. 18.
서블릿 (Servlet) 개념 정리 & 필요한 개념 정리 1. 그동안, JSP를 사용해서, MVC 패턴을 구현 할 때, View 와 Controller 파트를 작성 했다. 하지만, Controller 파트는 .jsp 파일 에서 구현하는게 아니라 .java 파일에서 구현 하는것이 맞다. (Controller.jsp 파일 내부에 작성된 코드를 보면, 모두 JAVA 문법으로 작성 했다.) 그런데, .java 파일 이라고 해서 class 파일로 생성 하는게 맞을까 ? (아니다.) .jsp 파일을 컴파일 하면, 서블릿 (Servlet) .java 파일이 된다 ! (컴파일 == ctrl + f11 해서 자바를 실행 하는 경우) 즉, .jsp 파일은 컴파일이 되면 JAVA 파일이 된다는 의미 이다. 따라서, class가 아닌, 서블릿 으로 Controller 파트를 구현 .. 2023. 7. 14.
리스너 클래스 1. 리스너 클래스 란 ? 특정 시간 (타이밍) 에 기능을 추가 한다. 예) 서블릿이 동작 되었을 때. 예) 서버가 시작 되었을 때. 예) 서블릿이 변경 되었을 때. >> ~ 할 때. >> 어떤 상태 변경을 감지 하는 ~ 2. 리스너 클래스 생성 방법. 만드려고 하는 프로젝트에, 이것을 추가 해줘야지 사용이 가능 하다. (서블릿, 필터 클래스, 리스너 클래스, ..) package는 controller 패키지로 지정 해주면 된다. 필터 클래스와, 리스너 클래스는 controller 영역 이다. Class name 은 Listener 라고 지어줬다. Next 눌러주기. Servlet context events 영역에서, Lifecycle 은 서버 시작을 감지 하는것으로 생각 하면 된다. 체크 하고, Fin.. 2023. 7. 6.
필터 클래스 1. 필터 클래스 란? (.java 클래스) 필터 클래스는 중요한 개념 이다. 실제, 현업에서도 자체 솔루션 이나, 프레임워크 등, 사실 이러한 필터 클래스 들이 기본 제공 되서 사용되고 있다. 이렇게, 현업에서도 기본 제공 되서 그냥 사용 하고 있기 때문에, 이 개념 자체를 모르게 되는 경우가 많아 질 수 있다. (사실은, 실제로 필터 클래스를 건드릴 일이 없긴 한데,,) 이러한 개념이 있다는 것을 알고 가면 좋을듯 하다. 2. 필터 클래스를 왜 사용할까 ? 스노우 어플 필터를 생각 하기 >> 카메라 렌즈에 내 얼굴을 보이게 되면, 얼굴이 보정 된다. 정수기 필터를 생각 하기 >> 물이 필터를 통과 하면 물이 정수 된다. 사용자 (브라우저, 클라이언트) 의 요청이 들어올 때, 특정한 기능을 부여 하기 .. 2023. 7. 5.
커스텀 태그 1. 커스텀 태그란 ? View 에서 사용 하는 모듈화 기법 이다. 모듈화로 인해, 다음과 같은 이점을 가지게 된다. 코드에 대한 가독성이 좋아 진다. 코드의 유지보수가 용이해 진다. 코드의 재사용성이 증가 한다. 코드의 재사용성이 증가함에 따라, 개발 시간이 단축되고, 개발 비용이 절감되고, 회사의 이익이 증가 한다. 2. 커스텀 태그를 사용 하는 방법 ? 상단에, 위와 같이 태그 지시어를 작성 한다. .tag 페이지가 존재하는 경로를 지정해 준다. 현재, WEB-INF 폴더 내부에, tags 라는 폴더에 .tag 파일을 저장해 놓았기 때문에, 경로가 위와 같게 된다. prefix는 어떤 단어로 커스텀 태그 페이지 파일을 부를것인지를 지정해주는 것이다. .tag 파일은, 커스텀태그페이지명.tag 로 만.. 2023. 7. 5.
23.07.04 수업 정리 2 (JSTL 태그와, EL식) 1. 복습 위의 코드는 ? 태그 라이브러리 지시어 ! uri 속성과, prefix 속성 두개가 반드시 필요 하다 ! 2. JSTL 에서의 IF 문 기존 JAVA 언어의 if문은 if - else if else 의 문법 이였다. JAVA와 다르게 JSTL 에서는 else 문에 해당하는 태그가 없다. 그래서, 아래와 같이 표현 해주면 된다. Core 모듈 에서, : 변수에 값을 할당 해주는 태그 이다. : 조건문을 실행하는 태그 이다. 만약에 member 라는 값이 "admin" 하고 같아 ? 그러면, 안녕하세요, 관리자님을 보여주고, member 라는 값이 "admin" 하고 달라 ? 그러면 사용자 모드 : 멤버의 value 값 의 형식을 볼 수 있다. else if문이 없어서, 저렇게 표현 하고, adm.. 2023. 7. 4.
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.

티스토리툴바