https://ninearies.tistory.com/123

 

[Summernote] Summernote (썸머노트) 사용법

1. 썸머노트 다운로드 https://summernote.org/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editor..

ninearies.tistory.com

 

 

 

 

 

 

더보기 
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Summernote with Bootstrap 4</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>
  </head>
  <body>
    <div id="summernote"></div>
    <script>
      $('#summernote').summernote({
        placeholder: 'Hello Bootstrap 4',
        tabsize: 2,
        height: 100
      });
    </script>
  </body>
</html>

위 코드 중에서 필요한 것만 잘라서 사용

 

 

(div나 textarea에 넣을 수 있음)

 

 

테스트 결과

 

 

'Web > Jsp' 카테고리의 다른 글

200608 블로그만들기 7 // 상세보기 / 페이지수정 / 회원정보수정 / a태그와 자바스크립트  (0) 2020.06.08
200605 / 자바스크립트 공격 xss 막기 / lucy /  (0) 2020.06.05
JSP 서블릿 web.xml로 파일접근을 막는 방법  (0) 2020.06.04
JSP 서블릿 프로젝트 이름을 갑자기 수정해야 할 경우 수정법  (0) 2020.06.04
JSP 서블릿 아이디 중복확인 체크  (0) 2020.06.03

 

 

http://blog.daum.net/question0921/228

 

JSP 페이지에 URL 접근 거부 걸기

JSP 페이지에 URL 접근 거부는 JSP 페이지에 직접적인 URL 접근을 막는 방법  직접적인 JSP 페이지 URL 호출을 막는 방법에는 두 가지가 있다. JSP페이지를 WEB-INF 디렉토리 아래에 두는 방법과 wbe.xml 에

blog.daum.net

 

 

'Web > Jsp' 카테고리의 다른 글

200605 / 자바스크립트 공격 xss 막기 / lucy /  (0) 2020.06.05
섬머노트(에디터) 추가하기  (1) 2020.06.04
JSP 서블릿 프로젝트 이름을 갑자기 수정해야 할 경우 수정법  (0) 2020.06.04
JSP 서블릿 아이디 중복확인 체크  (0) 2020.06.03
서블릿 JSP 쿠키 만들기  (0) 2020.06.03

 

1. web.xml - 변수 정의 blog

2. application 서버에서 setAttribute로 넣고 ${}              (내용추가해야됨)

3. request는  contextRoot를 들고 있음
request.getContextPath()를 이용하면 루트주소를 알 수 있음, 수정하려면 server.xml에서 하면 됨

ex)  /blog/user?cmd=loginProc 를 <%=request.getContextPath()%>/user?cmd=loginProc

'Web > Jsp' 카테고리의 다른 글

섬머노트(에디터) 추가하기  (1) 2020.06.04
JSP 서블릿 web.xml로 파일접근을 막는 방법  (0) 2020.06.04
JSP 서블릿 아이디 중복확인 체크  (0) 2020.06.03
서블릿 JSP 쿠키 만들기  (0) 2020.06.03
EL 표현식 기초  (0) 2020.06.03

자바스크립트 최근 함수 선언방식

 

'Web > JavaScript' 카테고리의 다른 글

ajax 에이작스 get post 요약  (0) 2020.06.26
const 란 // const 값을 변경하려고하면?  (0) 2020.06.15
자바스크립트 백틱  (0) 2020.06.04
자바스크립트 객체 프로퍼티(필드, 변수) 작성 따옴표  (0) 2020.06.02
자바스크립트 람다식 this  (0) 2020.06.02

