분류 전체보기

[코배스] Part 3-1. 기본적인 웹 게시물 관리 / 게시판 만들기

목차 스프링 MVC 프로젝트의 기본 구성 영속/비지니스 계층의 CRUD 구현 비지니스 계층 프레젠테이션(웹) 계층의 CRUD 구현 화면 처리 1. 스프링 MVC 프로젝트의 기본 구성 프로젝트 진행 시 사용되는 네이밍 규칙 xxxController 스프링 MVC에서 동작하는 Controller 클래스 설계 xxxService / xxxServiceImpl 비지니스 영역 담당하는 인터페이스 / 인터페이스 구현한 클래스 xxxDAO / xxxRespository DAO(Data-Access-Object)나 Respository(저장소) *DAO 구성 대신 MyBatis의 Mapper 인터페이스 활용 VO / DTO 공통점 : 데이터를 담고 있는 객체 VO : Read Only 목적이 강해 데이터 자체도 불변하..

[82일차-2] 아이디 & 비번찾기 / 비번찾기 : 임시비밀번호 발급

20221118(금) (2) 목차 - 아이디 & 비번찾기 - 비번찾기 : 임시비밀번호 발급 폼 먼저 생성하기 (1) Member 컨트롤러 (2) lostpass.jsp 복사해서 lostpass.jsp 생성후 docmall의 container코드 복사하기 login.jsp에서 우편번호 , 인증메일 코드 다 없애기..(아래부분 다) lostpass.jsp도 동일하게 아래 불필요한 코드(우편번호, 인증메일코드 다 날리기) ID/PW Search 클릭해서 /lostpass주소를 요청하기 (3) login.jsp에 제이쿼리부터 작업하기 ex) 실행 화면 1. Member 컨트롤러 & Member 매퍼 파라미터 2개면 파람!!!!쓴다. 기억! 파랑색으..

[Gmail 앱 비밀번호] 이메일 인증번호 설정하기 / SMTP

Mail API 사용 시 필요한 앱 비밀번호 받아내기 🕵️‍♂️ 1. Google 계정 로그인 ➡ 본인 아이콘 클릭 ➡ Google 계정 관리 2. 보안 탭 ➡ Google에 로그인 부분 ➡ 앱 비밀번호 (2단계 인증 : 사용 설정 필요!!) 3. 앱 비밀번호를 생성할 앱 및 기기 선택 후 생성 클릭

[82일차 - 1] 회원정보 저장 / 비밀번호 암호화 / 로그인 / 로그아웃

20221118(금) 목차 - 회원정보 저장 - 비밀번호 암호화 - 로그인 - 로그아웃 1. MemberMapper.java & MmeberMapper.xml 2. MemberService.java & MemberServiceImpl.java 3. MemberController.java에 회원정보 저장 코드추가 스프링 시큐리티 : 스프링 보안 프레임워크 1. pom.xml에 스프링시큐리티 라이브러리 코드 추가 이 라이브러리에서 제공되는 클래스들을 bean으로 설정한다. (root-context.xml에서) org.springframework.security spring-security-web 4.1.0.RELEASE org.springframework.secu..

[81일차] 회원가입 페이지 폼 / 추가 작업 / daum 우편번호 api 삽입 / ID 중복체크 / 이메일 인증

