Button 7

[jsp] jsp (jsp의 스크립트 요소/button/text/for문/request&response)

* jsp : html 사이에 java의 문법 사용이 가능하게 해줌 +window-preferences-emmet - expand~~ 에 jsp 확장자 추가 * JSP의 스크립트 요소 1. 스크립트릿 2. 표현식 3. 선언 - [movie.jsp] : 문자열과 영화 포스터 나열 (for문 활용) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 movie.jsp img { width: 200px; height: 200px; } 영화포스터 Colored by Color Scripter cs - [gugudan.jsp] : 구구단 3단 출력 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21..

web 2023.04.23

[web] Servlet

* Servlet : 웹에서 동작하는 작은 자바 프로그램 1. HttpServlet 상속 2. doGet() override 3. 내가 만든 서블릿을 등록 - req : 사용자의 요청을 객체화 시켜놓은 것 - resp : 서버의 응답을 객체로 만든 것 day1-[HelloServlet.html] IP:통신포트번호/프로젝트명/hello2.html >> hello2.html은 물리적 파일 혹은 서비스의 이름 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 package day1; import java.io.IOException; im..

web 2023.04.23

[jQuery] jQuery 응용

- [jquery13] :nth-child() 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 jquery13.html /* :nth-child() => n번째 자손 : 특정 순서에 있는 요소를 선택할 때 사용하는 선택자 */ /* test라는 클래스의 n번째 자손 */ .test:nth-child(3){ color:blue; } td:nth-child(2){ background-color: red; } $(function(){ ..

HTML 2023.04.23

[HTML] javascript (1)

* JavaScript : 웹 브라우저에서 동작하는 경량 프로그램 언어 > 개발자 도구를 찍어봐야 javascript가 반영된 내용이 보임 - var 변수명 var a = 10; ==> a라는 변수에 10의 값을 대입해 > 자료형은 안써도 됨 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 // 자바 스크립트 : 웹 브라우저에서 동작하는 경량 프로그램 언어 // var 변수명 var a = 10; // a라는 변수에 10의 값을 대입해 > 자료형은 안써도 됨 var b; b = "안녕"; document.write("Hello Javascript : " + a) Colored by Color Scripter cs * 자바스크립트란? script 태그는 다른..

HTML 2023.04.16

[HTML] CSS - div ( block & in-line / position - relative, absolute, fixed / button

* Division : 웹사이트의 레이아웃, 틀을 만들 때 논리적 구분을 위해 사용 > 테이블보다 유용하게 사용 가능! - div는 'block 요소' span, image는 'in-line' 요소 - div 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 css07.html div{ width: 300px; height: 300px; background-color: rgb(255, 137, 157); } #blueDiv{ background-color: rgb(79, 79, 255); } 금요일 BLUE Colored by Color Scripter cs - [응용] 영화 목록 만들기 1 2 3 4 5 6 7 8 9 10 11 12 ..

HTML 2023.04.09

[Java] Window 창 만들기 ( Frame / Button / ActionEvent / ActionListener / FlowLayout )

[ Window 창 만들기 ] * 버튼을 누르면 '클릭됨'이 출력되는 윈도우창 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 package day13; import java.awt.Button; import java.awt.Frame; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; // 윈도우창 : Frame // 350, 350 크기 /// 400, 40..

Java 2023.03.20