본문 바로가기

Front-end (국비)37

비동기 처리 [ 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.
23.07.17 수업 메모 1. V >> V XXX V >> C >> V OOO V >> C >> V 일때, 가령 보내야할 데이터가 없다 할때, Action POJO 클래스를 만들어야 할까 ? 실제로는, 보내야할 데이터가 없을 수가 없기에, (정말 최소한 1개라도 보내야할 데이터가 있다.) Action POJO 클래스를 만들어서 모듈화를 한다. 이 Action POJO 클래스는 일반적으로, VO, DAO를 사용 하게 된다. 즉, DAO POJO 클래스의 비즈니스 메서드인, CRUD 메서드를 실행하고, DB에 데이터를 넣거나, 추출 한다. 모듈화의 이유 : 유지보수의 용이함을 위해. 2. 필터 클래스를 생성할 때, 매핑 하는 경우, *.do 로 작성 하는게 일반적인 연습시에 작성하는 방법이지만, 인코딩 필터 클래스 라고 가정 했을 .. 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.
커스텀 태그로 View 모듈화 하기 1. JSP 에서, JS (자바스크립트) 언어는 모두, webapp 폴더 - js 폴더 - main.js 파일에 코드를 작성 했다. /* b_main.jsp */ function check() { var ans = prompt('비밀번호를 입력하세요.'); location.href = 'controller.jsp?action=mypage&mpw=' + ans; } /* d_board.jsp */ function delBoard() { var ans = confirm('정말 삭제할까요 ?'); if(ans == true) { document.form.action.value = 'deleteBoard'; document.form.submit(); } } /* f_mypage.jsp */ function re.. 2023. 7. 5.
필터 클래스 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.

티스토리툴바