dhffkvm_718.log https://velog.io/ 초보자가 기록하는 곳 Mon, 17 Jan 2022 06:14:58 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed dhffkvm_718.log https://images.velog.io/images/dhffkvm_718/profile/2099ed85-a2dd-4bf5-9de2-40b428b4a438/social.png https://velog.io/ Copyright (C) 2019. dhffkvm_718.log. All rights reserved. <![CDATA[Spring Boot + myBatis 연동]]> https://velog.io/@dhffkvm_718/Spring-Boot-myBatis-%EC%97%B0%EB%8F%99 https://velog.io/@dhffkvm_718/Spring-Boot-myBatis-%EC%97%B0%EB%8F%99 Mon, 17 Jan 2022 06:14:58 GMT 여기를 참고하였으나, thymeleaf를 사용하지 않고 jsp를 사용하여 연결하였다.

pom.xml 부분에 dependency 추가

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
                <!--             <scope>runtime</scope> -->
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.0.0</version>
        </dependency>

        <!-- jsp viewer : jsp 사용을 위해 삽입-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
        </dependency>

        <dependency>
            <groupId>org.apache.tomcat.embed</groupId>
            <artifactId>tomcat-embed-jasper</artifactId>
        </dependency>

        <!-- DevTools -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
        </dependency>

DTO

public class UserDTO {
    private String email;
    private int id;
    private String name;

    // getter, setter, tostring

DAO (Interface)

@Mapper
public interface UserDAOInterface {
        public List<UserDTO> listmap();
}

Mapper

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace=" 'DAO path' + .UserDAOInterface" >