20221117(목) 목차 - 회원가입 페이지 폼 만들기 - 추가 작업 - daum 우편번호 api 삽입 - ID 중복체크 - 이메일 인증 1. Member SQL 테이블 생성 -- 1. 회원가입 테이블 CREATE TABLE MEMBER_TBL( MEM_ID VARCHAR2(15) CONSTRAINT PK_MEMBER_ID PRIMARY KEY, MEM_NAME VARCHAR2(30) NOT NULL, MEM_PW CHAR(60) NOT NULL, MEM_EMAIL VARCHAR2(50) NOT NULL, MEM_ZIPCODE CHAR(5) NOT NULL, MEM_ADDR VARCHAR2(100) NOT NULL, MEM_ADDR_D VARCHAR2(100) NOT ..

[80일차] 게시판 댓글 수정 및 삭제 구현

20221116(수) 목차 - 댓글 처리 방식 - REST API - 댓글 페이지 번호 및 버튼 추가 - 댓글 수정하기 - 댓글 삭제하기 - 부트스트랩 CSS 적용하기 - index.jsp로 footer, header.jsp 만들기 우리 눈에는 한번에 보이지만 실제로는 두번의 작업이 일어난다. (1) 게시물 내용과 댓글 목록 데이타 생성을 한번에 할 수도 있지만, (2) 게시물 내용과 댓글목록 데이타 요청코드를 따로 할 수 있다. // getPage를 재사용하기 위해서 REST API 강조 다양한 전송방식과 URI 설계 REST 방식의 데이터 교환에서 가장 특이한 점은 기존의 GET/POST 외에 다양한 방식으로 데이터를 전달한다는 점 작업 상태 전송 방식 Cr..

국비지원 5개월차 후기

✔ Spring 게시판 만들기 - CRUD 기능을 활용한 Spring 게시판 만들기를 배웠다. 이론으로만 접했던 CRUD 기능을 직접 내 손으로 구현하니 한 단계 더 성장한 기분이 들었다. 아직 코드를 익혀서 직접 만들기에는 반복학습이 더 필요하지만 이렇게 하나의 기능이 탄생한다는 게 신기했다 :) 신기한 개발의 세 계 ~ ✔ 데모샵 프로젝트 시작 - 쇼핑몰 기반 데모샵 프로젝트를 시작했다. 아직 초반이라 로그인 기능에 머물러 있는데 언제 완성된 쇼핑몰 페이지를 볼 수 있을지 무척 기대가 된다 💫

[79일차] 게시판 댓글 목록 / 페이징 / 모달창 구현 / jQuery 눈도장

20221115(화) 목차 - 댓글 등록 - 날짜 데이터 수정 - 댓글 목록과 페이징 출력 - jQuery 눈도장 찍어두기 - 댓글 모달창 구현 Postman에 뜨는 날짜형식 수정 get.jsp에 자바스크립트 코드 사용 get.jsp 코드추가 // 익명함수를 변수로 선언 // replyList : json로 반환된 댓글데이타 // target : 댓글목록이 출력될 위치. // templateObject : 핸들바 템플릿 참조변수. let printReplyData = function(replyList, target, templateObject) { // let template = Handlebars.compile(templateObj..

[78일차] REST 방식 / gson 라이브러리 추가 / 게시판에 댓글 기능 구현 (ex04)

20221114(월) 목차 - REST 방식 - gson 라이브러리 추가 - 게시판에 댓글 기능 구현 Representational State Transfer 하나의 URI는 하나의 고유한 리소스(Resource)를 대표하도록 설계된다는 개념 전송방식을 결합해서 원하는 작업을 지정 데이타베이스 기반에 의한 자원(Resource) 자원 : 클라이언트와 서버간의 통신환경에서 보내고 받는 개념속에서 실질적인 대상 CRUD 작업 상태 전송 방식 Create SQL insert POST Read SQL select GET Update SQL update PUT Delete SQL delete DELTE get, post 방식으로 CRUD 작업을 다 처리했다. ➡ 정확한 표현이 아니다.. ㅠ ..

[코배스] Part 2. 스프링 MVC 설정

목차 스프링 MVC의 기본 구조 스프링 MVC의 Controller 1. 스프링 MVC의 기본 구조 Model-View-Controller - 대부분의 서블릿 기반 프레임워크들이 사용하는 방식 - 데이터와 처리, 화면을 분리하는 방식 스프링 MVC의 기본 사상 - 서블릿 기반이긴 하지만 한 단계 더 추상화된 수준의 개발 지향 - 서블릿 API없이도 개발이 가능한 수준 2. 스프링 MVC의 Controller Controller - HttpServletRequest, HttpServletResponse를 거의 사용할 필요 없이 필요한 기능 구현 - 다양한 타입의 파라미터 처리, 다양한 타입의 리턴 타입 사용 가능 - GET 방식, POST 방식 등 전송 방식에 대한 처리를 어노테이션으로 처리 가능 - 상속..

[코배스] Part 1. 스프링 개발 환경 구축

