웹개발왕

안녕하세요. 오늘은 CSS에서 :root를 사용해서 변수 지정하는 방법을 알아보겠습니다. 혹시 밑에 사진처럼 CSS로 색상 지정 할 때 똑같은 값을 여러개 지정한적 있으신가요? 이런식으로 지정하면 값을 수정 할 때 일일이 수정 해야하기 때문에 너무 번거롭습니다.변수를 선언해서 값을 지정하면 변수값만 수정하면 되기 때문에 훨씬 간단하게 수정이 가능합니다.   :root 변수 선언하기  변수 선언하는 방법은 간단합니다.하이픈(--) 2개를 쓴 다음 변수 이름과 변수 값을 적으면 되는데요.:root { /* Color */ --test-color: #ff0000; /* Size */ --test-size: 10px; } 위 코드처럼 색상뿐만 아니라 사이즈 값도 선언 할 수 있습니다.    :root 변수 ..

안녕하세요. 오늘은 zxing을 이용해서 QR 코드 색상 바꾸는 방법을 알아보겠습니다. QR 코드 생성하는 방법을 아직 모르신다면 이전 포스팅 참고해주세요. ▼ [QR.G] JAVA로 QR 코드 생성하는 웹페이지 만들기안녕하세요. 오늘은 QR 코드 생성 웹페이지인 'QR.G'를 만들기 위한 첫단계인 사용자가 입력한 URL 주소로 QR 코드 생성하는 방법을 알아보겠습니다. JAVA로 QR 코드를 방법은 여러가지 있지만 저는 'web-developer1.tistory.com  QR 코드 색상 지정하기  zxing으로 QR 코드 색상 지정하는 방법은 간단합니다.이전 포스팅에 Controller 소스 부분에서 색상 코드를 추가하면 되는데요.소스는 아래와 같습니다.@GetMapping(value = "/qr/ge..

안녕하세요. 오늘은 JavaScript 라이브러리인 Color Picker(Coloris) 적용하는 방법을 알아보겠습니다.  Coloris 적용하기우선 Coloris 깃허브 페이지에 접속해서 js와 css 파일을 다운받습니다. Release v0.24.0 · mdbassit/ColorisAccept an HTMLElement or an array of HTMLElements for the el option (#139) Accept an HTMLElement for the parent option (#139) Make right-click on the saturation-brightness area behave identically t...github.com  또는 적용하려는 페이지에 cdn 태그를 사용합..

오늘은 저번에 설치한 STS4를 이용해 웹화면을 띄우기 위한 Spring Starter 프로젝트 생성하는 방법을 알아보겠습니다.아직 STS4를 설치 못하셨다면 저번 포스팅을 참고해서 설치해주세요. ▼ [Spring] STS4 설치하기오늘은 Spring 프레임워크를 이용해서 웹개발을 하기 위해 STS4(Spring Tool Suite 4)를 설치할려고 합니다.저와 같이 웹개발을 하고싶어 하는 누군가에게 조금이라도 도움이 되고자 글을 남겨봅니다참web-developer1.tistory.com  Spring Starter 프로젝트 생성하기 STS4를 실행하면 왼쪽에 'Package Exploer'라는 메뉴가 있는데요.그 중 'Create a project'를 클릭합니다.  만약 다른 프로젝트를 생성해서 'Cr..