분류 전체보기 (29) 썸네일형 리스트형 세션과 쿠키에 대해 안녕하세요 오늘은 세션과 쿠키에 대해 알아보겠습니다. 개발자라면 너무나 익숙하고 개발자가 아니어도 세션과 쿠키에 대해서 많이 들어보셨을 텐데요 세션과 쿠키를 알아보기 전에 먼저 HTTP의 특징을 알아야 합니다. HTTP의 특징 가장 큰 특징은 Connectionless, stateless인데요. 클라이언트에서 서버로 request를 보내면 해당 서버는 클라이언트로 response를 보낸 다음 서로 독립된 상태를 유지한다는 겁니다. - Connectionless : 클라이언트가 요청을 한 후 응답을 받으면 그 연결을 끊어 버리는 특징 - Stateless : 연결을 끊는 순간 클라이언트와 서버의 통신이 끝나며 상태를 유지하지 않는 특징 바로 이 한계를 보완하기 위해 나온 것이 세션과 쿠키입니다. 공통점 클.. Spring 커넥션 풀 c3p0의 ComboPooledDataSource사용 pom.xml 설정 추가 com.oracle ojdbc6 12.1.0.2 com.mchange c3p0 0.9.5 스프링 설정파일로 구현 자바파일로 어노테이션 사용 @Configuration public class DBConfig { @Bean public ComboPooledDataSource dataSource() throws PropertyVetoException { ComboPooledDataSource dataSource = new ComboPooledDataSource(); dataSource.setDriverClass("oracle.jdbc.driver.OracleDriver"); dataSource.setJdbcUrl("jdbc:orac.. [javascript] 체크박스 전체 체크 및 해제 pure javascript로 전체 체크박스 기능 구현하는 방법을 알려드리겠습니다. 일단 기능은 1. all 체크박스 클릭시 하위 체크박스 체크 및 해제 2. 하위 체크박스 클릭시 전부 체크상태면 all 체크박스 체크 3. 하위 체크박스 클릭시 하나라도 해제 상태면 all 체크박스 해제 html All agree agree1 agree2 javascript function allCheck(e) { // 전체 체크 버튼 클릭시 전체 체크 및 해제 if(e.target.checked) { document.querySelectorAll(".check_all_list").forEach(function(v, i) { v.checked = true; }); } else { document.querySelectorA.. [IOS] safari에서 확대 축소 막기 기존 모바일에서 확대 축소를 막기 위해선 코드만 추가해주기만 하면 정상적으로 작동이 됬습니다. IOS 10 이후 새 기능으로 To improve accessibility on websites in Safari, users can now pinch-to-zoom even when a website sets user-scalable=no in the viewport. 가 추가됨과 동시에 user-scalable=no 만으로는 아이폰 사파리에서 확대 축소가 불가능해졌습니다. 오늘은 css의 touch-action 으로 모바일 확대 축소 막는 방법을 알아보겠습니다. touch-action: pan-y; 를 사용하게 되면 세로 터치는 가능하게 되고 전체 확대는 불가능하게 됩니다. 감사합니다. 모바일웹 홈화면 추가 아이콘 변경 모바일 기기에서 브라우저를 쓰실 때 보면 자주 가는 사이트는 홈화면에 추가해서 사용을 하는데요 이 홈화면에 추가 했을 경우 아이콘 변경하는법을 알려드리겠습니다 head 태그에 추가해주시면 됩니다. 아이폰 안드로이드 권장 이미지 사이즈 아이폰 180 X 180 안드로이드 192 X 192 감사합니다 input type="file" 디자인 파일 첨부 기능을 가진 input type="file" 은 브라우저마다 스타일 다르고 기본적으로 가지고 있는 스타일을 변경하는게 힘듭니다. 그렇기 때문에 기존 input 태그는 숨기고 label 태그의 for 속성을 이용해서 디자인을 할 수 있습니다. 파일 업로드 스타일 변경 html css .file_box{ position:relative; margin-top:30px; font-size:0; } .file_box input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .file_box label { d.. 안드로이드 scroll glow 방지하는 방법 안드로이드폰에서 스크롤 경계를 칠 때 바운스 효과 비활성화 하는 방법 body{ overscroll-behavior-y: none. } 감사합니다 pull to refresh 방지하는 방법 아이폰이나 안드로이드 chrome 의 페이지 상단에서 아래로 스와이프 하면 전체 페이지가 새로고침 되는 현상을 볼 수 있습니다. 이를 방지 하지 위한 css 속성을 소개해 드리겠습니다. overscroll-behavior - 스크롤 영역의 경계에 도달 할 때 발생하는 동작을 제어하는 기능 overscroll-behavior: contain; - 인접한 스크롤 영역에 스크롤 체인을 방지 (바운스 효과 또는 새로고침) 만약 이렇게 했을 경우에도 동작이 되지 않는다면 부모태그의 overflow:hidden;을 주면 됩니다. 감사합니다. 이전 1 2 3 4 다음