목차 개발을 위한 준비 스프링의 특징과 의존성 주입 스프링과 Oracle Database 연동 Mybatis 스프링 연동 1. 개발을 위한 준비 JDK 1.8버전 설치 STS(Eclipse) 설치 및 프로젝트 생성 Tomcat 설치 및 연동 오라클 데이터베이스 / SQL Developer 설치 및 설정 롬복 설치 스프링 프로젝트 생성 및 라이브러리 추가 MyBatis / mybatis-spring 설정 스프링 MVC 개발 설정 프로젝트 생성 - Spring Legacy Project 메뉴를 이용해서 생성한다. 1 src/main/java 작성되는 코드의 경로 2 src/main/resources 실행할 때 참고하는 기본 경로(주로 설정 파일들을 넣는다.) 3 src/test/java 테스트 코드를 넣는 ..

[Postman] 포스트맨 설치 및 다운로드 / 테스트 돌려보기

🤯 Postman? REST API 테스트 프로그램 개발자들이 API를 디자인하고 빌드하고 테스트하고 반복하기 위한 API 플랫폼 2022년 4월 현재 Postman은 등록된 사용자가 2,000만 명이 넘고75,000개의 개방형 API를 보유 이는 세계 최대의 공용 API 허브를 구성 [출처 : https://en.wikipedia.org/wiki/Postman_(software)] 1. 포스트맨 설치 및 다운로드 🤔 https://www.postman.com/downloads/ Download Postman | Get Started for Free Try Postman for free! Join 20 million developers who rely on Postman, the collaboration..

[Eclipse ➡ VSC] Visual Studio Code 프로그램으로 파일열기

Visual Studio Code는 오타도 잘 잡아주고 태그도 자동 완성 기능이 잘 되어있는데,, 이클립스에서 작업하던 거 VSC로 열어서 작업할 수는 없나?!?! 있습니다!!! 🤔 현재 나의 상황 다른 프로그램으로 열고 싶은 파일 선택 후 우클릭 ➡ Open With을 해도 VSC는 보이지 않는다..ㅠ (물론, Other..로 들어가 찾아서 열수도 있지만.. 난 성격이 급하단 말이에요!!!!!!! 미리 세팅 할거야.) 🕵️‍♂️ 해결방법 (1) Window 탭 ➡ Preferences 클릭 (2) File 입력 ➡ File Associations ➡ 바꾸고 싶은 파일 확장자 클릭(도로시는 .jsp를 바꾸고 싶었다.) (3) 바꾸고 싶은 확장자 클릭 ➡ 하단 Associated editors의 Add 클..

[Eclipse 창설정] 기본 세팅 상태로 돌아가고 싶어요!ㅠㅠ

뭘 잘못 만졌더니,, 클래스 파일이 자꾸 좌측 경로 창에 떠요ㅠㅠ 원래 나오던 위치에 창이 뜨질 않아요ㅠㅠ 🕵️‍♂️ 이런 경우, 종종 있으시죠? 걱정하지 마세요~! 기본 세팅 상태로 돌아가봅시다~ ex) 원래 나오던 위치에 창이 뜨질 않아요ㅠㅠ 😉 해결방법 Window 탭 ➡ Perspective ➡ Reset Perspective Reset Perspective 클릭 🥰 해결! 내가 원하던 기존 화면으로 되돌아온다!! 휴~ 당황하지 말고 ~ 언제든지 세팅은 초기화할 수 있다는 점! 잘 기억해두자 :)

[77일차] 게시판에 페이징 기능 / 검색 기능 (ex03)

20221111(금) 목차 - 게시판에 페이징 기능 - 게시판에 검색 기능 cf) 페이징 버튼 만들기 https://java119.tistory.com/85 ❤ 코딩을 하기 전에 가볍게 분석하기!!!! 전체 흐름이 어떻게 되는지 동작도 돌려보고~ 호출이 어떻게 되는지 돌려보기~ ❤ 구성 분석 및 작업 플로우(흐름) - 각 기능별 작업분석 1) 글쓰기 폼 / 글쓰기 저장 2) 목록 3) 조회 4) 수정폼 / 수정하기 5) 삭제 1. BoardVO.java package com.demo.domain; import java.util.Date; import lombok.Getter; import lombok.Setter; import lombok.ToString; // 테이블명 : TBL_BOARD /* CRE..