    <select id="listmap" resultType=" 'DTO path' + .UserDTO">
        select id,name,email from user
    </select>

</mapper>

application.properties

spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://데이터베이스서버:3306/데이터베이스이름?serverTimezone=Asia/Seoul
spring.datasource.username=USER
spring.datasource.password=PASSWORD

mybatis.mapper-locations=classpath:mapper/*Mapper.xml

Controller

@Controller
public class UserControllerRDBS {

    @Autowired
    private UserDAOInterface userMapper;

    @RequestMapping("/listmap")
    public ModelAndView listmap(Model model) {
        ModelAndView mv = new ModelAndView();

        //model.addAttribute("list", userMapper.listmap());
        List<UserDTO> listmap = userMapper.listmap();
        System.out.println(listmap.toString());

        mv.addObject("listmap", listmap);

        mv.setViewName("listmap");

        return mv;
    }
}

JSP 파일 내용

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<table>
      <tr>
        <th>id</th>
        <th>name</th>
        <th>email</th>
      </tr>
      <tr>
        <td >${listmap[0].id}</td>
        <td >${listmap[0].name}</td>
        <td >${listmap[0].email}</td>
      </tr>
</table>

</body>
</html>
]]> <![CDATA[javax.el.PropertyNotFoundException]]> https://velog.io/@dhffkvm_718/javax.el.PropertyNotFoundException https://velog.io/@dhffkvm_718/javax.el.PropertyNotFoundException Mon, 23 Aug 2021 12:25:49 GMT 프로젝트를 하는 와중에 갑자기

javax.el.PropertyNotFoundException: 타입 [com.walab.hgu.DTO.ReservationInfoDTO]에서 프로퍼티 [Day]을(를) 찾을 수 없습니다.

라는 에러가 떴다.

아니 근데 나는 철자도 틀린게 없고 분명히 DTO 객체 내에 "Day"라고 명시를 해놨는데 이런 에러가 뜨는 것이다. 그래서 구글링을 해보니 jsp 상에서 객체를 display할때,

${officeHour.Day} 이렇게 D를 쓰면 안되고, ${officeHour.day} 소문자로 해야한다는 것이다.

DTO 내에도 대문자인 Day로 지정해놓았기 때문에 정확한 원인은 모르겠지만,,,아무튼 이런 경우도 있다고 한다...

]]> <![CDATA[Spring-Git Push 에러(Can't connect to any URI: git-receive-pack not permitted...)]]> https://velog.io/@dhffkvm_718/Spring-Git-Push-%EC%97%90%EB%9F%ACCant-connect-to-any-URI-git-receive-pack-not-permitted https://velog.io/@dhffkvm_718/Spring-Git-Push-%EC%97%90%EB%9F%ACCant-connect-to-any-URI-git-receive-pack-not-permitted Sun, 15 Aug 2021 06:30:46 GMT 엊그제까지 잘되던 git push가 갑자기 URI가 틀렸다는 식의 에러를 뱉었다,,,

그래서 찾아봤을 때는 git push 로그인 아이디/비번이 틀렸다, 예전에 store in storage 를 한게 꼬인 것이다, uri를 잘 확인해보아라 는 등의 말이 대부분이었는데 아무리 확인을 해도 해결이 되지 않았다.

그래서 git-receive-pack not permitted 이 부분으로 다시 구글링을 했더니 기적처럼 어제~오늘 새벽에 달린 글들이 있었다.

자세히 읽어보니 2021-08-13부터 깃허브에서 ID/PW가 아닌 ID/Personal Access Token 인증 방식을 요구한다는 것이다.

이곳에 첨부된 링크를 타고,

git login> Settings(우상단) > Deveoper Settings > Personal Access Tokens > Generate New Token 으로 접근한 후

Access Token 생성하고

1) Note: 무슨 용도의 토큰인지 이름을 지어준다.
2) Select Scopes: 해당 토큰에 부여할 권한을 선택한다.(나는 레퍼지터리 관리 정도만 할 거라 repo에 체크) 3) Generate Token: 토큰을 생성하는 버튼을 클릭해준다.

출처: https://curryyou.tistory.com/344 [카레유]

바로 자주 접근 가능한 곳에 저장해놓았다

--> 그 창을 벗어나면 나중에 다시 확인할 수 없다

이걸 하고나니 바로 푸쉬가 되었다..

]]> <![CDATA[용어 공부하기]]> https://velog.io/@dhffkvm_718/%EC%9A%A9%EC%96%B4-%EA%B3%B5%EB%B6%80%ED%95%98%EA%B8%B0 https://velog.io/@dhffkvm_718/%EC%9A%A9%EC%96%B4-%EA%B3%B5%EB%B6%80%ED%95%98%EA%B8%B0 Fri, 23 Jul 2021 07:42:53 GMT JSP (JavaServer Pages ) 란 무엇인가?

: HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구

JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고

그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다.

위와 같이 정의만 보고는 어려운 용어가 많이 들어가기 때문에 몇가지 개념을 짚고 넘어 가겠다.

웹(web)

웹이란 인터넷 기반의 정보기술로 World Wide Web 의 줄임말로 쓰이며 WWW 라고도 한다.

전세계에 거대한 네트워크 망을 통해 정보를 공유하며 정보의 흐름은 양방향성을 가진다.

웹어플리케이션(Web Application)

웹어플리케이션은 웹에서 실행되는 응용프로그램을 뜻하며 인터넷을 통한 은행업무, 인터넷쇼핑, 등등 인터넷에서 하는 여러 서비스를 총칭

하며 사용자가 필요한 요청(Request) 를 하고 서버에서는 이에 해당하는 요청을 수행하고 그리고 요청한 데이터를 응답(Response) 한다.

  • 웹 어플리케이션이 위와 같이 동작하기 위한 몇가지 구성요소가 있다.

    • 웹 브라우저(Web Browser) : 클라이언트에서 요청을 하고 전달받은 페이지를 볼수있는 환경을 말한다. ( 크롬, IE, Safari, Firefox 등.. )

    • 웹 서버(Web Server) : 클라이언트로 부터 요청받아 서버에 저장된 리소스를 클라이언트 에게 전달한다. 주로 정적컨텐츠롤 담당한다.

    • 웹 어플리케이션 서버 ( Web Application Server ) : 줄여서 was 라고도 부르며 서버단에서 필요한 기능을 수행하고 그결과를 웹서버에게 전달한다.

    • 데이터베이스 : 서비스에 필요한 데이터를 보관, 갱신 등 관리를 한다.

자바 서블릿(Java Servlet)

서블릿: 웹페이지를 동적으로 생성하기 위해 서버측 프로그램

이는 자바 언어를 기반으로 만들지며 웹 어플리케이션 서버 ( Web Application Sever ) 위에서 컴파일 되고 동작한다.

JSP 와 서블릿

JSP 와 서블릿의 차이점은 결과적으로 하는일은 동일하지만

JSP 는 HTML 내부에 JAVA 소스코드가 들어감으로 인해 HTML 코드를 작성하기 간편하다는 장점이있으며

서블릿은 자바코드내에 HTML 코드가 있어서 읽고 쓰기가 굉장히 불편하기 때문에 작업의 효율성이 떨어진다.

하지만 웹을 공부할때 JSP 와 서블릿은 함께 배운다 그건 왜 때문일까..

JSP 로 작성된 프로그램은 서버로 요청시 서블릿(Servlet) 파일로 변환되어 JSP 태그를 분해하고 추출하여 다시 순수한 HTML 을 반환한다.

참조 )
https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%84%9C%EB%B2%84_%ED%8E%98%EC%9D%B4%EC%A7%80###### https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94_%EC%84%9C%EB%B8%94%EB%A6%BF###### https://www.tutorialspoint.com/jsp/jsp_architecture.htm
출처: https://javacpro.tistory.com/43 [버물리의 IT공부]
]]> <![CDATA[환경 세팅]]> https://velog.io/@dhffkvm_718/%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85 https://velog.io/@dhffkvm_718/%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85 Fri, 23 Jul 2021 06:49:04 GMT STS4+Tomcat v 9.0+ 자바 버전 1.8로 진행한다

프로젝트 종류: Spring legacy project > spring MVC Project 활용

gitignore --> gitignore을 만들어주는 페이지 이용하면 편리!

  • MANIFEST~
  • pom.~
  • config.properties 등등
]]> <![CDATA[데이터베이스 연결을 위한 세팅]]> https://velog.io/@dhffkvm_718/%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4-%EC%97%B0%EA%B2%B0%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%84%B8%ED%8C%85 https://velog.io/@dhffkvm_718/%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4-%EC%97%B0%EA%B2%B0%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%84%B8%ED%8C%85 Fri, 23 Jul 2021 06:43:05 GMT spring legacy project 에서 데이터베이스에 연결하기 위해서 세팅해야하는 것들을 정리해보았다

수정해야하는 것들

pom.xml mapper.xml servlet-context.xml config.properties --> 생성

src/main/resources 안에 mapper 폴더 생성 후 mapper.xml 파일 생성

  • <mapper namespace="CommunityInfo">

  <select id="readCommunityInfo" resultType="com.walab.hgu.DTO.CommunityInfoDTO" parameterType="hashmap">
      SELECT * FROM communityInfo;
   </select>

</mapper>```

pom.xml에 필요한 dependency 추가(필요하면 자바버전 수정)

  • commons-dbcp
  • mysql-connector-java
  • spring-jdbc
  • mybatis
  • mybatis-spring
  • -> 위 리스트중 원하는 이름과 함께 maven이라고 구글에 검색해 맨위 링크로 들어간다
  • -> 들어가면 여러버전이 있는데, 원하는 버전(보통 최근 중 사람들이 많이 쓴 것) 숫자 부분을 클릭
  • -> maven 박스에 있는 dependency 복사 후 pom.xml에 붙여 넣는다

servlet-context.xml에 bean 추가

  • <beans:bean id = "dataSource"  class="org.apache.commons.dbcp.BasicDataSource">
  <beans:property name = "driverClassName" value="${spring.datasource.driverClassName}"/>
  <beans:property name="url" value="${spring.datasource.url}"/>
      <beans:property name = "username" value="${spring.datasource.username}"/>
  <beans:property name = "password" value="${spring.datasource.password}"/>
</beans:bean>```

  • ``` <beans:bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <beans:property name="mapperLocations" value="classpath:mapper/**/.xml"/> 

      <beans:property name="dataSource" ref="dataSource"/>

    ```

  • ``` <beans:bean id="sqlSessionTemplate" class="org.mybatis.spring.SqlSessionTemplate">

      <beans:constructor-arg index="0" ref="sqlSessionFactory"/>

