전체 글48 [spring] 스프링 입문 - > 회원 웹 기능 - 등록 이 글은 인프런의 김영한 강사님의 스프링 입문- 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술의 강의 내용을 바탕으로 작성되었습니다. [무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세 www.inflearn.com package hello.hellospring.controller; import hello.hellospring.domain.Member; import hello.hellospring.service.MemberService; import org.sp.. 2023. 10. 19. [퍼블] html 박스를 디자인 하기 위한 CSS-2(margin) CSS에서 박스를 디자인하기 2번째는 margin을 활용하는 것입니다. margin border와 윗부분(외부여백)을 활용하는 것이며 간단한 예제를 작성해 보겠습니다. box1 box2 .box1{ border: 10px solid red; width: 100px; height: 100px; text-align: center; font-size: 50px; } .box2{ border: 10px solid red; width: 100px; height: 100px; text-align: center; font-size: 50px; } margin을 주지 않고 박스 두 개를 출력하면 해당 결과처럼 박스가 마치 붙어있는 것처럼 보입니다. 여기서 margin을 10px을 줘보겠습니다. .box2{ border.. 2023. 10. 18. [퍼블] html 박스를 디자인 하기 위한 CSS-1(padding) html 박스를 디자인하기 위하서는 4가지 CSS 옵션이 필요합니다. width : 넓이 height: 박스의 높이 padding : 텍스트와 border 사이(내부여백) ex) value값 넣는 방법 10px -> 상하좌우 모든 값 적용 10px 20px -> 첫 번째 값은 상하, 두 번째 값은 좌우 10px 20px 30px 40px -> 상 우 하 좌 margin : border와 윗부분(외부여백) 실습) padding에 value 값을 하나만 줬을 경우 .box{ border: 1px solid red; width: 50px; height: 50px; padding: 10px; text-align: center; } padding에 value 값을 두개 줬을 경우 .box{ border: 10px.. 2023. 10. 18. [spring] 스프링 입문 - > 회원 웹 기능 - 홈화면 추가 이 글은 인프런의 김영한 강사님의 스프링 입문- 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술의 강의 내용을 바탕으로 작성되었습니다. [무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세 www.inflearn.com 먼저 홈 화면으로 이동하기 위해 Controller를 작성해보았습니다. package hello.hellospring.controller; import org.springframework.stereotype.Controller; import org... 2023. 10. 17. [퍼블] html 선택자 관련 CSS를 html에 적용하기 위해서는 크게 3가지 방법이 있습니다. 태그 선택자 클래스 선택자 아이디 선택자 아래는 html 태그 및 css 코드입니다. 이것은 태그 선택자 입니다 이것은 클래스 선택자 입니다 이것은 아이디 선택자 입니다 div{ font-size: 20px; font-style: italic; } .test{ font-size: 40px; } #id{ font-size: 30px; font-style: inherit; } 2023. 10. 17. [퍼블] html에서 글꼴 관련 가장 많이 쓰이는 태그 제목 표시 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 문단, 줄 바꿈 안녕하세요 저는 퍼블리싱을 공부하고 있는 초보 개발자입니다 안녕하세요 저는 퍼블리싱을 공부하고 있는 초보 개발자입니다2 문단, 줄 바꿈 안녕하세요 저는 퍼블리싱을 공부하고 있는 초보 개발자입니다 계속해서 html 퍼블리싱 공부를 하며 프론트엔드 개발자가 되고싶습니다. 글자 굵게 표시하기 글자를 b태그를 활용하여 굵게 표시합니다 글자를 strong 태그를 활용하여 굵게 표시합니다 글꼴 기울기, 밑줄, 취소선 표시하기 이것은 em 태그를 활용하여 기울림을 표시합니다 이것은 i태그를 활용하여 기울림을 표시합니다 이것은 u 태그를 활용하여 밑줄을 표시합니다 이것은 s태그를 활용하여 취소선을 표시합니다 이것은 del 태그를.. 2023. 10. 17. 이전 1 ··· 5 6 7 8 다음
