개린이 개발노트

http://mybatis.org/dtd/mybatis-3-config.dtd" >

CSS ::before ::after 태그들 태그::before 해당 태그는 부모가 되고 before,after를 이용한것은 -> 자식이 됨 (인라인요소) 인라인 크기조절못함-> 내용에 맞춰서 크기가 결정 블럭이나 인라인블럭-> 기본 너비는 100%(부모에 따라 달라보일 수 있음) display:flex 시맨틱 태그(semantic) 기능은 없는데 의미는 있음 기능있음-h1,a,ing 기능없음- div,span -> -> -> MDN Web Docs (mozilla.org) MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sit..

포지션(Position) absolute fixed sticky 호버(hover) 예시 .loginWrap2 div a:hover { background-color: #03C75a; color: white; } 네비게이션 바 예시 (navigation) 네비게이션 바 만들기 HTML CSS JAVA JSP JavaScript .nav { list-style: none; } /* 아래 처럼 전체로 잡는것 보다 아래 두 번째 방법 처럼 구체적으로 하는게 좋다. a { text-decoration: none; } */ .nav li a { text-decoration: none; } .nav li { float: left; text-align: center; width: 10%; } 최상단으로 가는 법 hre..

이미지 넣는 태그 사용해서 이미지 넣는법↓

INDEX란? 홈페이지 처음 들어가면 나오는 메인 화면을 보통 INDEX라고 부른다. Hello HTML 여기는 body 태그입니다. 는 단락을 나눠주는 태그 여기는 p태그 body에 있는 p태그 줄바꿈 태그 asd asdadasddadas asdasdasdasdasdasdas asdadasddadas asdasdasdasdasdasdas 태그 (태그 안의 내용을 있는 그대로 보여주는태그) 안녕하세요. 반갑습니다. 오늘 배울 내용은 무엇 무엇 입니다~ 끝! 종료 태그 (보통 제목을 쓸 때 사용) 브라우저를 통해서 예를 들어서 '바지'를 검색할때 태그에 있는 메타데이터에서 검색엔진에 우선순위는 제목태그인 이 제일 우선으로 노출되어 요소에 맞게끔 코드를 구축해줘야 된다. h1태그 h2태그 h2태그 h2태그 ..

구글에 maven repository검색 Maven repsitroy 에서 org.mybatis 검색 ↓ 3.28 선택 후 복사 ↓ 붙여넣기 ↓ maven repo 에서 mybatis spring 검색 후 아래에서 mybatis Spring 선택 mybatis 1.2.2 선택 복사붙여넣기 ↓

스프링폼컨트롤러 package com.jth.exercise.test.controller; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import com.jth.exercise.test.vo.OrderRequest; /** * 스프링 폼 태그 * @author 김상훈 */ @Controller public class SpringFormController { private static fin..

박스사이징 box1 box2 #container { border: 1px solid black ; width: 300px; height: 300px; } .box1 { border: 10px solid red; width: 100px; } .box2 { border: 25px solid blue; width: 100px; } div { margin: 5px; padding: 5px; } 위 처럼 코드를 짜면 마진과 패딩을 맞춰도 길이가 달리짐 그래서 box-sizing 사용 #container { border: 1px solid black ; width: 300px; height: 300px; } .box1 { border: 10px solid red; width: 100px; box-sizing: bo..

국비지원 JAVA에 관심있으신 분이나 교육과정 어떤 걸 선택해야할 지 고민이라 들어오신분은 댓글 남겨주시면 제가 아는 한 상세히 설명드리겠습니다! CSS 인라인 스타일 시트 Hello CSS -> 태그 안에 직접넣는 방식 내부 스타일시트 p{ color: red; } 스타일태그를 추가시키는 방법 위차가 중요 css는 헤드 쪽에 입 직접 css 만들기 .css h3{ text-align: center; color: pink; background-color: antiquewhite; } Hello CSS CSS연습 이것저것 스타일 적용해보기 선택자(제일 중요!) 내가 원하는대로 정확하게 스타일 적용 타입 선택자: 직접 태그명을 써서 적용 전체 선택자: 모든 것을 동일 하게 적용 시킬떄 (*) 클래스선택자: ..

html5 -> 웹페이지 뼈대구축 웹 표준 유효성 검사 크로스 브라우징이란 사용자가 사용을 하는 브라우저가 다양하게 많은데 IE,크롬,엣지,파이어폭스,사파리,브레이브(brave) 등 어떤 브라우저에서도 안깨지게끔 확인하는 것 http 우리가만든 html을 전송하기 위한 프로토콜 Tab 사이즈 2칸으로 설정 Vs Code 다운로드 후 live Server 확장 프로그램 다운로드 !쓰고 엔터를 누르면 기본 구조가 나타난다. DOCTYPE html> -> 우리가 작성하는 것이 html5다 대부분은 로 시작해서 (lang="en"는 언어표시, 보통 ->"ko"로 바뀜) 로 끝남 끝나는태그에는 표시 전세계 언어를 지원해줌 버전표시 웹과 모바일의 크기가 달라서 최소한의 스케일을 설정 initial-scale=1.0..