웹개발왕

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

오늘은 저번에 설치한 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..

오늘은 Spring 프레임워크를 이용해서 웹개발을 하기 위해 STS4(Spring Tool Suite 4)를 설치할려고 합니다.저와 같이 웹개발을 하고싶어 하는 누군가에게 조금이라도 도움이 되고자 글을 남겨봅니다참고로 STS4가 아닌 Eclipse나 Intelli J를 이용해도 웹개발은 가능합니다.저는 평소에 STS4를 자주 사용하기 때문에 STS4를 선택했습니다.  STS4 다운로드Spring 공식 사이트에 접속해 자신이 원하는 버전과 개발툴을 선택해 다운로드 받으면됩니다. Spring 공식 사이트 ▼ Spring | Tools spring.io  저는 Spring Tool4 for Eclipse를 다운받을려 했지만 제가 원하는 버전은 4.22.1 입니다.홈페이지에는 4.24.0 밖에 없네요. 아마 제..