728x90
반응형

CRUD 게시판 개행문자(줄바꿈, 공백, 개행) 처리하기

자바단에서 boardContent를 받아올 때 개행문자를 replaceAll 함수를 통해 태그로 바꾸어주면 띄어쓰기 개행문자 처리가 가능하다. OS 시스템마다 개행문자열이 다르기 때문에 System.lineSeparator()을 사용하는 편이 바람직 한 것 같다. 자바 //개행문자 처리 - 띄어쓰기 vo.setBoardContent(vo.getBoardContent().replaceAll(System.lineSeparator(), " "));

  • format_list_bulleted 프로젝트 웹페이지 기술들
  • · 2022. 4. 21.
  • textsms

채택 기능 구현할 때 특정 게시판 숫자 가져오는 방법 - this 특정 class 값 선택

채택 기능을 구현할 때 JQuery를 사용한 ${this}를 통해 클릭한 특정 게시판 숫자를 가져와야 하는 경우가 생겼다. 이게 막상 a 태그를 클릭하여 input 태그안에 있는 게시판 숫자를 가져오는 것이기 때문에 처음에는 each문을 돌려서 숫자를 가져오려고 했지만 실패 ^^ 그래서 사용했던 방법은 게시판 숫자를 a태그의 id값에 배정하고 ${this}를 통해서 클릭당한? a태그의 id값을 attr로 가져오는 것. 다행히 이렇게 해결했다. 아래는 해결했던 예시 코드 //채택하기 $(document).on('click', '.selectAnswer', function(e){ alert($(this).attr('id')); }) alert로 일단 화면에 찍어서 해결했다. 정말 짧은 코드지만 경험하지 못했..

  • format_list_bulleted 프로젝트 웹페이지 기술들
  • · 2022. 4. 19.
  • textsms

css disply none, block 상태에 따른 처리

아래의 코드를 쓰면 result값이 boolean으로 주어져서 display 상태에 따른 처리가 가능하다. if($('#likeBox').is(":visible")){} // id likeBox의 display가 block이면 else{} display가 none 이라면

  • format_list_bulleted 프로젝트 웹페이지 기술들
  • · 2022. 4. 18.
  • textsms

input Type number 화살표 제거

간단하게 아래의 CSS를 추가한다. input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

  • format_list_bulleted 프로젝트 웹페이지 기술들
  • · 2022. 4. 14.
  • textsms

스프링기반 페이지 검색기능 만들기

검색기능을 만드는데 핵심적인 포인트는 검색 기능의 form에서 어떻게 데이터를 넘겨주냐가 포인트다. 여기서 나 같은 경우는 JS를 사용해서 데이터를 직렬화(serialize)를 하여 ajax로 넘겨준 후 비동기로 처리하려고 했던게 매우 큰 문제였다. 이런식으로 하면 안되고 form에서 action을 board페이지로 설정한 후에 method방식을 get으로 하여 데이터를 java에서 받아와야 한다. 일단 코드를 보자 1. JSP편 잡다한 코드는 보지말고 아래의 action과 method형식을 보자. method는 get형식, action은 본래 사용하던 보드페이지 url 삽입 그리고 당연히 button의 type은 submit 검색 2. Controller편 get방식으로 받은 데이터, 즉 input의 ..

  • format_list_bulleted 프로젝트 웹페이지 기술들
  • · 2022. 4. 9.
  • textsms

JS 자바스크립트 collapse banner 제작하는 법

HTML 주식뉴스 이번달뉴스 주식뉴스 코인뉴스 주식뉴스 주식뉴스 주식투자복기 주식뉴스 주식뉴스 JS 각 값을 class 별로 받아와서 CSS 스타일 변경 for(var i = 0; i

  • format_list_bulleted 프로젝트 웹페이지 기술들
  • · 2022. 3. 20.
  • textsms
728x90
반응형