    ```

  • <context:component-scan base-package="[요부분은 본인이 정한 기본 페키지 이름 삽입]" />
  <beans:bean class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
      <beans:property name="location" value="/WEB-INF/config/config.properties"/>
      <beans:property name="fileEncoding" value="UTF-8" />
</beans:bean>```

config.properties

이 파일은 생성해야하는 것이다. 이렇게 보통 config라는 폴더를 만들고 그 안에 properties 파일을 만든다

나는 이번에는 src>main>webapp>WEB-INF 에 config 폴더를 만들어 추가했다! 내용은 이렇게 넣고 옆에 디비 정보를 쓰면 된다.

아마 일단 이정도.....? 나중에 더 생기거나 까먹은게 있다면 추가해야겠다.

]]> <![CDATA[Dynamic web Project & Spring legacy Project 차이]]> https://velog.io/@dhffkvm_718/Dynamic-web-Project-Spring-legacy-Project-%EC%B0%A8%EC%9D%B4 https://velog.io/@dhffkvm_718/Dynamic-web-Project-Spring-legacy-Project-%EC%B0%A8%EC%9D%B4 Fri, 23 Jul 2021 03:23:06 GMT 이번 프로젝트를 하면서 Spring legacy project를 사용하게 되었는데, 이전에 사용했던 Dynamic web project와 어떤 점이 다른지 몰라서 공부하게되었다.

단적으로는 이렇게 차이가 있다고 볼 수 있다

Dynamic web Project => 일반 웹어플리케이션 구조 Spring legacy Project => 스프링프로젝트 구조(웹 + maven)

하지만 이러한 종류만 있는 것이 아니기 때문에 찾으면서 잘 정리되어있던 것도 가져와보았다

web

  • Static Web Project : JSP와 같은 동적인 페이지가 없는 순수하게 웹 컨텐츠로만 구성되어 있는 웹 컨텐츠를 위한 프로젝트
  • Dynamic Web Project : JSP와 같이 동적인 웹페이지를 가지는 웹 애플리케이션 개발 시에 사용하는 프로젝트
  • Web fragment Project : 다른 웹 프로젝트에 하나의 라이브러리와 같은 형태로 재사용될 때 유용하다. 해당 프로젝트의 output은 jar파일로 생성되어 다르웹 프로젝트에 추가될 수 있다. web fragment는 하나의 논리적인 웹 애플리케이션의 파티션이라고 볼 수 있다.

Spring / STS(Spring Tool Suite) = Java Project + Dynamic Web Project

  • Spring Starter Project : Standalone / 웹 환경에 함께 사용하며 Spring Boot기반의 Application
  • Spring Legacy Project : 일반적인 Spring Framework 프로젝트, 필요에 따라 Spring Framework의 라이브러리를 내장하여 이용
    • <Template 종류 -구조 차이>
    • Simple Java : 최상위 패키지없이 기본 Spring 구성 및 Java빌드를 사용하여 간단한 Spring 프로젝트를 작성
    • Simple Spring Maven : Spring 라이브러리의 기본 세트를 포함하는 Maven을 사용하여 간단한 Spring 프로젝트를 생성
    • Simple Spring Web Maven : MVC 구조 + Maven
    • Simple Spring Utility Project : Maven Dependencies에 Spring 관련 jar 설정, 약간의 샘플 포함
      • Spring MVC Project : 기본적으로 MVC형태로 Maven, 여러가지 라이브러리들이 셋팅되어 생성 , 가장 많이 사용

#Spring MVC Project(약 47바이트)가 Simple Spring Web Maven(약 15바이트)에 비해 용량이 2.5배 이상 더 나감

여기를 참고하였습니다.
]]> <![CDATA[JS objects, HTML DOM, BOM, JS Web API]]> https://velog.io/@dhffkvm_718/JS-objects-HTML-DOM-BOM-JS-Web-API https://velog.io/@dhffkvm_718/JS-objects-HTML-DOM-BOM-JS-Web-API Thu, 15 Jul 2021 02:03:02 GMT JS objects

object 형식

  • name:value
const person = {
  firstName : "John",
  lastName  : "Doe",
  age     : 50,
  eyeColor  : "blue"
};
//객체 예시

객체를 사용하는 방법은

  • objectName.property
    • ex) person.age
  • objectName["property"]
    • ex) person["age"]

객체안에 또다른 객체가 있을 수 있음

const myObj = {
  name: "John",
  age: 30,
  cars: [
    {name:"Ford", "models":["Fiesta", "Focus", "Mustang"]},
    {name:"BMW", "models":["320", "X3", "X5"]},
    {name:"Fiat", "models":["500", "Panda"]}
  ]
}

이러한 객체들에 접근하기 위해서는 반복문을 이용합니다

for (let i in myObj.cars) {
  x += "<h2>" + myObj.cars[i].name + "</h2>";
  for (let j in myObj.cars[i].models) {
    x += myObj.cars[i].models[j] + "<br>";
  }
}

자바스크립트도 객체에 관하여 getter와 setter를 만들 수 있습니다.

HTML DOM

DOM(Document Object Model) : XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스

  • 이 객체 모델은 문서 내의 모든 요소를 정의
  • 각각의 요소에 접근하는 방법을 제공
  • -> 자바스크립트는 이런 객체 모델을 사용해서 HTML에 변화를 줄 수 있다.

이벤트 버블링 vs 캡쳐링

bubbling / capturing 버블링: 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작

  • 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작
  • 캡쳐링*:이벤트가 최상위 조상에서 시작해 아래로 전파

--> addEventListener의 세번째 인자에서 사용됨(true: capturing사용 / false: 버블링 사용)

여기에서 예시를 확인하세요!

노드 간 관계를 이용해 내용 추가하기

const para = document.createElement("p");
const node = document.createTextNode("This is new.");
para.appendChild(node);

const element = document.getElementById("div1");
element.appendChild(para);

appendChild 는 부모 요소의 가장 마지막 child로 새로운 요소를 집어 넣는다

--> insertBefore()를 사용하면 위치 바꿀 수 있음

  • remove와 removeChild, replaceChild도 존재

getElementsByTagName()

는 HTMLCollection 객체를 반환한다. --> 불려온 태그에 대해 인덱스로 특정 순서의 태그에 접근할 수 있음

const myCollection = document.getElementsByTagName("p");
myCollection[1]

querySelectorAll()

는 NodeList 객체를 반환한다 -->인덱스로 접근 가능

HTMLCollection vs NodeList

두 객체는 굉장히 흡사한 특징을 가지고 있다 But, HTMLCollection

  • 인덱스, name, id로 모두 접근이 가능

NodeList

  • 인덱스로만 접근이 가능함
  • 배열처럼 보이지만 배열이 아니다!

Browser Object Model (BOM)

: 이 모델은 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공

Window 객체

:웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원

'자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 됨

window 객체의 메소드는 전역 함수이며, window 객체의 프로퍼티는 전역 변수가 됨

