TIL/View Template

https://yelin1217.tistory.com/459 [TIL/View Template] thymeleaf - 기본 기능(3)https://yelin1217.tistory.com/458 [TIL/View Template] thymeleaf 문법 - 기본 기능(2)이전에 작성한 thymeleaf 문법 - 기본 기능 (1) 글과 이어지는 내용입니다!https://yelin1217.tistory.com/457 [TIL/View Template] thymeleaf 문법 -yelin1217.tistory.com1. 템플릿 조각웹 페이지에는 상단 영역, 하단 영역, 좌측 카테고리 등 여러 페이지에서 함께 사용하는 영역들이 있다.이런 부분을 코드를 복사해서 사용하지 않고 템플릿 조각을 사용하여 유지보수 및 개..

https://yelin1217.tistory.com/458 [TIL/View Template] thymeleaf 문법 - 기본 기능(2)이전에 작성한 thymeleaf 문법 - 기본 기능 (1) 글과 이어지는 내용입니다!https://yelin1217.tistory.com/457 [TIL/View Template] thymeleaf 문법 - 기본 기능 (1)[타임리프 기본 기능의 종류]- 링크 : https://www.thymeleaf.oyelin1217.tistory.com1. 반복타임리프에서 반복은 th:each를 사용한다. 추가로 반복에서 사용할 수 있는 여러 상태 값을 지원한다. 반복 기능반복시 오른쪽 컬렉션(${users})의 값을 하나씩 꺼내서 왼쪽 변수(user)에 담아서 태그를 반복 실행..

이전에 작성한 thymeleaf 문법 - 기본 기능 (1) 글과 이어지는 내용입니다!https://yelin1217.tistory.com/457 [TIL/View Template] thymeleaf 문법 - 기본 기능 (1)[타임리프 기본 기능의 종류]- 링크 : https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#standard-expression-syntax• 간단한 표현: ◦ 변수 표현식: ${...} ◦ 선택 변수 표현식: *{...} ◦ 메시지 표현식: #{...yelin1217.tistory.com1. 유틸리티 객체와 날짜타임리프는 문자, 숫자, 날짜, URI등을 편리하게 다루는 다양한 유틸리티 객체들을 제공한다.#message :..

[타임리프 기본 기능의 종류]- 링크 : https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#standard-expression-syntax• 간단한 표현: ◦ 변수 표현식: ${...} ◦ 선택 변수 표현식: *{...} ◦ 메시지 표현식: #{...} ◦ 링크 URL 표현식: @{...} ◦ 조각 표현식: ~{...}• 리터럴 ◦ 텍스트: 'one text', 'Another one!',… ◦ 숫자: 0, 34, 3.0, 12.3,… ◦ 불린: true, false ◦ 널: null ◦ 리터럴 토큰: one, sometext, main,…• 문자 연산: ◦ 문자 합치기: + ◦ 리터럴 대체: |The name is ${name}|• 산술 ..

보호되어 있는 글입니다.

* Ajax 포스팅 글 https://yelin1217.tistory.com/321 [SIST] JSP_days13_Ajax 1. Ajax란? - Asynchronous Javascript And Xml 약자로 데이터를 사용하는 비동기적인 자바스크립트 기술 - 페이지 로드된 후에도 웹 서버에서 데이터를 읽어와서 사용 가능 - 페이지가 전체 새로 고침되 yelin1217.tistory.com 1. JSON이란? - ajax는 xml 데이터를 비동기적으로 처리하는 javascript 기술로 JSON 데이터 형식을 xml 파일보다 더 많이 사용한다. 이유? 가볍고 편리하기 때문에 - JSON == JavaScript Object Notation - javascript로 객체 표기화를 하겠다는 방법(형식) - ..

1. Ajax란? - Asynchronous Javascript And Xml 약자로 데이터를 사용하는 비동기적인 자바스크립트 기술 - 페이지 로드된 후에도 웹 서버에서 데이터를 읽어와서 사용 가능 - 페이지가 전체 새로 고침되지 않고 웹 페이지의 일부분만 업데이트 하는 기능 - 페이지는 유지된 채로 백그라운드에서 웹 서버와 통신하는 기술 즉, Ajax는 리로드 없이 웹서버에게 정보를 요청해서 부분적으로 정보를 갱신해주는 기술 예시) - 네이버에 메인 페이지 요청 후 검색창에 검색어를 입력시 연관검색어만 나오는 부분을 업데이트 하는 기능 + 환율, 날씨정보, 상품의 다음페이지/이전페이지 - 회원가입할 때 이름, 생년월일, 주소, 아이디를 입력 받을 때 주소 우편번호검색시 / 아이디 중복체크검사시 ajax..

1. 파일 업로드는 클라이언트가 서버에 파일을 올리는 것을 말하고, 파일 다운로드는 서버에서 클라이언트가 파일을 다운로드 받는 것을 말한다. 2. 파일 업로드 게시판 + 첨부파일 == 자료실 쇼핑사이트 - 상품 목록 문서 파일 또는 이미지 파일 등을 서버에 올리는 작업 3. 실제 파일을 업로드 하려면 아래 2가지를 꼭 기억하자 1) form 태그에 스트림 기반의 전송 방식인 method="post"로 설정 2) 인코딩 방식 enctype="multipart/form-data" 설정 인코딩 기본 값은 application/x-www-form-urlencoded 예시) form 태그에 method='post'와 enctype="multipart/form-data" 속성을 설정해주지 않으면 request.ge..

답변형(계층형) 게시판을 구현하기 전에 로직을 먼저 이해해야한다. 실제 DB에는 아래와 같이 출력이 되는 상태 글 목록을 뿌리면 ORDER BY seq DESC로 시퀀스에 따라 마지막에 작성한 글이 맨 위로 올라오게 되는데 이렇게 되면 답글을 달았던 글이 답글을 단 글 밑에 보여지는게 아니라 맨위로 출력이 되게 된다. 계층형은 이렇게 보이면 안되고 게시글에 답글을 달면 해당 게시글 밑에 들여쓰기가 되어진 상태로 출력이 되어져야 한다. 계층형으로 답글을 출력하기 위해서는 해결 방법이 2가지가 있다. 첫 번째 해결 방법은 하나의 게시글을 묶어줄 수 있는 그룹화 컬럼(REF)을 추가하고 그룹 안에서도 순서를 지정할 수 있는 컬럼(STEP)을 추가한다. 그리고 새글인지 답글인지 답답글인지 파악하여 들여쓰기를 할..