728x90 반응형 분류 전체보기278 [Jsp] Form & 내장객체 💡 태그 사용자가 입력한 값을 전달하는 역할 속성(Action) : “값을 전달할 페이지 지정” 속성(Method) : “전송 방식 지정” - [post, get] 태그 사용자가 데이터를 입력할 수 있는 방식 제공 속성(Type) : “입력 형태 지정” - [text, hidden, password, radio, checkbox, submit, reset ~] 속성(Name) : “변수 이름 지정” 태그 여러 줄의 문장을 입력할 수 있는 태그 속성(cols) : “열” 속성(rows) : “행” 태그 리스트 항목을 선택 속성(Name) : “변수명 지정” 태그로 선택 값 추가 💡 request 객체 Form 태그를 이용해 서버로 전송된 데이터를 저장하는 객체이다. getParameter() : 전송된 데.. 2023. 8. 20. [Jsp] 기본 구조 💡 JSP 구조 JSP는 HTML페이지에 JSP가 삽입된 구조이다. 디렉티브(Directive) : jsp페이지의 설정 정보를 지정 스크립트릿(Scriptlet) : jsp페이지에 자바 코드를 삽입하는 부분 코드 예시) 2023. 8. 20. [Jsp] JSP란? 💡 JSP (JavaServer Pages ) 란 무엇인가? JSP 란 JavaServer Pages 의 약자이며, HTML 코드에 JAVA 코드를 넣어 동적 웹페이지를 생성하는 웹어플리케이션 도구이다. JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 애플리케이션 서버에서 동작 되면서 필요한 기능을 수행하고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다. 웹 애플리케이션(Web Application) 웹 애플리케이션은 웹에서 실행되는 응용프로그램을 뜻하며 인터넷을 통한 은행 업무, 인터넷 쇼핑, 등등 인터넷에서 하는 여러 서비스를 총칭하며 사용자가 필요한 요청(Request) 를 하고 서버에서는 이에 해당하는 요청을 수행하고 그리고 요청한 데이터를 응답(Response) .. 2023. 8. 20. [Vue.js] 기본 개념 이해 Vue.js 라이브러리 추가 인스턴스 생성: Vue 인스턴스는 Vue.js 애플리케이션의 진입점이며, 애플리케이션의 데이터, 메소드, 라이프사이클 훅 등을 정의 var app = new Vue({ // 데이터 data: { message: 'Hello, Vue!' }, // 메소드 methods: { updateMessage: function() { this.message = 'Updated message!'; } }, // 템플릿 template: '{{ message }}' }); 인스턴스 연결: Vue 인스턴스를 웹 페이지에 연결하려면 HTML 요소와 Vue 인스턴스를 연결해야 합니다. 일반적으로 el 옵션을 사용하여 연결할 요소를 지정 var app = new Vue({ el: '#app', //.. 2023. 8. 20. [Vue.js] vue.js란? Vue.js는 사용자 인터페이스를 구축하기 위한 progressve(점진적) 자바스크립트 프레임워크이다. 웹 애플리케이션의 화면 부분을 구성하는데 사용되며, 반응형 UI를 손쉽게 개발할 수 있도록 도와준다. 직관적이고 유연한 API를 제공하므로 쉽게 배울 수 있으며, 작은 규모의 프로젝트부터 대규모 애플리케이션까지 다양한 범위의 프로젝트에 적합하다. 가벼운 크기와 직관적인 문법으로 인해, SPA (Single Page Application)개발에 매우 적합하다. ( => 페이지 전환 없이 동적으로 콘텐츠를 로드하고 업데이트하는 웹 애플리케이션) 특징 경량성: 다른 자바스크립트 프레임워크에 비해 가볍고 경량성을 가지고 있습니다. 파일 크기가 작고 초기 로딩 속도가 빠르며, 기본 기능 이외의 기능은 플러그인.. 2023. 8. 20. [SpringMVC] 주요 @Annotation들 💡 Annotation 이란? Annotation(@)은 사전적 의미로는 주석이지만 자바에서는 코드 사이에 주석처럼 쓰이며 특별한 의미, 기능을 수행하도록 하는 기술이다. 클래스와 메서드에 추가하여 다양한 기능을 부여하는 역할을 합니다. 해당 클래스가 어떤 역할인지 정하기도 하고, Bean을 주입하기도 하며, 자동으로 getter나 setter를 생성하기도 합니다. Annotation을 통하여 코드량이 감소하고 유지보수하기 쉬우며, 생산성이 증가됩니다. 💡 Spring의 주요 Annotation리스트! @Bean @Bean은 개발자가 직접 제어가 불가능한 외부 라이브러리등을 Bean으로 만들려할 때 사용 되는 Annotation이다. @Configuration public class Application.. 2023. 8. 19. [SpringMVC] WebListener를 활용한 중복 로그인 방지 Listener : 특정 이벤트가 발생하기를 기다리다 이벤트 발생 시 실행되는 컴포넌트. WebListener@Weblistener는 ServletListener를 정의하는데 사용된다. ServletListener란? 웹 애플리케이션의 특정 이벤트(시작 세션 생성/소멸 등)를 감지하고 이에 반응하는 컴포넌트이다.클래스를 Listener로 등록하게 되면 서버가 종료될 때 까지 백그라운드 상태에서 동작하는 데몬(deamon)이 되기 때문에 간단한 값을 공유할 수 있다.추가로 ServletContextListener인터페이스를 상속받으면 서버가 실행/종료 될 때 특정 동작을 수행할 수 있다. 사용 예시:import javax.servlet.ServletContextEvent;import javax.servl.. 2023. 8. 19. [SpringMVC] REST API & Ajax 💡 REST 와 Ajax 웹을 통해서 작업할 때 REST 방식이 가장 많이 쓰이는 형태는 Ajax와 같이 결합된 형태이다. Ajax는 Asynchronous JavaScript and XML 의 약자로 비동기 방식으로 데이터를 주고 받는 방식을 말한다. 동기 방식은 순차적인 일을 실행하는데 적합하다. (어떤 업무가 끝나길 기다린 후 끝나면 다른 업무가 시작되는 형태) 비동기 방식은 처리한 결과를 기다리지 않고, 흐름이 지속된다. 비동기 방식의 특징은 처리된 일의 결과를 통보받은 형태로 처리된다는 점이다. REST방식과 Ajax를 이용하면 화면의 전환이나 깜빡임 없이 주어진 기능을 수행할 수 있다. 쉽게 말하면 html의 빈 껍데기를 클라이언트에게 보내준다. 어떤 이벤트가 발생하면 jQuery의 Ajax가.. 2023. 8. 19. [SpringMVC] MyBatis 💡 MyBatis 란? 객체 지향 언어인 자바의 관계형 데이터베이스 프로그래밍을 좀 더 쉽게 할 수 있게 도와 주는 개발 프레임 워크이다. 💡 특징 복잡한 쿼리나 다이나믹한 쿼리에 강하다 - 반대로 비슷한 쿼리는 남발하게 되는 단점이 있다. 프로그램 코드와 SQL 쿼리의 분리로 코드의 간결성 및 유지보수성 향상 resultType, resultClass등 Vo를 사용하지 않고 조회결과를 사용자 정의 DTO, MAP 등으로 맵핑하여 사용 할 수 있다. 빠른 개발이 가능하여 생산성이 향상된다. 💡 SpringMVC > MyBatis 연동 1. Mybatis 라이브러리 추가 (pom.xml) - version확인! 2. SQL SessionFactory 설정 (root-context.xml) SQL Sessi.. 2023. 8. 19. 이전 1 ··· 26 27 28 29 30 31 다음 728x90 반응형