문서 객체 모델(DOM)의 요소들도 모두 window 객체의 프로퍼티가 됨.'

Screen 객체

:사용자의 디스플레이 화면에 대한 다양한 정보를 저장하는 객체

Location 객체

:현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용

  • location 객체의 href 프로퍼티는 현재 문서의 전체 URL 주소를 문자열로 반환
    document.write("현재 문서의 주소는 " + location.href + "입니다.");

History 객체

:브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체

  • 자바스크립트는 사용자의 개인 정보를 보호하기 위해 이 객체에 접근하는 방법을 일부 제한하고 있습니다.

:브라우저 공급자 및 버전 정보 등을 포함한 브라우저에 대한 다양한 정보를 저장하는 객체

대화 상자(dialog box)

사용자에게 보여줄 수 있는 간단한 대화 상자를 만들기 위한 메소드를 제공

  1. alert():사용자에게 간단한 메시지를 보여주고, 그에 대한 사용자의 확인을 기다림

  2. confirm(): 사용자에게 간단한 메시지를 보여주고, 사용자가 확인이나 취소를 누르면 그 결과를 불리언 값으로 반환

  3. prompt():사용자에게 간단한 메시지를 보여주고, 사용자가 입력한 문자열을 반환

JS Web API

Web Workers API

:Web Worker 는 브라우저의 Main Thread에 영향끼치지 않기 위해서, Main Thread와 별개로 작동되는 Thread를 만들거나 관리한다. 출처에 예제가 잘 되어있습니다.

JavaScript Fetch API

fetch 예시

Web Geolocation API

사용자의 현재 위치를 가져오는 API

AJAX

AJAX(Asynchronous JavaScript And XML, 비동기적 JavaScript와 XML) : 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다.

XMLHttpRequest

:웹 브라우저가 서버와 데이터를 교환할 때 사용

비동기식(asynchronous) 요청
서버에 비동기식 요청을 보내기 위해서는 open() 메소드의 세 번째 인수로 true를 전달하면 됩니다.

이렇게 서버로 비동기식 요청을 보내면, 자바스크립트는 서버로부터의 응답을 기다리면서 동시에 다른 일을 할 수 있게 됩니다.



만약 open() 메소드의 세 번째 인수로 false를 전달하면, 서버에 동기식 요청을 보내게 됩니다.

이때 자바스크립트는 서버로부터 응답이 도착할 때까지 대기하게 됩니다.

따라서 사용자는 대기하는 동안 다른 어떤 작업도 할 수 없게 됩니다.
]]> <![CDATA[css 속성 object-fit]]> https://velog.io/@dhffkvm_718/css-%EC%86%8D%EC%84%B1-object-fit https://velog.io/@dhffkvm_718/css-%EC%86%8D%EC%84%B1-object-fit Sun, 11 Jul 2021 06:34:49 GMT 대체되는 요소의 내용(img, video, object, svg 등과 같은)이 지정된 너비와 높이에 맞게 장착되는 방식을 지정 속성

  • fill: 사진을 자르지 않고 화면을 가득 채운다
  • contain: 사진을 자르지 않고, 비율을 유지한 채로 화면에 맞게 조절
  • cover: 사진을 자르기도 하고, 비율은 유지한채로 화면을 채움
  • none: 크기가 조정되지 않고 원본사이즈로 처리됩니다. 크면 잘리고, 작으면 남음
  • scale-down : 크기를 아무것도 지정되지 않거나 혹은 contain이 지정되어 있는 것처럼 변경됩니다. 이는 원본 크기보다 작아지는 결과를 보여준다.
]]> <![CDATA[HTML tag 정리2]]> https://velog.io/@dhffkvm_718/HTML-tag-%EC%A0%95%EB%A6%AC2 https://velog.io/@dhffkvm_718/HTML-tag-%EC%A0%95%EB%A6%AC2 Tue, 06 Jul 2021 16:03:51 GMT 이전에 정리한 것 외에 새롭게 안 것을 정리해보았습니다~

title : 해당 태그가 적용되어 있는 문구에 마우스를 올리면 tooltip처럼 내용이 뜹니다

<p title='툴팁처럼 뜬다구요'>안녕하세요</p>

안녕하세요

mailto :링크에 걸려있는 이메일로 바로 메일을 보낼 수 있도록 함

<p><a href="mailto:mailaddress@naver.com">Send email</a></p>

Send email

특정 부분으로 건너뛰기

<p><a href="#C4">Jump to Chapter 4</a></p>
<h2 id="C4">Chapter 4</h2>

Jump to Chapter 4

저밑에 chapter4가 있어요!

map & area

  • map: 이미지맵(클릭할 수 있는 영역을 지닌 이미지)을 만드는 태그

    • area: 이미지맵에서 영역을 지정 여기에서 예제 보기

picture :img 요소의 다중 이미지 리소스(multiple image resources)를 위한 컨테이너를 정의할 때 사용 --> 주로 반응형 웹을 만들때

<picture>
  <source media="(min-width: 650px)" srcset="img_food.jpg">
  <source media="(min-width: 465px)" srcset="img_car.jpg">
  <img src="img_girl.jpg">
</picture>

img태그는 가장 마지막에 써야한다 <- 호환되지 않는 브라우저나 써놓은 조건에 다 안맞을때를 대비해서

base :기준이 되는 base url/uri를 설정하여 사용

여기서 base url/uri는 링크 주소 등을 만들 경우 특정 값이 자동으로 추가되는 것과 같습니다
!base 태그 사용시 주의할 점 ---- base 태그를 적용할 경우 반드시 태그 영역 안에 사용하여야하며 또한 중복된 base 태그는 설정할 수 없습니다. 즉 하나만 사용가능합니다. 일반적으로 head 내부에서도 최상단에 선언, 위치합니다.

Chapter 4

]]> <![CDATA[javax.el.ELException: Cannot convert ]]> https://velog.io/@dhffkvm_718/javax.el.ELException-Cannot-convert https://velog.io/@dhffkvm_718/javax.el.ELException-Cannot-convert Wed, 03 Feb 2021 05:14:11 GMT <c:if test='${u.fieldType eq "text"}'>

여기에서 이러한 오류가 떴다. javax.el.ELException: Cannot convert [text] of type [class java.lang.String] to [class java.lang.Long]

private char fieldType;

원인: String인 'text'를 char 과 비교하여 생긴 문제로 추측

