본문 바로가기

웹 프로그래밍96

background-size background에 이미지를 넣어서 사용할 때, cover containa만 써서 사용했는데 중앙 정렬을 맞추기 힘들었다. 그럴땐 background: url("/static/img/landing_front.png") no-repeat center center/contain; 로 맞추었다. 2019. 7. 25.
Date Time Picker https://flatpickr.js.org/ flatpickr Introduction Introduction flatpickr is a lightweight and powerful datetime picker. Lean, UX-driven, and extensible, yet it doesn’t depend on any libraries. There’s minimal UI but many themes. Rich, exposed APIs and event system make it suitable for any env flatpickr.js.org 웹, 안드로이드, 아이폰 모두 작동하며 IE9에서도 지원되는 아주 좋은 library다. 하지만 아이폰에서는 mindate같은 옵션을 추가하면 더블클릭으로만 .. 2019. 7. 15.
새로고침 및 뒤로가기 시 폼 유지 이벤트 window.onbeforeunload = function(e) { return false; }; 새로고침이나 뒤로가기로 인해 작성한 내용이 없어질 수 있을때 쓸 수 있다. 2019. 7. 4.
[CSS]여러 개의 버튼을 가운데 정렬하는 방법 CSS를 사용하여 여러 개의 버튼을 가운데 정렬하는 방법은 다양한 방식으로 구현할 수 있습니다. 여기서는 가장 간단하고 널리 사용되는 두 가지 방법을 설명하겠습니다. 1. Flexbox를 이용한 가운데 정렬: Flexbox는 요소들을 효율적으로 정렬하고 배치하기 위한 CSS 레이아웃 모델입니다. 버튼들을 가로 방향으로 배치하고 그 부모 컨테이너를 가운데 정렬하여 구현할 수 있습니다. HTML: 버튼1 버튼2 버튼3 CSS: .button-container { display: flex; justify-content: center; } CSS Grid를 이용한 가운데 정렬: CSS Grid는 요소들을 그리드(행과 열)로 배치하기 위한 CSS 레이아웃 모델입니다. 여러 개의 버튼을 그리드로 배치하고 부모 컨테.. 2019. 7. 4.
[JAVA] bean 생성 문제 Error creating bean with name 'com.kh.myapp.RbbsTest': Unsatisfied dependency expressed through field 'rbbsdao'; nested exception is org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type 'com.kh.myapp.bbs.dao.RbbsDAO' available: expected at least 1 bean which qualifies as autowire candidate. Dependency annotations: {@org.springframework.beans.factory.annotat.. 2018. 6. 19.
Spring Security [Spring Security]Spring Security는 ACEGI 보안으로부터 시작. .ACEGI는 강력한 보안 프레임워크의 하나 = 단점 : 많은 양의 XML 설정 코드가 필요. .ACEGI는 스프링 2.0부터 Spring Security로 이름 변경. = 보안 설정에 필요한 수백줄의 코드를 간소화 했음. 스프링 3.0에서 Spring Security는 보안 설정을 한번 더 간소화 시켰음. [보안이란?]Authentication ---> Authorization 인 증 권한부여 [인증의 종류] 1. 크리덴셜 (Credential:자격) 기반 인증: 일반적으로 웹에서 사용하는 대부분의 인증방식은 크리덴셜 기반의 인증방식을 사용한다. 권한을 부여받기 위해 1차례의 인증과정을 거친 후에 사용자명과 비밀.. 2018. 6. 11.
MDB navigation 공백 처리법 일때, footer의 위에 공백이 생긴다. mt-4를 지우면 공백이 사라진다. 2018. 6. 4.
JSP 문법 지시자(DIRECTIVE): : 페이지 속성 [지시자의 3가지 종류] 1. PAGE 지시자 -INFO: 페이지를 설명해주는 문자열 예) -language : jsp 페이지에서 사용할 언어를 지정 예) ** JSP 페이지가 자동으로 임포트하는 패키지 - javax.servlet - javax.servlet.jsp - javax.servlet.http - session: httpSession 속성의 사용여부를 지정 예) - buffer : jsp 페이지의 출력 크기를 kb단위로 지정하는 속성, 기본값 8kb - autoFlush : 기본값은 true이고, 버퍼가 다 찼을 경우 자동적으로 버퍼를 비우는 속성 - isThreadSafe : 여러개의 요청을 처리할지 여부를.. 2018. 4. 24.
JSP Scope 영역에 대한 정의 1. page (기본값) : 현재 페이지의 범위에만 한정, 페이지 처리가 끝나면 유효하지 않다.pageContext 내장객체를 통해 접근할 수 있는 영역 2. request : request의 생명주기는 요청을 받고 요청처리를 완료하는 시점.따라서 빈의 scope는 request의 생명주기와 같다.forward 또는 include 방식을 이용하는 경우 여러 페이지에서도 요청정보가 계속 유지됨. 3. session : 세션의 생명주기는 설정된 유효시간이다. 따라서 빈의 스코프는 세션의 유효시간동안이다.또는 session.invalidate()을 사용하여 세션 반환1개의 client 브라우저 내에 1개의 session만 생성됨. 4. application : 웹사이트가 실행되는 동안의 생명주기를 가짐. 2018. 4. 24.

티스토리툴바