신입개발자를 희망하는 오시리엔

DOCTYPE html> 메뉴 만들기 /* 메뉴는 계층형 구조를 가지는 가장 대표적인 도구 list tag를 이용하여 구현(ol, ul, li) 1차메뉴 - 2차메뉴 - 3차메뉴 - 3차메뉴 - 2차메뉴 - 3차메뉴 - 3차메뉴 - 3차메뉴 - 2차메뉴 1차메뉴 - 2차메뉴 - 3차메뉴 - 3차메뉴 - 2차메뉴 - 3차메뉴 - 3차메뉴 - 3차메뉴 - 2차메뉴 ul.menu - li - a - ul - li - a - li - a - li - a - li - a - ul - li - a - li - a - li - a */ /* 디자인 초기화 */ ul.menu, ul.menu ul { list-style: none; margin: 0px; padding: 0px; } ul.menu a { color: ..

Font Awesome Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers cdnjs offers a large collection ..

DOCTYPE html> 아이콘 사용하기 /* 글자 색상과 관련된 클래스 - 아이콘에도 사용 가능 */ .red { color: #d63031; } .blue { color:#0984e3; } .yellow { color:#fdcb6e; } .green { color:#00b894; } .gray { color:#b2bec3; } .black { color:#2d3436; } .white { color:#FFF; } 아이콘 예제 원래 용도는 italic 글자체 작성1

DOCTYPE html> css의 주요속성 /* h1,input과 같은 코드를 선택자(selector)라고 한다. 디자인을 적용할 대상을 지정하는 역할을 한다. 주요속성 - color : 글자 색상 - background-* : 배경 속성(이미지, 색상) - font-* : 글꼴 속성 - padding-* : 내부 여백 속성 - margin-* : 외부 여백 속성 - px 또는 em 사용 가능 - em은 글자에 비례한 크기 - border-* : 테두리 속성 */ h1{ color: brown; background-color: blanchedalmond; font-size: 50px; padding: 0.5em; } input{ font-family: 빙그레 메로나체,sans-serif; font-siz..

CREATE TABLE client ( client_id varchar2(20)primary key, client_password varchar2(16)NOT NULL, client_nickname varchar2(30) unique NOT NULL, client_grade varchar2(9) NOT NULL check(client_grade in ('일반','우수','관리자','VIP')), client_join date default sysdate NOT NULL, client_point number default 0 NOT NULL check(client_point >= 0) ); DROP table client ; CREATE TABLE item ( item_no number primary ke..

@Data @NoArgsConstructor public class TestDto { String clientId, clientPassword,clientNickname,clientGrade; Date clientJoin; int clientPoint; String itemName; int itemNo,itemPrice; Date itemRegist; String basketUser; int basketNo, basketItem,basketQty; Date basketTime; } public class testClientMapper implements RowMapper { @Override public TestDto mapRow(ResultSet rs, int rowNum) throws SQLExcep..

DOCTYPE html> 스타일 태그 사용 body{background-color: cornflowerblue; } h1{color: blueviolet;} H2{color: beige; font-style: italic;} 스타일 태그를 사용하면 외부에서 특정 태그를 선택하여 디자인을 부여할수 있습니다.

DOCTYPE html> 인라인 스타일 인라인 스타일이란? 태그 마다 style속성을 만들어서 디자인 코드를 작성하는 것을 말함

package com.kh1.springhome.interceptor; import javax.security.sasl.AuthenticationException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Component; import org.springframework.web.servlet.HandlerInterceptor; imp..

//등록(새글 or 답글) //-board_parent라는 항목에 유무에 따라 새글과 답글을 구분하여 처리 @GetMapping("/write") public String write(HttpSession session, Model model, @RequestParam(required = false) Integer board_parent) { //답글이라면 원본글정보를 화면에 전달 if(board_parent != null) { BoardDto orginDto = boardDao.detail(board_parent); model.addAttribute("orginDto",orginDto); model.addAttribute("isReply",true); } else { model.addAttribute("..