해결방법: 받아오는 type 을 char --> String으로 변경

private String fieldType;
]]> <![CDATA[Run on server 가 없다?]]> https://velog.io/@dhffkvm_718/Run-on-server-%EA%B0%80-%EC%97%86%EB%8B%A4 https://velog.io/@dhffkvm_718/Run-on-server-%EA%B0%80-%EC%97%86%EB%8B%A4 Wed, 27 Jan 2021 12:51:32 GMT STS4에서 프로젝트를 실행해보려고 하는데 run on server가 없는 것이다. 아마도 깃을 pull하는데 자꾸 안되어서 파일 내용을 로컬에 저장하고 지워버린 후, git에서 프로젝트 파일을 다운받아 import시킨 것이 문제였던 것 같다.

해결방법

  1. 프로젝트 우클릭>maven>update project 를 하자..! 원래는 2번이 우선이었는데 2번을 한 후 pom.xml에 또 다른 에러가 생겼다. 1번을 먼저 해보는 게 좋은 것 같다.

  2. project property –> project facets –> dynamic web module 과 java가 체크

하면 run on server가 뜬다

]]> <![CDATA[Spring Controller]]> https://velog.io/@dhffkvm_718/Spring-Controller https://velog.io/@dhffkvm_718/Spring-Controller Wed, 27 Jan 2021 09:29:26 GMT Controller Method Parameter Type

컨트롤러 @RequestMapping 어노테이션이 적용된 메서드는 커맨드 클래스 뿐만 아니라, HttpServletRequest, HttpSession, Locale 등 웹 애플리케이션과 관련된 다양한 타입의 파라미터를 가질 수 있습니다.

httpServletRequest.getParameter()

@RequestMapping("/test") public String test(HttpServletRequest req) { String userId = req.getParameter("userId"); return "test"; }

getParameter()는 String 값을 반환합니다.

​ httpServletRequest.getAttribute()

@RequestMapping("/test") public String test(HttpServletRequest req) { String userId = req.getAttribute("userId"); return "test"; }

getAttribute()는 getParameter()와 비슷하지만 String 값이 아닌 Object 값을 반환한다는 차이가 있습니다.

​

@RequestParam

@RequestMapping("/test", method=RequestMethod.GET) public String test(@RequestParam(value="userId", defaultValue="ooeunz") String userId) { return "test"; }

@RequestParam은 query string 방식으로 url을 통해 parameter로 값을 받아옵니다. 갖고있는 속성으로는 value, required, defaultValue가 있습니다.

​

@PathVariable

@RequestMapping("/test/{email}", method=RequestMethod.GET) public String test(@PathVariable("email") String email) { return "test"; }

@Pathvariable 애노테이션은 RequestMapping에 {email} 이라는 부분에 맵핑됩니다. query string 방식과 path value 방식을 이해하고 있다면 별로 어렵지 않게 사용하실 수 있을거라 생각합니다.

​

@RequestBody

GET방식은 request packet에 http body가 존재하지 않습니다. 따라서 @RequestBody로 받으려면 반드시 POST 방식을 사용해야 합니다. @RequestBody는 JSON이나 XML과 같은 데이터를 받거나 DTO/VO 객체 전체를 받을 경우 사용합니다.

@RequestMapping("/test") public String test(@RequestBody Map<String, Obejct> obj) { Account account = obj.get("account"); return "test"; }

@ModelAttribute

@RequestParam과 비슷한데 1:1로 parameter를 받을 경우엔 @RequestParam을 사용하고 DTO/VO와 같이 객체 전체로 받을 경우 @ModelAttribute로 받을 수 있습니다. 예를들어 form에서 데이터를 받을 경우 form name과 DTO/VO의 변수 명을 같게 해줌으로써 자동으로 데이터를 바인딩할 수 있습니다.

@RequestMapping("/test") public String test(@ModelAttribute UserDto user) {
System.out.println(user.getUserId()); return "test"; }

Controller Method Retuern Type

]]> <![CDATA[Spring Framework_JSP]]> https://velog.io/@dhffkvm_718/Spring-FrameworkJSP https://velog.io/@dhffkvm_718/Spring-FrameworkJSP Tue, 26 Jan 2021 17:25:16 GMT Spring Framework의 장점

1) 미리 정의된 견본들이 있다.

-Spring framework는 JDBC, Hivernate, JPA 등 견본들을 제공한다. 그렇기 때문에 코드를 길게 작성하지 않아도 된다. 기본적인 단계는 미리 제공을 해주기 때문에 직접적인 코드를 작성하지 않고, 실행되는 부분만 작성하면 된다.

2) 테스트하기가 쉽다.

-Dependency의 추가로 작업을 쉽게 테스트 할 수 있다. 그리고 EJB나 Struts는 서버를 필요로 하지만 Spring framework는 서버를 필요로 하지 않는다.

3) 가볍다.

JSP Model 1 vs Model 2 Arichitecture

Model 1 Architecture

  • 브라우저가 JSP 페이지로 요청을 전송

  • JSP에서 Java Bean에 접근하고 로직을 호출

  • Java Bean은 Database와 연결하고 데이터를 받거나 저장

  • JSP에서 생성 된 응답은 브라우저로 전송됨

Model 2 (MVC) Architecture

: MVC를 바탕으로 디자인 된 패턴이다. MVC 디자인 패턴은 model, view 그리고 controller로 구성되어 있다.

  • Model: 모델은 애플리케이션의 상태(데이터) 및 비즈니스 논리를 나타냅니다.

  • View: 뷰 모듈은 데이터 표시를 담당합니다. 즉, 프레젠테이션을 나타냅니다.

  • Controller: 컨트롤러 모듈은 뷰와 모델 간의 인터페이스 역할을 합니다. 즉, 모델 / 뷰에 대한 입력과 명령을 수신하여 그에 따라 변경합니다.

POJO

  • POJO란, 특별한 제한에 종속되지 않고, 클래스 패스(class path)를 필요로 하지 않는 일반적인 Java Object를 의미

POJO의 특징

  • 특정 규약에 종속되지 않는다.

  • 특정 환경에 종속되지 않는다.

  • 객체지향원리에 충실해야 한다

IoC

: Inversion of Control의 줄임말로 한글로 번역하면 제어의 역전이라는 말이다. "제어의 역전"이라는 의미는 메소드나 객체의 호출작업을 개발자가 결정하는 것이 아니라, 외부에서 결정되는 것을 의미