백틱 : 숫자 1번 옆에 있는 것  = `

백틱안에 있는 것 중 달러표시를 이용해서 변수를 넣을 수 있다

파싱하지 않아도 바로 스트링 안에 ${    } 를 이용해서 넣을 수 있다 

=

'Web > JavaScript' 카테고리의 다른 글

const 란 // const 값을 변경하려고하면?  (0) 2020.06.15
자바스크립트 최근 함수 선언방식  (0) 2020.06.04
자바스크립트 객체 프로퍼티(필드, 변수) 작성 따옴표  (0) 2020.06.02
자바스크립트 람다식 this  (0) 2020.06.02
자바스크립트 객체를 JSON으로 바꾸기  (0) 2020.06.02

 

join.jsp 중복확인 버튼을 추가

onsubmit을 사용하면 변수를 이용해서 true가 될때에만 전송 가능하다 

 

join.jsp 확인용 자바스크립트 추가

 

 

UsersController

 

UsersRepository

 

UsersUsernameCheckAction

유저이름이 공백일 때를 대비하여 2도 넣어준다

 

결과

 

'Web > Jsp' 카테고리의 다른 글

JSP 서블릿 web.xml로 파일접근을 막는 방법  (0) 2020.06.04
JSP 서블릿 프로젝트 이름을 갑자기 수정해야 할 경우 수정법  (0) 2020.06.04
서블릿 JSP 쿠키 만들기  (0) 2020.06.03
EL 표현식 기초  (0) 2020.06.03
서블릿 JSP 쿠키 삭제하는 방법  (0) 2020.06.03

 

response.addCookie("remember", "ssar")를 사용하면

response의 헤더에 쿠키가 들어가서 전송된다

response.setHeader("Set-Cookie", "remember=ssar")를 이용해서 보낼 수도 있다

request로 받을 때에는  Cookie[] cookies = request.getCookies()로 받을 수 있다

 

 

-

 

'Web > Jsp' 카테고리의 다른 글

JSP 서블릿 프로젝트 이름을 갑자기 수정해야 할 경우 수정법  (0) 2020.06.04
JSP 서블릿 아이디 중복확인 체크  (0) 2020.06.03
EL 표현식 기초  (0) 2020.06.03
서블릿 JSP 쿠키 삭제하는 방법  (0) 2020.06.03
200603 // 블로그 blog 만들기 5 / get, post 받는 방식 / JSTL  (0) 2020.06.03

EL표현식

<%= %>를  ${ } 로 표현한다

request.getAttribute(변수명) 를 사용하지 않고

${requestScope.변수} 를 이용할 수 있다

변수명이 다르다면 requestScope를 생략 할 수도 있다

변수명이 같다면 

page(가장우선) -> request -> session -> application(가장나중) 순서로 찾는다

requestScope는 생략해도 되고

나머지 스코프는 생략하지말고 적어주자

파라미터로 넘어오는 것은 스코프로는 받아 지지 않음

${param.변수} 를 이용하자

${안에서 연산가능}

${empty param.변수} -> true false 리턴

 

EL표현식은 자동으로 getter를 불러온다.

즉 getter가 없다면 실행되지 않는다.

title 이라는 변수라면 getTitle() 이라는 getter가 무조건 있어야한다 ( getTitle2() 등 이름을 바꾸면 오류남)

 

 

https://blog.naver.com/getinthere/221988358848

 

EL 표현식

elTest1.jspelTest2.jspelTest3.jspelTest4.jspelTest5.jspelTest6.jsp​

blog.naver.com

 

----------------------------------

스코프 별 출력

request와 session에 각각 같은이름의 변수를 추가 한다.

 

elTest2에서 데이터를 받게 되면, 아래와 같이

 

request의 값을 받아오게 된다.

 

---------------------------

 

post 방식으로 데이터를 전송하면,

 

버퍼로 받을 수 있다. (getParameter로도 받을 수 있음)

 

 

 

콘솔창에는 파싱되지 않은 내용이 출력된다.

 

 

 

'Web > Jsp' 카테고리의 다른 글

JSP 서블릿 아이디 중복확인 체크  (0) 2020.06.03
서블릿 JSP 쿠키 만들기  (0) 2020.06.03
서블릿 JSP 쿠키 삭제하는 방법  (0) 2020.06.03
200603 // 블로그 blog 만들기 5 / get, post 받는 방식 / JSTL  (0) 2020.06.03
JSTL 다운로드  (0) 2020.06.03

+ Recent posts

티스토리툴바