분류 전체보기 (총 582개) 썸네일형 리스트형 CSS - CSS를 이용한 html 엘리먼트 위치변경(display, position, float,clear) 1. display css를 이용하여 html의 요소들을 배치하는 방법에 대해 알아보도록 하겠습니다. css 속성들중 html의 요소의 배치, 위치에 영향을 주는 속성은 크게 3가지가 존재합니다. display, position, float입니다. 각각에 대해 알아보겠습니다. 1. displaydisplay가 가질 수 있는 값은 다시 크게 세가지로 나뉩니다. block, inline, inline-block이 그것입니다. 사실 display라는 속성은 기본적으로 html 태그들이 가지고 있는 속성입니다. 각각의 태그들에 따라 가지고 있는 값들이 다른데요, 각각의 값들을 설명드리면서 다시 말씀드리겠습니다. 1.1 blockblock값은 마치 block을 쌓듯이 위에서 아래로 쌓인다고 해서 block 입니다.. CSS -CSS의 선택자 CSS 선택자 x my text is upper! my text is dummy export fore fugiat sint fugiat fore quid tamen nulla velit anim elit quid legam quis irure veniam ipsum quae legam sint esse veniam eram quae sunt export noster quem sint esse quis summis anim dolore fugiat quae ipsum aute multos irure export esse velit culpa nulla sint sunt duis nisi quem fugiat veniam tamen magna elit fugiat nulla dolor legam nisi n.. SpringMVC - Spring MVC 설정 - 3 (ResourceHandler) SpringMVC - Spring MVC 설정 - 3 Spring MVC 설정 3번째 포스팅입니다. 이번시간에는 Resource Handler가 무엇이고, 설정하는 방법에 대해서 알아보겠습니다. 1. Resource Handler란?Resource Handler란 이미지, javascript, css, html 등의 정적인 리소스에 대한 요청을 처리하는 것입니다. 1.1 DefaultServlet 이란?하지만 서블릿 컨테이너(톰캣 , 제티 등)에는 이미 정적인 자원들에 대한 요청을 처리할 수 있는 DefaultServlet이란 것을 제공하고 있습니다. ServletContainer 설정 파일들 중 web.xml을 열어보겠습니다. 위와 같이 default라는 이름으로 DefaultServlet이 이미 등록.. SpringMVC - Spring MVC 설정 - 2 (Formatter) SpringMVC - Spring MVC 설정 - 2 (Formatter) SpringMVC 설정 2번째 포스팅입니다. 이번시간에는 SpringMVC 사용시 자주 설정되는 것들중 하나인 Formatter에 대해서 포스팅하겠습니다. 우선 formatter를 설정하는 방법을 알아보기 이전에 왜 필요하고 어떤것을 도와주는지에 대해 알아보겠습니다. 1.데이터바인딩이란이전 포스팅(https://galid1.tistory.com/519 ) 에서 데이터바인딩에 대해서 알아본적이 있습니다. 다시 한번 말씀드리자면 데이터바인딩이란 사용자의 입력값을 특정 도메인객체에 맵핑하는 것을 일컫는 말입니다. 데이터 바인딩은 사용자가 입력한 값들은 보통 문자열이기 때문에 이것을 숫자, 또는 여러 객체들로 자동으로 맵핑시켜주기 위해 .. JPA - JPA 설정 (H2 설정) JPA 공부 1 자바 ORM 표준 JPA프로그래밍이란 책을 보고 공부를 위해 작성한 글입니다. 이번 포스팅에서는 JPA, H2 설정을 진행하겠습니다. 1. 환경IDEeclipseJAVA 1.8DBh2, JPABuild ToolMaven 2. 프로젝트 생성 Spring MVC 프로젝트를 생성합니다. 3. Maven 의존성 설정의존성 설정을 위해 pom.xml 을 편집합니다. com.h2database h2 1.4.197 test org.hibernate hibernate-entitymanager 4.3.10.Final 태그 안에 위의 의존성을 추가합니다. 4. H2 DB 설정h2 db는 초경량의 db로 인메모리 db도 지원하며 웹 콘솔에서도 사용가능한 db입니다. 테스트 환경에 아주 적합합니다. http.. javascript - 정규표현식 이란? 1. 정규 표현식이란 1. 정규 표현식이란?정규표현식이란 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 검색, 치환, 등 의 작업을 간편하게처리 할 수 있도록 도와주는 수단입니다. (정규 표현식은 특정 언어에 종속되는 의미가 아닙니다.) 어디에 쓰일까 고민해보았을때, 많은 부분에서 사용이 가능하겠지만, 회원가입시, 이메일 형식을 파악할때에도 사용이 가능할 것 같습니다. 서버에서도 검증을 통해 처리가 가능하겠지만, 어차피 사용자가 잘못된 이메일을 입력하여 회원가입 불가능 처리를 하도록 할것이라면, 굳이 서버의 자원을 사용하기 보단 javascript에서 정규표현식을 통해 이메일 형식인지를 확인하도록하여 클라이언트의 자원을 이용하도록 할 수 있을것 같습니다. 2. 정규표현식 패턴다음 링크로 이동하.. SpringBoot - SpringBoot로 웹 개발하기 - 3(게시판 글작성 기능 추가) 이동욱님의 SpringBoot로 웹서비스 출시하기를 보고 공부하기 3번째 포스팅입니다 이동욱님의 SpringBoot로 웹서비스 출시하기를 보고 공부하기 3번째 포스팅입니다. 이번 포스팅에서는 Handlebars template 엔진을 이용해 간단히 main페이지를 만들고, 게시판 작성기능을 구현하도록 하겠습니다. 1. Handlebars로 화면 만들기1.1 의존성 추가build.gradle에 위와 같이 의존성을 추가합니다.(implementation 'pl.allegro.tech.boot:handlebars-spring-boot-starter:0.3.0')*SpringBoot 2.X 버젼을 사용하신다면 handlebars의 version을 0.3.X 를 사용해야 합니다. 1.2 main 페이지 작성이번에.. javascript - 변수 javascript의 변수 javascript의 변수에대해 알아보도록 하겠습니다. 1. 변수선언javascript 에서는 변수선언시 var키워드를 사용합니다. java 와는 다르게 다양한 타입을 var를 이용해 모두 담을 수 있다는 것 입니다. 예시를 보겠습니다. 정수x var a = 1; alert(a);== 결과 == 1위 코드의 실행 결과로는 대화상자에 1이란 값이 담겨 출력됩니다. 실수xxxxxxxxxx var a = 1.0; var b = 1.5; alert(a+b);== 결과 == 2.5 문자열xxxxxxxxxx var a = 'hello '; var b = 'world'; alert(a+b);== 결과 == 'hello world' Booleanxxxxxxxxxx var a = t.. 이전 1 ··· 15 16 17 18 19 20 21 ··· 73 다음