DI

  • DI란 Dependency Injection의 줄임말, 의존성 주입 : 의존적인 객체를 직접 생성하거나 제어하는 것이 아니라, 특정 객체에 필요한 객체를 외부에서 결정해서 연결시키는 것을 의미한다. 즉, 우리는 클래스의 기능을 추상적으로 묶어둔 인터페이스를 갖다 쓰면 되는 것이다. 나머지는 스프링에서 객체를 주입해주기 때문이다. 따라서 이러한 의존성 주입으로 인해 모듈 간의 결합도가 낮아지고 유연성이 높아진다.

AOP

: 관점 지향 프로그래밍 : 어떤 로직을 기준으로 핵심적인 관점, 부가적인 관점으로 나누어서 보고 그 관점을 기준으로 각각 모듈화

]]> <![CDATA[Tomcat port 에러..]]> https://velog.io/@dhffkvm_718/Tomcat-port-%EC%97%90%EB%9F%AC https://velog.io/@dhffkvm_718/Tomcat-port-%EC%97%90%EB%9F%AC Tue, 26 Jan 2021 14:13:00 GMT Tomcat port 에러

port 8080 required by tomcat v9.0 server at localhost is already in use. the server may already be running in another process, or a system process may be using the port. to start this server you will need to stop the other process or change the port number(s).

이게 떠서 찾아보니 내가 하다가 렉이 너무 걸려서 강제종료시켰던 것이 문제였던 것 같다. 남아있는 포트를 지워야했다.

일단 서버가 내렸는데 8080포트가 사용중이라고 나오면 아래 명령어로 찾아볼 수 있다.

터미널에

server 이미 사용중이라고 나올 때

sudo lsof -i:8080

입력하면 다음과 같은 결과가 나옴

COMMAND   PID     USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
java   [각각다른숫자] yangjihu   39u  IPv6 0xfdc32fa1f1b6a605      0t0  TCP *:http-alt (LISTEN)
kill [각각다른숫자]

이때 kill [PID]를 해주면 server가 강제 종료 됨

sudo lsof -i:8080 입력하여 다시 한번 확인

]]> <![CDATA[STS4에 협업 프로젝트 임포트하는 방법]]> https://velog.io/@dhffkvm_718/STS4%EC%97%90-%ED%98%91%EC%97%85-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%9E%84%ED%8F%AC%ED%8A%B8%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 https://velog.io/@dhffkvm_718/STS4%EC%97%90-%ED%98%91%EC%97%85-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%9E%84%ED%8F%AC%ED%8A%B8%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 Mon, 25 Jan 2021 12:51:40 GMT 인터넷에 다들 찾아보면 기본 깃 개념만 잔뜩 설명해주고, clone하는 방법만 왕창 설명해놔서 멘붕이 왔었다.

remote을 연결하기 위해서 내 로컬에 clone 한다는 건 알겠는데(이게 맞나?),,,

clone해온 프로젝트 파일을 어떻게 해야 그대로 내 창에 옮길 수 있을지 모르겠다니까..?(컴맹의 자신감)

그래서 마구 찾다가 import라고 검색해야하는 걸 깨닫고 구세주같은 페이지를 만났다.

clone을 한 후 git repository 페이지에서 clone한 repository의 working tree를 들어간다. import하기를 원하는 프로젝트에서 우클릭을 한 후 그리고 [import Projects] 클릭

이후 뜨는 창에 finish를 누르면 import되고 자신의 프로젝트 목록창에도 생긴다.

]]> <![CDATA[파일업로드 기능 구현]]> https://velog.io/@dhffkvm_718/%ED%8C%8C%EC%9D%BC%EC%97%85%EB%A1%9C%EB%93%9C-%EA%B8%B0%EB%8A%A5-%EA%B5%AC%ED%98%84 https://velog.io/@dhffkvm_718/%ED%8C%8C%EC%9D%BC%EC%97%85%EB%A1%9C%EB%93%9C-%EA%B8%B0%EB%8A%A5-%EA%B5%AC%ED%98%84 Sun, 24 Jan 2021 14:55:41 GMT Database 테이블에 사진을 위한 column 만들기

명령어 : ALTER TABLE 테이블이름 ADD COLUMN image varchar(40);

1. Library에 cos.jar 추가

cos.jar 파일 다운

  • cos.jar파일을 다운로드
    • 압축해제 후, 폴더에 들어가면 lib폴더안에 있는 cos.jar파일 옮기기
  • pom.xml에 디펜던시로 추가하는 방법

아래 사이트에서 Maven용 디펜던시 명령어를 pom.xml에 복붙하면 된다. maven 명령어 복사

2. upload 폴더추가

이제 이 폴더에 실제 업로드된 파일들이 저장된다.

3. fileform.jsp 생성

파일업로드 기능 구현 코어 코드

fileform.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form method='post' action='fileupload.jsp' enctype="multipart/form-data">
    제목 : <input type="text" name="title" /><br />
    이미지 : <input type='file' name='photo' /><br />
    <input type='submit' value='upload' />
</form>
</body>
</html>

4. fileupload.jsp 생성

  • fileform.jsp와 함께 파일업로드 기능을 위해서 생성해야 하는 파일

fileupload.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import ="com.myapp.common.*, java.io.File" %>
<%@ page import ="com.oreilly.servlet.*" %>
<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>파일 업로드 결과 </title>
</head>
<body>
<% 
    String filename = "";
    int sizeLimit = 15 * 1024 * 1024;

    //    상대경로를 절대경로로 가져와야 
    String realPath = request.getServletContext().getRealPath("upload");
    System.out.println(realPath);

    //upload 폴더가 없는 경우 폴더를 만들기
    File dir = new File(realPath);
    if (!dir.exists()) dir.mkdirs();

    MultipartRequest multpartRequest = null;
    multpartRequest = new MultipartRequest(request, realPath, 
            sizeLimit, "utf-8",new DefaultFileRenamePolicy());

    String title = multpartRequest.getParameter("title");
    filename = multpartRequest.getFilesystemName("photo");
%>
제목 : <%=title %><br />
파일명 : <%=filename%><br />
<img src="${pageContext.request.contextPath }/upload/<%=filename%>"
</body>
</html>

