내가 보려고 만든 블로그

기본적인 radio 박스에서 벗어나 내가 원하는 css를 적용하기 위한 방법이다. input[type=radio]{ background-color: #FFFF; -webkit-appearance: none; -moz-appearance: none; margin-left: 16px; border: 1px solid rgb(216, 216, 216); width: 14px; height: 14px; border-radius: 100%; } input[type=radio]:checked{ background-color: rgb(25, 118, 248); -webkit-appearance: none; -moz-appearance: none; margin-left: 16px; border: none; width:..

$.ajaxSetup({ headers: { 'X-CSRF-TOKEN' : $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ type: , url: , data: , datatype: , success: function(data){ }, error: function(xhr, textStatus, errorThrown){ } }) ajaxSetup을 입력해주지 않으면 오류가 발생하니 오타없이 꼭 작성하자 type: GET, POST, PUT 등 전송하고자하는 전송방식 url: 서버주소 입력 data: 보내고자 하는 데이터 입력 datatype: text, json 등 서버에서 받을때 사용하는 데이터 타입 서버에서는 전송한 Url에 맞는 경로로 con..

input type=text에 적용할 수 있는 placeholder 색이나 기울기 등을 변경하고 싶을때 input::-webkit-input-placeholder { color: rgb(165, 164, 164); } input:-ms-input-placeholder { color: rgb(165, 164, 164); } 를 이용하면 일반 text와 달리 placeholder 만 따로 디자인을 변경할 수있다

페이지마다 똑같지만 제목만 바뀌는 헤더가 다 들어갈 경우 일일히 헤더를 추가해서 값을 변경하는건 굉장히 비효율적! 헤더를 하나만 만들어서 바꾸고 싶은 것만 바꿔서 간편하게 관리하자! html 타이틀을 바꿀수 있다 script 이렇게 jQuery를 이용해서 title이라는 아이디만 찾고 지정을 해주면 쉽게 관리할 수 있다. :)

box-shadow는 선택한 요소에 그림자 효과를 만들어주는 속성! box-shadow: none | x-position y-position blur spread color | inset | initial | inherit none: 그림자 제거 x-position : 가로 위치입니다. 양수면 오른쪽에, 음수면 왼쪽에 그림자가 만들어집니다. (필수) y-position : 세로 위치입니다. 양수면 아래쪽에, 음수면 위쪽에 그림자가 만들어집니다. (필수) blur : 그림자를 흐릿하게 만듭니다. 값이 클 수록 더욱 흐려집니다. spread : 양수면 그림자를 확장하고, 음수면 축소합니다. color : 그림자 색을 정합니다. inset : 그림자를 요소의 안쪽에 만듭니다. initial : 기본값으로 설정..

Eclipse(STS)를 통해 생성하는 'Spring Legacy Project'는 XML기반으로 스프링 관련 설정을 하도록 되어있다. 스프링 3 버전 이후에는 java 클래스 파일을 이요하는 설정을 지원한다. Spring Legacy Project로 프로젝트를 새로 만들고 'org.zerock.controller'로 패키지를 설정한다. 프로젝트에서 다름과 같은 작업을 진행할 예정이다. web.xml의 파일 삭제 및 스프링 관련 파일 삭제 pom.xml의 수정 및 스프링 버전 변경 Java 설정 관련 패키지 생성 1. XML 파일 삭제 'web.xml', 'servlet-content.xml', 'root-context.xml' 파일을 삭제한다. web.xml을 삭제하면 pom.xml에서 에러가 나는데 ..

개발환경 OS : window 10 Dev Tool : eclipse EE 2019-06 jdk : 1.8 Framework : spring boot Build Tool : gradle Server aparch 9.0 1. eclipse 설치 https://www.eclipse.org/downloads/에 접속하여 최신버전을 설치한다. 나는 한단계 낮은 버전을 설치함. 파일이 설치되면 "Eclipse IDE for Enterprise Java Developers"를 선택하여 설치를 진행한다. 2. jdk 설치 jdk 1.8 을 설치한다. https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 3. Spring..

https://maven.apache.org/download.cgi 링크로 가서 "Binary zip archive" 를 설치 다운이 완료되면 원하는 경로에 압축을 해제한뒤 시스템 환경변수에서 시스템변수를 추가해준다. MAVEN_HOME 에서 경로 추가 PATH에서 %MAVEN_HOME%\bin 을 추가한 뒤 cmd로 명령어를 확인하자 mvn --version 명령어를 사용하면 잘 나오는 것을 볼 수있다.

vue.js + spring boot app https://github.com/jonashackt/spring-boot-vuejs https://github.com/boylegu/SpringBoot-vue https://github.com/kucharzyk/vuejs-java-starter https://github.com/jamesjieye/vuejs.spring-boot Spring Boot and Vue.js https://randyyaj.github.io/post/20161129_vue_spring/ Spring Boot 와 Vue.js 연동하여 https://www.gitbook.com/book/c774c9c0d658/springboot-vue-js/details Creating a blog w..

vue를 이용해서 같은 그림 찾기 게임을 구현하였다. 하지만 블로그를 참고하여 javascript와 jquery를 이용하여 구현했다.. 나는 .vue 파일 하나에 모두 작성하여 개발하였다. // .vue파일 html 같은 그림 찾기 게임 게임시작 점수 : 0 게임시작 버튼을 눌러주세요 ready // .vue 파일 script 소스코드 // .vue파일 css 그런데 이대로 하면 $(document).on('click'.. 에서 $().on is not function이라는 오류가 발생한다. 그렇기 때문데 index.html에 jquery를 추가해줘야한다. // index.html 참고 : https://dororongju.tistory.com/103