[76일차] 게시판 기능구현 순서 / 의존성 주입 / 게시물 삭제 기능 구현 / 오라클 인덱스 힌트

20221110(목) 목차 - 게시판 기능 구현 순서 - 의존성 주입 (DI : Dependency Injection) - 게시물 삭제 기능 구현 - 오라클 인덱스 힌트 - (라이브러리 및 환경설정(bean) 제외) 테이블 설계(SQL) 패키지 구조 com.demo.domain - BoardVO 클래스 설계 게시판 글쓰기 - 글쓰기 폼 : DB연동 없다. **중요 : 파라미터를 무엇으로 할 것이냐! - 글쓰기 저장 작업1> Controller : 글 저장 매핑주소 및 메소드 작업 작업2> Mapper Interface와 Mapper XML 작업 - Mapper Interface : 메서드 작업 - Mapper XML : SQL 구문작업 작업3> Service 작업 - Ser..

[75일차] 게시판 구조 생성 / 디자인 html 파일 ➡ jsp 형태로 만들기

20221109(수) 목차 - 게시판 구조 생성 - 디자인 html 파일 ➡ jsp 형태로 만들기 https://dorothy-yang.tistory.com/158 [Spring 프로젝트] 스프링 프로젝트 생성 및 준비(라이브러리 추가) 스프링 프로젝트 생성 및 준비하기🤔 Spring Legacy Project의 생성 pom.xml에서 스프링 버전 변경 (아래는 한번에 추가된다.) spring-test, spring-jdbc, spring-tx 추가 junit버전 변경 Servlet 버전 변경 HikariCP, MyBat dorothy-yang.tistory.com 1. BoardMapper.java(인터페이스) 생성 **실행 패키지는 xml파일에 꼭 설정되어 있어야 한다!!! ..

[이것이 자바다 - 연습문제] chapter 08. 인터페이스

0. 문제 ➡ 정답 (설명) 1. 인터페이스에 대한 설명으로 틀린 것은 무엇입니까? ➡ 인터페이스에는 인스턴스 필드를 가질 수 있다. (설명) 인터페이스는 상수와 메소드만을 구성 멤버로 가진다. 인터페이스는 객체로 생성할 수 없기 때문에 생성자를 가질 수 없다. *인스턴스 필드 : 객체 생성 2. 인터페이스의 다형성과 거리가 먼 것은? ➡ 구현 객체를 인터페이스 타입으로 변환하려면 강제 타입 변환을 해야한다. (설명) 구현 객체는 인터페이스로 자동 타입 변환을 하므로 강제 타입 변환은 X! 3. 다음은 Soundable 인터페이스입니다. sound() 추상 메소드는 객체의 소리를 리턴합니다. public interface Soundable { String sound(); } SoundableExample..

[74일차] Ajax / 파일 업로드 처리기능 구현 / bean 설정 및 라이브러리 추가

20221108(화) 목차 - Ajax - 파일 업로드 처리기능 구현 - bean 설정 및 라이브러리 추가 Asynchronous JavaScript and XML의 약자 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나 장점 1) 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있음 2) 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있음 이때 서버와는 다음과 같은 다양한 형태의 데이터를 주고받을 수 있습니다. - JSON / XML / HTML / 텍스트 파일 등 출처 : http://www.tcpschool.com/ajax/ajax_intro_basic 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨..

[이것이 자바다 - 연습문제] chapter 07. 상속

0. 문제 ➡ 정답 (설명) 1. 자바의 상속에 대한 설명 중 틀린 것은 무엇입니까? ➡ 자바는 다중 상속을 허용한다. (설명) 문법적인 한계! 자바는 단일 상속만을 지원한다. ex) 다이아몬드 문제 2. 클래스 타입 변환에 대한 설명 중 틀린 것은 무엇입니까? ➡ 부모 객체는 항상 자식 타입으로 강제 타입 변환된다. (설명) X 항상 되는 것은 아니다! 3. final 키워드에 대한 설명으로 틀린 것은? ➡ final 클래스는 부모 클래스로 사용할 수 있다. (설명) final 키워드는 해당 선언이 최종 상태이고, 결코 수정될 수 없음을 뜻한다. 때문에 final 키워드를 class 앞에 붙이게 되면 이 클래스는 최종적인 클래스이므로 상속할 수 없는 클래스가 된다! 4. 오버라이딩(Overriding)..