나머지 edit, delet도 수정

]]> <![CDATA[Heroku관련]]> https://velog.io/@dhffkvm_718/Heroku%EA%B4%80%EB%A0%A8 https://velog.io/@dhffkvm_718/Heroku%EA%B4%80%EB%A0%A8 Wed, 20 Jan 2021 12:45:48 GMT 1. 이제 terminal 에서 작업 root 로 가서, heroku 에 로그인.

$ heroku login

2. 서비스 앱 생성.

$ heroku apps:create "앱이름"

  • 삭제할때는

$ heroku apps:delete " 앱이름"

3. 준비된 소스를 heroku 의 Git 에 연결.

$ git init

// 빈 git 을 생성.

$ git add 와 git commit 까지.

$ heroku git:remote -a "앱이름"

또는 $ git remote add heroku "heroku 앱에 git 주소"

4. 소스 upload

$ git push heroku master // 이때 소스가 올라가고 build도 되는 듯.

5. 앱 서비스 시작.

$ heroku ps:scale web=1 --app "앱이름"

$ heroku open // browser 에서 동작 확인.

$ heroku ps:scale web=0 // 서비스 중지.

$ heroku ps // 현재 앱 서비스 상태 보기

$ heroku logs --tail // 로그 보기. 문제 발생시.

$ heroku local web // 로컬에서 동작 확인 용.

6. Git clone

$ heroku git:clone -a "앱이름" // 앱을 clone 해 올수 있음

내가 따르던 일련의 deploy 과정

heroku plugins:install java[enter] // 자바 환경을 위해서
mvn package (프로젝트 폴더내에서)
에러발생시 pom.xml 수정 // web.xml이 없고, 아래 구문이 없으면 에러나기도함
 <plugin>
 <artifactId>maven-war-plugin</artifactId>
 <version>2.4</version>
 <configuration>
 <warSourceDirectory>WebContent</warSourceDirectory>
 <failOnMissingWebXml>false</failOnMissingWebXml>
 </configuration>
</plugin>

수정 후 maven > update project 할것

터미널에서 해당 프로젝트의 target 창에 들어가기 heroku login heroku create [app_name] heroku war:deploy ./target/myapp-1.0.0-BUILD-SNAPSHOT.war system.properties --app [hellospringjs] heroku run java -version --app [app_name] //자바 버전 확인용 heroku open --app[app_name] 자신의 개발환경 java version을 확인하여 Java 1.8이 아닌 경우에는 수업내용을 참고하여 해당 버전(11 또는 14)에 맞는 maven update, system.properties 제작 등의 과정을 진행할 것. web content 안에 system.properties 라는 파일 생성 그 안에 java.runtime.version=14(자기에게 깔려있는 자바 버전 값) 삽입

--> 갑자기 system.properties 파일로 하는 절차를 했는데도 자바 버전이 맞지 않다고 나와서 우클릭>properties>build path 자바 버전은 1.8로 바꿈(오류난 heroku 버전이 1.8이었음-아래 사진) 그리고 엑박 무시하고 다시 maven install 후 deploy 하니 잘 되었음 엑박사진

deploy후에는 다시 프로젝트 우클릭>maven>project update 로 다시 버전 원상복귀

]]> <![CDATA[JSTL(JSP Standard Tag Library)]]> https://velog.io/@dhffkvm_718/JSTLJSP-Standard-Tag-Library https://velog.io/@dhffkvm_718/JSTLJSP-Standard-Tag-Library Wed, 20 Jan 2021 06:08:47 GMT JSTL (JSP Standard Tag Library) 이란?
  • JSP에서 사용되는 반복, 조건, 데이터관리, 데이터베이스 액세스, 시간, 숫자, 날짜, 문자열 가공등을 사용할 수 있는 표준라이브러리이다.
  • JSTL은 EL(Expression Language)를 사용하여 표현한다.

출처: https://hackersstudy.tistory.com/42 [공대인들이 직접쓰는 컴퓨터공부방]

JSTL의 이점

  • Fast Development: JSP를 단순화하는 많은 태그 제공
  • Code Reusability: 다양한 페이지에서 JSTL tag를 사용할 수 있다
  • No need to use scriptlet tag

JSTL Core Tag의 종류

태그 이름 설명
c:set / 변수의 선언 및 제거
c:remove /
c:out / 변수의 출력
c:catch / 예외 처리
c:if / 조건문 (else는 없다)
c:choose / Switch문과 비슷
c:when /
c:otherwise /
c:forEach / 반복문
c:forTokens / 구분자로 분할하여 반복문
c:url / URL 생성
c:param / 파라미터 추가
c:import / 페이지 첨부
c:redirect / URL 이동

각 Core Tag 설명

  • <c:set /> Tag
    • JSP의 setAttribute()와 같은 역할
  • <c:remove /> Tag
    • JSP의 removeAttribute()와 같은 역할
  • <c:out /> Tag
    • '<%=...>'와 같다. JSP의 표현식을 대체
  • <c:catch /> Tag
    • Body에서 실행되는 코드의 예외 처리
  • <c:if /> Tag
    • 조건문
  • <c:choose />, <c:when />, <c:otherwise />
    • Switch문과 동일, 여러개의 when 태그와 하나의 otherwise 태그를 가진다
    • <c:if /> 태그에 else가 없으므로 대체식으로도 많이 사용
  • <c:forEach /> Tag
    • 객체 전체에 걸쳐 반복 실행에 사용
  • <c:forTokens /> Tag
    • 문자열을 구분자(delimiter)로 분할
  • <c:url /> Tag
    • URL의 생성
  • <c:param /> Tag
    • 파라미터 추가
  • <c:import /> Tag
    • 페이지 첨부
  • <c:redirect /> Tag
    • sendRedirect()와 동일

JSTL Function Tag

: 문자열을 처리하는 함수를 제공

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

ex.

${fn:contains(str, str)}

