WEB (6) 썸네일형 리스트형 RESTFul 서비스란? 안녕하세요 웹분야 구인구직 공고를 보면 RESTFUL 서비스를 사용하는 곳들을 심심치 않게 찾아볼 수 있는데요! 오늘은 RESTFUL 서비스는 무엇인지에 대해서 포스팅하겠습니다. RESTFUL 서비스 서비스 지향 소프트웨어 공학(Service Oriented Software)에서 나온 웹 서비스 아키텍쳐입니다. REST(representational State Transfer)는 클라이언트-서버 구조에서 자원의 표현방식을 기반으로 합니다. 웹에서 자원이란 웹페이지가 될 수도 있고, 비즈니스 프로세스에 이용되는 정보가 될수도 있는데요. 대부분의 자원(resource)은 아래와 같이 패턴화 될 수 있어요. Create - 자원을 생성합니다. Read - 자원을 클라이언트로 전송합니다. Update - 서버의.. JAVA) html TAG 제거하기 HTML 형태로 저장된 데이터를 다른 형태로 변환해야할때 유용합니다. 예를 들면 게시판에서 작성한 글 일부를 섬네일 형태로 출력해줄때 html tag가 기입되어있으면 front 단에서 섬네일 + 데이터 html을 같이 읽어버리거든요. 어떻게 하면 섬네일이 html로 뒤죽박죽 되는걸 피할 수 있을까 고민하다가 만든 자작입니다. ㅎㅎ 혹시 다른 함수 혹은 프론트계열에 기능이 있다면 댓글로 알려주세요! HTML TAG를 제거해주는 함수 public String removeTag(String str){ int iter = -1, s = 0, e = 0; boolean c = false; String rst=""; while(++iter GET 방식을 이용한 Pagination하기 이번 포스팅에서는 게시판을 만들때 사용하는 페이지네이션 기능에 대해서 말씀드리려 합니다! 저만의 방법으로 만든 페이지네이션이므로 표준 페이지네이션에 대해선 책을 참조해주세요! 준비물 page, totalpage, limit 변수 Front 페이지를 다루기 위해서 페이지 출력 이전에 모든 글의 개수를 카운트해줘야하는데요. 만약 DB에 50개의 글이 있고, 10개씩 게시물 리스트를 출력해줘야한다면 모든 페이지 개수는 10개가 됩니다. 그럼 1부터 5번까지 페이지네이션 바를 만들어주면 됩니다! 이런식으로요! javacript의 window.onload프로펄티는 웹페이지가 로드될때 수행됩니다. 여기에 ajax 요청을 보내서 모든 페이지의 개수를 가져올 수 있습니다. 이때 주의사항은 async를 false로 해줘.. Javascript) 소문자 및 숫자만 입력받기 ID를 입력받을때 유용합니다. HTML onkeyup event는 키보드 버튼이 눌렸다가 올라올 때 발생해요. 이때 CheckAlphaNum()을 호출합니다. this 키워드를 이용해 input 태그를 javascript로 전달합니다. 자바스크립트 function checkAlphaNum(param){ var str = param.value; var i = str.length - 1; if((str[i]>='0' && str[i]='a' && str[i] javascript - 사용자가 입력하는 글자 수 세기 안녕하세요~ 댓글 혹은 양식을 입력할때 글자수 제한을 둬야하는 경우가 있습니다 이럴때 유용한 방법입니다. 준비물은 html 문서 한장이구요 먼저 javascript를 적용할 html tag를 작성합니다 span tag에 reCount라는 id 속성을 부여했습니다 innerHTML은 태그의 내용을 갖는 속성(property)입니다 textarea에 onkeyup 이벤트가 작성되어 있는데요. onkeyup 이벤트는 키보드 키를 눌렀다가 떼었을때 발생합니다~ 위 코드는 onkeyup 이벤트에 counter 함수를 연결했기 때문에 키보드 키가 눌렸다가 떼일때 counter 함수를 호출합니다 타이핑을 할 때마다 onkeyup에 등록된 counter 함수가 발생해서 우측 하단의 숫자를 증가시켜줍니다~ JQuery ) Ajax 사용하기 Ajax? Asynchronous Javascript And Xml 의 약자로 웹 페이지 이동없이 화면상의 객체를 다룰 수 있는 기술입니다. 정의는 이런데 저는 주로 페이지 이동 없이 서버와 데이터를 주고받을때 사용합니다 ㅋ ID를 중복체크하려고 페이지가 새로고침되었다면?? 상당히 번거로운일입니다. Ajax를 사용하면 페이지 이동 없이 서버측과 데이터를 주고받을 수 있어요! 아래는 ID 중복체크를 해주는 Ajax입니다 $.ajax({ type:'GET', url:"checkDouble", data :"id="+input_id, async:true, dataType:'json', success : function(data) { if(data['message']=='true') { idCheckResult... 이전 1 다음