JSP 파일 명은 소문자로 작성하며 합성어인 경우 _로 이어줌 숫자는 입니다. 스트립틀릿 (실행시키면 화면X 코딩) 표현식 DOCTYPE html> Insert title here 숫자는 입니다. 짝수 홀수 DOCTYPE html> Insert title here 1 2 3

servlet을 만들면 클래스로 만들어지며, HttpServlet 클래스를 상속 받는다. HttpServlet은 웹개발에 필요한 모든 기능이 정의되어 있다. 따라서 웹 개발 기능을 상속 받아 쓸 수 있다. HttpServlet을 상속 받아 만든 클래스를 Servlet이라 함! Servlet을 실행시키면 톰캣이 main 메소드를 자동으로 구동시켜준다. main 메소드가 실행되면 doGet() 메소드나 doPost()메소드 중 하나가 무조건 실행된다. (두개 다 실행 x) 자바는 메인 메소드가 없으면 실행 안되지만, 웹 개발은 W.A.S인 톰킷이 그 기능을 대신하여 실행시켜주는 것. http : 프로토콜의 한 종류 (컴퓨터간의 통신하는 방법 중 하나) 실행된 주소 - http://localhost:8081/..

서버 클라이언트 서버(=웹 서버)에서 날라오는 정보를 읽기 위한 것 > 웹 브라우저 (=웹 클라이언트) 클라이언트는 서버에 요청(=requset)을 하고 서버는 그에 응답(=response)을 함. 무한적인 요청과 응답의 사이클로 이루어짐 위는 HTML에 관한 것 정적이기 때문에 문서와 다름 없음. 이를 보완하기 위해 java나 다른 언어를 통해 웹개발을 함 > (동적인 데이터를 보여주기 위함) 그런데 그 과정에서 웹서버가 그 기능을 해석 (? 다 못 함. 그래서 W.A.S라는 웹 어플리케이션 서버가 기존의 웹서버 기능을 대신함. HTML 언어, 웹 개발 모두 해석 가능함! java에서 동적인 웹 개발을 위해 준 기능?이 servlet, jsp다 servlet : java + html (개발자 입장에서 ..

로그인창 DOCTYPE html> Insert title here .container{ background-color: #f2f2f2; /* div의 너비 줄이기 */ /* 크기 변경 가능하나 한 줄 차지 성질은 그대로 유지!!! */ width : 400px; /* 세로 길이는 내용만큼 자동 넓어짐 */ /* padding : div 기준으로 안 쪽 여백 지정 */ /* padding-left: 30px; */ /* magin : div 기준으로 바깥쪽 여백 지정 */ /* margin-top: 50px; */ /* 그냥 margin 양쪽 방향 모두 조정 가능(가로) */ margin: 0 auto; /* margin : 상하여백 스페이스 좌우여백(오토는 같은 값? 줌) > 가운데 정렬 */ margi..

만들 때 div로 영역 주고 그 안에 내용 만드는 게 쉬움!! 영역을 모를 때 > backgroound-color 속성 주면 보기 쉬움 색 넣을 때 컬러팝 사용해서 RGB 가지고 와서 복사해서 쓰기 가능 background-color: #f2f2f2; 영역에서 여백 주기 /* padding-여백 줄 방향 : 여백 지정 */ div를 기준으로 안쪽 여백을 조정함 padding-left:30px; /* magin : div 기준으로 바깥쪽 여백 지정 */ /* margin-top: 50px; */ /* 그냥 margin 양쪽 방향 모두 조정 가능(가로) */ **div를 기준으로 바깥쪽 여백 조정 : margin margin: 0 auto; /* margin : 상하여백 스페이스 좌우여백(오토는 같은 값? ..

//숫자 야구 게임(위치와 숫자 동일 - 스트라이크, 숫자만 동일 - 볼) //시도한 횟수 출력되어야 함. n >> 입력한 숫자 //후에 n스트라이크n볼 출력되어야 함. package test; import java.util.Scanner; public class Test5_1 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); //0~9까지의 랜덤한 정수가 저장될 배열 생성 int[] baseball = new int[3]; //키보드로 입력한 정수가 저장될 배열 생성 int[] answer = new int[3]; //basesball 배열에 중복없이 랜덤수 저장 for(int i = 0; i < basebal..

html에 작성하지만 CSS 문법임을 인지할 것. CSS 태그 작성 위치는 태그 안 태그 바로 아래 작성 CSS 내용은 style 태그 안에 작성 (이 안에 작성되는 내용들은 CSS 문법임!!!!!!) CSS 주석 : /* */ ctrl + shift + / 디자인을 변경하려면 우선적으로 디자인을 변경할 태그를 선택해야 한다. 즉, 디자인을 변경할 때는 먼저 디자인을 적용할 태그를 선택할 수 있어야 함. 이러한 태그를 선택하는 방법을 선택자라고 한다. (선택을 당하는 태그가 선택자임) ex) h1 태그 글자의 색을 바꿔줄 때 h1이 선택자가 됨. h1{ color: red; } ↑ h1태그를 선택한 것. h1이 선택자임. 선택자는 하나일 수도 있고 여러개일 수도 있다. 태그 자체를 선택하는 것 >> 태그..

DOCTYPE html> Insert title here 운동 독서 A B C 1 2 3 로그인 창 만들어보기 - DOCTYPE html> Insert title here 아이디 비밀번호 회원가입창 만들어보기 데이터 줄 맞추려면 테이블 사용하여 표로 만들어서 하는 것이 좋다. 표 만들 때는 무조건 열/행 다 만들어두고 내용 작업하기! DOCTYPE html> Insert title here -아이디 -비밀번호 -비밀번호 확인 -이름 -성별 여성 남성 -전화번호 02 031 052 -이메일 @ 선택 naver.com daum.net nate.com -자기소개 **tip radio 태그 쓸 때 둘 중 하나 무조건 선택해야 하는 항목임 화면 뜨자마자 하나는 선택되어 있게 할 수 있음 여성 checked를 넣어..

div와 span 태그는 영역을 지정하는 태그 DOCTYPE html> Insert title here div{ background-color: red; } span { background-color: blue; } 안녕하세요 안녕하세요 안녕하세요 파이썬 : div 태그 안에 내용이 적어도 무조건 한 줄 다 차지. 그 다음 내용이 줄을 넘어감. : span 태그의 내용만큼만 영역을 차지.