${fn:split(str, '|')}
  • fn:contains(string, sbustring)
    • string이 substring을 포함하면 return true 반환
  • fn:containsIgnoreCase(string, sbustring)
    • 대소문자 관계없이 string이 substring을 포함하면 return true 반환
  • fn:startsWith(string, prefix)
    • string이 prefix로 시작하면 return True
  • fn:endsWith(string, suffix)
    • string이 suffix로 끝나면 return True
  • fn:escapeXml(string)
    • stting에 XML과 HTML에서 < >& ' " 문자들이 있으면, XML엔티티 코드로 바꿔준뒤 문자열 반환
  • fn:indexOf(string, sbustring)
    • string에서 substring이 처음으로 나타나는 인덱스 반환
  • fn:split(string, separator)
    • string내의 문자열 separetor에 따라 나누어서 배열로 구성해서 반환
  • fn:join(array, separator)
    • array요소들을 separator를 구분자로 하여 연결해서 반환
  • fn:length(item)
    • item이 배열이나 컬렉션이면 요소의 개수를 문자열이면 문자의 개수를 반환
  • fn:replace(string, before, after)
    • string내에 있는 before 문자열을 after 문자열로 모두 변경해서 반환
  • fn:substring(string, begin, end)
    • string에서 begin인덱스에서 시작해서 end인덱스에 끝나는 부분의 문자열 반환
  • fn:substringAfter(string, sbustring)
    • string에서 substring이 나타나는 이후의 문자열 반환
  • fn:substringBefore(string, sbustring)
    • string에서 substring이 나타나는 이전의 문자열 반환
  • fn:toLowerCase(string)
    • string을 모두 소문자로 변경 후 리턴
  • fn:toUpperCase(string)
    • string을 모두 대문자로 변경 후 리턴
  • fn:trim(string)
    • string앞뒤의 공백을 모두 제거한 후 반환

출처: https://cofs.tistory.com/262 [CofS]

JSTL Formatting tags

: 숫자, 날짜, 시간을 formatting하는 기능과 국제화, 다국어 지원 기능을 제공

<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

  • 예제
    • fmt:parseNumber

JSTL XML tags

:XML 문서를 처리할 때 필요한 기능을 제공합니다. XML 출력, 흐름 제어, XML 변환 등의 기능이 있습니다.

<%@ taglib uri="http://java.sun.com/jsp/jstl/xml" prefix="x" %>

  • 예제
    • x:out

JSTL SQL Tags

: 데이터베이스의 데이터를 입력/수정/삭제/조회하는 기능을 제공 <%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>

  • 예제
    • sql:query
]]> <![CDATA[JSP(introduction~ 9 implicit objects)]]> https://velog.io/@dhffkvm_718/JSPintroduction-9-implicit-objects https://velog.io/@dhffkvm_718/JSPintroduction-9-implicit-objects Wed, 20 Jan 2021 02:12:09 GMT JSP Scripting Elements
  1. JSP scripting tag scripting tag는 jsp 내부에 자바 코드를 삽입하는 기능을 제공

scripting elements 종류

  • scriptlet tag : jsp에서 자바 소스 코드를 실행하는 데 사용

    <% 자바 소스 코드; %>

    ex) < % out.print ( "jsp에 오신 것을 환영합니다"); % >

  • expression tag : response의 output stream에 사용 --> out.print()를 사용할 필요가 없음

    • 주로 변수 또는 메서드의 값을 인쇄하는 데 사용
    • 주의해야 할 점: 세미콜론(;)을 사용하지 않는다

      <%= statement %> ex) <%= "welcome to jsp" %>

  • declaration tag : declaration tag는 필드나 메소드를 선언하기 위해 사용

    • declaration tag 안에 쓰여진 코드는 자동으로 생성되는 servlet의 service() 메소드 바깥에 위치한다. --> 각각의 request 마다 메모리를 차지하지 않는다.

      <%! field or method declaration %>

9 Implicit Objects

9가지의 implicit object들은 모든 jsp 페이지에 접근 가능한 웹 컨테이너에 의해서 생성된다.

1. out : 버퍼에 데이터를 쓰기위해서 jsp는 out이라는 implicit object를 제공한다. 이것은 JspWriter의 객체

ex) <% out.print ( "오늘은 :" + java.util.Calendar.getInstance ().getTime ()); %>

2. request : 웹 컨테이너에 의한 jsp request를 생성하기 위한 HttpServletRequest 타입의 implicit 객체

  • parameter, header information, remote address, server name, server port, content type, character encoding 등등과 같은 요청 정보를 얻기 위해 사용된다.

  • jsp request 범위에서 속성을 set, get, remove하기 위해 사용될 수 있다.

ex) String name=request.getParameter("uname");

3. response : response는 HttpServletResponse 유형의 implicit 객체

  • HttpServletResponse의 인스턴스는 각 jsp 요청에 대해 웹 컨테이너에 의해서 생성된다.

  • 응답을 다른 리소스로 리디렉션, 오류 전송 등과 같은 응답을 추가하거나 조작하는 데에 사용할 수 있다.

ex) response.sendRedirect ( "http://www.google.com");

4. config : config는 ServletConfig 유형의 implicit 객체

  • 특정 jsp 페이지에 대한 초기화된 파라미터를 사용할 수 있다.

  • 각각의 jsp 페이지의 웹 컨테이너에 의해 생성된다.

  • 일반적으로, 이 객체는 web.xml 파일의 초기화된 파라미터를 얻어 사용한다.

ex) String driver=config.getInitParameter("dname");

5. application : ServletContext 유형의 implicit 객체

  • ServletContext의 인스턴스는 응용 프로그램이나 프로젝트가 서버에 배포될 때 웹 컨테이너에서 한 번만 생성된다.

  • 이 객체는 구성 파일(web.xml)에서 초기화된 매개 변수를 가져오기 위해 사용 가능

  • 응용 프로그램 범위에서 attribute를 get, set하거나 remove하기 위해 사용 가능

ex) String driver=application.getInitParameter("dname");

6. session : HttpSession 유형의 implicit 객체이다.

  • 이 객체를 사용하여 속성을 set, get, remove, 또는 session 정보를 가져올 수 있다.

ex) session.setAttribute("user",name);

7. pageContext : PageContext 타입의 implicit 객체이다.

  • 다음의 scope 중 하나에서 속성을 set, get, 또는 remove하기 위해 사용될 수 있다.
    • page
    • request
    • session
    • application

ex) pageContext.setAttribute("user",name,PageContext.SESSION_SCOPE);
String name=(String)pageContext.getAttribute("user",PageContext.SESSION_SCOPE);

8. page : Object class 타입의 implicit 객체이다.

  • 자동으로 생성된 servlet 클래스의 참조를 할당 받는다.

  • log 안에 입력된 메세지는 콘솔 창에서 확인할 수 있다.

    • Object page=this;

ex) <% this.log ( "message"); %>

9. exception : java.lang.Throwable 클래스 유형의 implicit 객체이다.

  • 예외를 프린트하기 위해 사용된다.

  • error인 페이지에만 사용된다.

출처: www.javatpoint.com/jsp-tutorial

]]>