1. 패딩, 마진(매우 중요) - 박스 속성은 웹 페이지의 레이아웃을 구성할 때 가장 중요한 속성이다. - margin은 마진의 너비를 지정하는 속성 padding은 패딩의 너비를 지정하는 속성이다. - margin 속성과 padding 속성은 width 속성과 height 속성과 별도로 적용된다. 윤곽 1) 패딩 박스의 가로: width + padding + border = 322px; - 초록색 부분으로 표시된 곳이 패딩 2) 마진 마진: 윤곽 기준으로 바깥 여백 패딩은 겹치지 않지만 마진은 겹칩니다. (즉, 개발자 도구로 열었을 때 위 아래의 간격이 20씩 늘어나는게 아니라 10 중첩 됨.) 상자를 정가운데로 보내고 싶으면 margin: 0 auto; 2. box sizing - width 속성과 ..

1. css 문법과 적용 방법 - CSS는 각각의 스타일 속성에 다양한 값을 입력한다. * CSS 적용방법 1) 외부 스타일 시트 2) 내부 스타일 시트 3) 인라인 시트 외부 스타일 시트 외부 스타일 시트 외부 스타일 시트 2. CSS사용 되는 단위 - CSS3에서 사용하는 크기 단위는 %, em, cm, mm, inch, px이다. % - 부모영역 지정된 크기에 대한 퍼센트 em – 부모영역에 지정된 크기에 대한 배수단위 px – 고정크기 vh – 보여지는 화면크기에 대한 비율 - 파일을 지정할때 위치를 가르키는 URL단위 ex) background-image: url('desert.jpg') 3. 1) 선택자 - HTML 문서 안의 모든 태그를 선택할 때는 전체 선택자를 사용한다. 선택자 선택자 아..

1. visual studio 설치 후 파일이 들어갈 경로를 지정해줌 - setting 변경은 file-preference 들어가서 wheel 검색 - File-preference-settings 검색해서 chrome으로 변경 해줄 것 - hello.html 파일 생성하고 안에 html: 5하고 tap 누르면 html 구조 볼 수 있음 - extension 들어가서 live 검색 후 live server 다운로드 → 안될 때는 두번째 사진 참조해서 다운 받고 다시 설정해보면 가능 - 하면 오른쪽 마우스 클릭 - open with live server 누르면 - 하지만 두번째 사진처럼 정상 동작이 안되면 .vscode 폴더를 생성해서 해당 폴더 안에 settings.json 파일을 생성함 - 단축 키 태그..

1. git 사용하기 - 다운로드 user@DESKTOP-48B2DLF MINGW64 ~/Desktop/ $ git init Initialized empty Git repository in C:/Users/user/Desktop/ user@DESKTOP-48B2DLF MINGW64 ~/Desktop/ $ git status On branch master No commits yet Untracked files: (use "git add ..." to include in what will be committed) ex01.txt nothing added to commit but untracked files present (use "git add" to track) user@DESKTOP-48B2DLF MIN..

1. board에서 쓴 글 확인하는 조회 * boardController else if( command.equals("/board/board_list.board")) { //목록화면 //조회 메서드 - list를 화면으로 가지고 나가야 합니다. ArrayList list= service.getList(request, request); request.setAttribute("list", list); request.getRequestDispatcher("board_list.jsp").forward(request, response); * boardservice ArrayList getList(HttpServletRequest request, HttpServletResponse response); //조회 * ..

1. 게시판 로그인, 로그아웃, 마이페이지 - 로그인 시 헤더부분 login 에서 logout과 mypage로 나오게 설정. * header.jsp My Web Welcome to MyWorld Toggle navigation My First Web HOME Member BOARD LOGIN JOIN LOGOUT MYPAGE - 로그인을 하면 세션에 정보가 저장됨 - 저장된 정보가 있다면 헤더에 logout과 mypage 2. mypage 화면에 로그아웃, 정보수정, 회원탈퇴 기능을 추가 - 회원 데이터를 가지고 나오는 작업의 순서 1) service와 dao에 getInfo()메서드를 선언 2) service에서는 세션에서 아이디를 얻는다 3) dao에서는 id를 전달받아 회원 데이터를 조회하여 vo에..

1. MVC2패턴 - 기본 파일에 있는 내용 header, footer 분리 - index, member, user_join, header, footer, usercontroller, maincontroller coding404 강의가 궁금하다면? 둘러보기 hello world 깜빡하신게 있는것 같아요! 구독과 좋아요 hello World 유의 사항! 1. 모든 자료는 회원 가입 후에 이용하실 수 있습니다. 2. ------------------------------------------------------ 3. ------------------------------------------------------ Profile Actor 한지민 Age 37 화보 My Web Welcome to MyWorl..

1. * 자바빈 (JAVA Bean) - 자바빈이란 JAVA언어의 데이터(변수)와 기능(메서드)으로 이루어진 클래스입니다. - 자바빈은 데이터를 저장하는 변수, 데이터를 읽어오는 메서드(getter), 데이터를 저장할 때 사용되는 메서드(setter)로 이루어져 있습니다. - 자바빈은 데이터베이스와의 반복적인 작업을 효율적으로 처리하기 위해 사용합니다. - JSP에서는 액션태그를 사용하여 자바빈을 사용할 수 있는 방법이 있습니다. 1) 예제(1) - bean_basic, bean_basic_ok, User, bean_basic_result 순서 자바빈 사용하기 아이디: 비밀번호: 이름: 이메일: package com.example.bean; public class User { /* * 자바빈은 form과..