[Spring 프로젝트] 스프링 프로젝트 생성 및 준비(라이브러리 추가)

스프링 프로젝트 생성 및 준비하기🤔 Spring Legacy Project의 생성 pom.xml에서 스프링 버전 변경 (아래는 한번에 추가된다.) spring-test, spring-jdbc, spring-tx 추가 junit버전 변경 Servlet 버전 변경 HikariCP, MyBatis, mybatis-spring, Log4jdbc 추가 JDBC드라이버 프로젝트 내 추가 기타 Lombok의 설정 등 1. Spring Legacy Project의 생성 2. pom.xml에서 스프링 버전 변경 3. log4jdbc.log4j2.properties와 logback.xml 파일 추가 4. root-context.xml 내용 추가 및 수정 5. servlet-context.xml 내용 추가 6..

[이것이 자바다 - 연습문제] chapter 06. 클래스

0. 문제 ➡ 정답 (설명) 1. 객체와 클래스에 대한 설명으로 틀린 것은 무엇입니까? ➡ 하나의 클래스로 하나의 객체만 생성할 수 있다. (설명) 하나의 클래스로 new 연산자 호출 시 호출하는 만큼 객체 생성 가능 2. 클래스의 구성 멤버가 아닌 것은 무엇입니까? ➡ 로컬 변수(local variable) (설명) 클래스의 구성 멤버는 필드 field, 생성자 constructor, 메소드 method 이다. 3. 필드, 생성자, 메소드에 대한 설명으로 틀린 것은 무엇입니까? ➡ 클래스는 반드시 필드와 메소드를 가져야 한다. (설명) 필드는 객체의 데이터를 저장한다. 반드시 x, 필드를 갖고 있지 않는 클래스도 있고, 필드만 있는 클래스도 있을 수 있다! 4. 필드에 대한 설명으로 틀린 것은 무엇입니..

[73일차] 게시판 만들기 / 클래스 ➡ 컬렉션으로 사용하기 / 스프링에서 데이터를 받는 방법

20221107(월) 목차 - 게시판 만들기 - 클래스 ➡ 컬렉션으로 사용하기 - 스프링에서 데이터를 받는 방법 SampleController2 코드 package com.demo.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestMapping; import com.demo.domain.BoardVO; import lo..

[HTTP 상태코드 에러] 400번대 에러? 500번대 에러? 이게 다 뭐야?🤯

4XX번대 에러 : Client error responses 400번 에러 : 값을 정상적으로 제공하지 않아서 메소드 안으로 정상적 진입이 안됨 404번 에러 : 이 주소가 존재하지 않는다!! (기본은 다 get방식!!) 5XX번대 에러 : Server error responses 500번 에러 : 값은 받았으나 들어가서 메소드 안의 내용이 실행되지 않아서 나는 에러

[72일차] 개발툴 / 스프링 프레임워크 / 마이바티스 / 스프링에서 bean생성하는 유형

20221104(금) 목차 - 개발툴 - 스프링 프레임워크 - 기능구현 - pom.xml - 마이바티스 - 스프링에서 bean생성하는 유형 이클립스 Plug-In 스프링 추가설치 STS 스프링 전용툴(스프링부트 포함) 스프링프레임워크 Visual Code 추가설치 상업용 : 인텔리 J 설정방식 1) XML 이용 2) Java 이용 MVC 패턴 구조로 설계 - M : Model - 로직, 데이터 - V : Veiw - 화면출력. jsp파일 - C : Controller - 클라이언트의 요청을 담당. 클래스 2) 스프링과 마이바티스를 중계(연결) https://mvnrepository.com/artifact/org.mybatis/mybatis-spri..

[71일차] JSON / 롬복 라이브러리 / 의존성 주입 / Spring-Test / MyBatis xml 파일 사용하기

