분류 전체보기 (145) 썸네일형 리스트형 Emmet (Zencoding) 정리 2021.06.03 - [📚Study Note/Ajax] - 이클립스에 Emmet(구 Zen coding) 플러그인 설치하는 방법 이클립스에 Emmet(구 Zen coding) 플러그인 설치하는 방법 emmet.io 를 주소창에 입력한다. (지금 자동번역이 되어 있어서 한글로 뜬다) Eclipse/Aptana 를 클릭한다. 그럼 깃허브 페이지로 이동하게 되는데 그곳에서 Installation 이라고 되어있는 부분대로 설치하 chilas-it.tistory.com 이클립스에 Emmet 플러그인을 설치한 이후 사용할 수 있는 Emmet 활용 ⏺ = Ctrl + E 1. 태그선택자 div⏺ → 자동생성 div{abcd}⏺ → abcd a⏺ img⏺ table⏺ 2. 아이디 선택자 div#box⏺ div#box.. 이클립스에 Emmet(구 Zen coding) 플러그인 설치하는 방법 emmet.io 를 주소창에 입력한다. (지금 자동번역이 되어 있어서 한글로 뜬다) Eclipse/Aptana 를 클릭한다. 그럼 깃허브 페이지로 이동하게 되는데 그곳에서 Installation 이라고 되어있는 부분대로 설치하면 된다. 1. Go to Help > Install New Software… in your Eclipse IDE 3. Add http://download.emmet.io/eclipse/updates/ in update sites 3. Check Emmet for Eclipse group in available plugins list, click Next button and follow the installation instructions 4. Restart Eclipse 이제 이클.. [ JSP ] 페이징처리의 한 방법 (그나마 간단하다고는 하지만 처음엔 쉽게 들어오지 않는) 번호 이름 제목 내용 조회수 1 오징어 사탕 사탕은 츄파츕스 30 2 고등어 딸기 딸기가 제철인가? 79 3 문어 핸드폰 공시지원가는 얼마인가 130 처음으로 이전페이지 1 2 3 4 5 6 다음페이지 끝으로 이렇게 게시물이 올라가있는 게시판이 있고 이것들을 페이징처리를 하는 방법이다. 현재 가지고 있는 정보는 1. 한 페이지에 나오는 게시물 번호수 (ex 페이지 당 10개의 게시물) 2. 총 번호수 (총 게시물 수) 3. 현재 내가 선택한 페이지 (내가 보겠다고 선택한 임의의 8 페이지) 4. 총 페이지 수 (총 게시물 수가 60개고 10개씩 보여준다고 하면 10페이지) 5. 해당페이지를 누르면 이동할 페이지 url 총 두 개의 메소드로 구성이 되어 있는 데 첫 번째 메소드는 총 몇 페이지로 이루어져 .. 코딩은 정말 이상한 것 같다. Ctrl + F11 을 어제하면 안되고 오늘하면 된다. 짤 때 : 이 코드는 나와 신만이 안다 컴파일후:이제 신만이 안다 [ JSP & Servlet ] JSP 액션태그 │ <jsp:useBean> │ <jsp:setProperty> 첫 번째 페이지에서 두 피연산자와 연산자를 받아 결과값을 두 번째 페이지에 출력하기 위해서는 우선 Calc 라는 클래스를 만들어뒀는데 주요 속성들이 private 으로 선언되어 있고 getter 와 setter 를 generate 했으며 result() 라는 Calc 클래스의 메소드는 연산 결과 값을 String 으로 반환해준다. ( 예를 들어 "2 + 2 = 4") 이전까지는 이전 페이지로부터 getParameter() 로 값을 받아 그것을 Calc 객체를 생성해서 setter 로 각 변수값을 설정해준 뒤 연산한 결과값을 받았다면 이 액션태그를 통해서 ob 라는 Calc 객체가 생성이 되고 (scope="page" 이 부분?) 위 액션태그를 통해서는 ob 객체의 속성들을 이전 페이지의 name 속성값들.. [ JSP&Servlet] 쿠키 Cookie 설정 및 삭제 ▨ set cookie 스크립릿 영역에서 쿠키 객체를 생성해주고, 쿠키의 유지 기간? 유효 기간? 을 설정해준 뒤 response 객체에 쿠키를 추가한다. Cookie c = new Cookie("cookie_name", "cookie_value"); c.setMaxAge(10); (쿠키는 10초 후 만료) response.addCookie(c); ▨ get cookie 앞선 페이지에서 버튼을 누르면 이동하게 되는 페이지 이곳에서는 request.getCookies(); 를 통해 쿠키 타입의 배열을 반환받는다. 메소드 이름에서도 알 수 있듯이 cookies 이다. 향상된 for 문을 통해서 쿠키 타입 배열에서 쿠키 객체를 하나씩 꺼내어(객체명 c로 한다하면) c.getName() c.getValue() .. [ JSP ] 세션Session 을 활용한 페이지 간 데이터 이동 │ session.setAttribute() │ session.getAttribute() input 태그의 id 속성을 활용하여 이전 페이지로부터 request.getParameter(id); 하는 것은 스코프가 짧아 페이지 간 이동이 잦다면 불편하다. 따라서 세션을 활용한다면 브라우저가 종료되기 이전까지는 데이터가 유지되어 데이터 이동이 용이해진다. ▧ 페이지 1 코드 button 의 onclick 속성에 자바스크립트 함수를 호출하도록 하여 함수 sendIt() 에서는 이름과 생일 입력 칸에 입력된 내용이 없으면 return, 정상적으로 값이 입력이 되었다면 form 을 submit 하도록 하였다. (여기서 form 의 id 속성으로 getElementById 한 것이 아니라 document.forms[0] 으로 0번째 form 의 정보를 불러왔다는 것이 기존과는 다른 방식이다. ) ▧ 페.. [ CSS ] 엔티티이름, 엔티티코드 https://dev.w3.org/html5/html-author/charref Character Entity Reference Chart dev.w3.org 이전 1 2 3 4 5 6 7 ··· 19 다음