20221103(목) 목차 - JSON - 롬복 라이브러리 - 의존성 주입 (Dependency Injection) - Spring-Test - MyBatis xml 파일 사용하기 JSON : JavaScript Object Notation 특징 : 큰 따옴표로 묶어주기 JSON.parse (json문자열) ➡ javascript object 변환 장점 : 코드를 심플하게 만들 수 있다. 아래 링크를 참고하여 롬복을 설치해주세요 :) https://dorothy-yang.tistory.com/101 [Eclipse에 롬복 설치] 롬복 다운로드 및 설치 롬복이란? Java의 라이브러리로 반복되는 메소드를 Annotation을 사용해서 자동으로 작성해주는 라이브러리 1..

[70일차] JSTL 라이브러리 / 기본이론 / 스프링 프레임워크 / CRUD 기능

20221102(수) 목차 - JSTL I18N태그 라이브러리 - JSTL Functions 라이브러리 - 기본이론 - 스프링 프레임워크 - CRUD 기능 JSTL(JSP Standard Tag Library) 은 표준 커스텀 태그(Custom Tag) 커스텀 태그 : 사용자 정의 태그 JSP페이지의 로직을 담당하는 부분인 제어문 및 데이터베이스 처리 등을 표준 커스텀태그로 제공하여 코드를 깔끔하게 하고 가독성을 좋게 함. 라이브러리 : SQL(데이터베이스) 제공기능 : 로케일(사용자의 언어, 국가뿐 아니라 사용자 인터페이스에서 사용자가 선호하는 사항을 지정한 매개 변수의 모임), : : 메시지, 숫자 문자 형식 등 JSTL fmt 태그 리스트 re..

[69일차] 쿠키 / 표현언어 Expression Language : EL

20221101(화) 목차 - 쿠키 - 표현언어 Expression Language : EL HTTP 프로토콜은 웹 브라우저(클라이언트)의 요청에 대한 응답을 하고 나면 해당 클라이언트와의 연결을 지속하지 않음. 상태가 없는 프로토콜을 위해 상태를 지속시키기 위한 방법 정보를 웹 브라우저에 저장 쿠키 생성 및 사용하기 생성된 쿠키 이름 및 값 확인하기 JSTL - JSP페이지에 사용되는 선언문(), 스크립트릿(), 표현식() - 좀 더 쉽고 자연스러운 형태로 태그(주로 액션태그)의 속성 값을 지정하고 객체의 메소드에 지정하는 방법을 제공 기존방식과 표현언어(EL)를 사용한 방식 비교 - 유동적인 속성 값 지정 - ➡ 표현언어(EL)..

[Spring 준비] Eclipse에 Spring 준비하기

🤷‍♀️ 이클립스에 스프링 준비 어떻게 합니까??? 1. 이클립스 스프링 환경설정 Window 탭 - Perspective - Open Perspective - (Other...) - Spring 선택 2. 이클립스 인코딩 설정 메뉴 : Window - preferences 검색어 : enc Encoding : UTF-8로 모두 변경 후 저장하기 3. 스프링 프로젝트 생성 메뉴 : File - New - Spring Legacy Project 템플릿 : Spring MVC Project com.demo.controller : 도메인demo는 사용자지정! *앞에 M자는 메이븐! 표시가 되는 의미 : 이 안의 구성요소가 문제가 없다는 것을 뜻한다. 4. pom.xml 수정 Java 버전 1.8, 스프링 프레..

[68일차] session 객체 / application 객체 / 내장객체의 영역 / JSP 페이지의 모듈화 / 데이터베이스와 JSP의 연동

20221031(월) 목차 - session 객체 - application 객체 - 내장객체의 영역 - JSP 페이지의 모듈화 - 데이터베이스와 JSP의 연동 세션(Session) : 클라이언트가 서버에 연결된 상태. 로그인 사용자를 구분해서 로그인한 사용자에게 보여주는 메뉴 비로그인한 사용자에게 보여주는 메뉴 세션ID : 유저가 브라우저를 이용하여, 사이트를 첫 접속했을 경우 해당 서버에서 사용자를 구분하는 목적으로 발급(생성)해주는 고유한 ID 웹 어플리케이션 Context(문맥, 정황)의 정보를 저장하고 있는 객체 서버의 설정 정보, 자원에 대한 정보, 어플리케이션이 실행되는 동안에 발생할 수 있는 이벤트 로그 정보등을 제공 웹 어플리케이..