뇌 채우기 공간

보호되어 있는 글입니다.

부트스트랩은 css를 별도로 꾸밀 필요없이 이미 만들어진 디자인을 가져다가 쓸 수 있는 라이브러리입니다. 부트스트랩을 사용할 준비를 해보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 Document Colored by Color Scripter cs getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 4.5버전을 선택합니다 css를 복사합니다. 이렇게 style.css 위에 있어야 우리가 만든 css가 변경하고 싶을때 덮어 쓸 수 있습니다. 자바 스크립트 코드 복사합니다. 바디 태그끝나기 바로 위에 넣어준다. 끝!

1 cs onclick이벤트가 발생하면 story.html로 넘어간다.

head 태그안에 이거 쓰면 됨

왼쪽부터 기본- night 버튼 눌렀을때 - day 버튼 눌렀을때의 모습입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 hello my page 안녕하십니까. Colored by Color Scripter cs document.querySelector('body')이 부분은 body태그 전체를 선택한다는 뜻입니다. button을 누르는 이벤트(onclick)이 발생하면 밑에 javascript가 실행됩니다.

2020/12/28 - [jsp] - [jsp] 이클립스에서 servlet 프로그램 만들고 실행해보기 위와 같은 결과지만 다른 방법을 사용하겠습니다. web.xml 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 Welcome to Tomcat Welcome to Tomcat Colored by Color Scripter cs 바뀐 점은 matadata-complete="false" 입니다. 원래는 true였는데 false로 바꿉니다. 그리고 밑에 servlet매핑 정보는 필요없으니 주석처리합니다. Nana.java 1 2 3 4 5 6 7 8 9 10 1..

■ 레포지토리 생성하기 주의할 점은 respository 이름을 파일들이 있는 폴더 명으로 해야됩니다. 저는 web폴더 안에 있는 파일들을 업로드 할 것이기 때문에 web이라고 이름 짓습니다. ■ 파일 업로드 add file을 누르고, 파일들을 선택해줍니다. commit changes를 누릅니다. 세팅에 들어가서 내리다보면 github page가 나오는데 거기서 위와같이 설정해주시고 save를 누르면 다시 들어가면 초록색 부분에 주소가 생성됩니다. 그 주소가 바로 우리 웹페이지를 다른 사람도 볼 수 있도록 만든 것입니다.

■ 브라우저에서 바로 열기 여기서 선택을 해주시면 자기가 선택한 웹 브라우저로 뜹니다. ■ 프로젝트 루트 설정하기 프로젝트 -> 우클릭-> 속성-> Web Project Settings에서 Context root를 /로 바꿉니다. 그리고 서버를 멈추어 줍니다. 아래에 있던 JSPprj를 delete합니다. 그리고 다시 실행합니다. 프로젝트로 안들어가고 바로 NewFile.jsp가 뜹니다. ■ 자바 코드 만들기 Java Resources에 src에 패키지와 클래스를 만들어줍니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 package com.newlecture.web; import java.io.IOException; import java.io.PrintWrit..

이클립스 developer버전에서 jsp 파일을 만들어주겠습니다. 처음에는 dynamic 파일, jsp파일 만드는 것이 없습니다. 먼저 톰캣을 다운받습니다. 이 부분은 다루지 않겠습니다. ■속성추가 먼저 window- preference - server- reuntime environment 에 들어갑니다. add를 누르고 아파치 톰캣을 추가해줍니다. 저는 톰캣 9.0을 깔았으니 9.0을 추가합니다. ■ 서버 만들기 그리고 서버를 만들어줍니다. 서버를 스타트 해줍니다. 옆에 초록색 재생 버튼을 누르면 됩니다. ■ install하기 dynamic web project를 만들기 위해 install new software을 해줍니다. 표시한 것을 클릭하면 이 페이지가 뜨는데 맨 밑에 내려서 web, xml, ..

1 hello web! cs 원하는 글자 이렇게 쓰면 하이퍼 링크가 걸리고 클릭하면 그 페이지로 이동합니다. ■새창으로 띄우기 1 2 hello web! cs 이렇게 target="_blank"를 추가해주시면 됩니다. ■하이퍼링크에 툴팁 만들기 1 2 hello web! cs 이렇게 title을 설정해주면 툴팁이 완성됩니다. ■하이퍼링크로 다른 파일 띄우기 홈페이지를 만들려면 자신이 만든 페이지가 여러개 있고 링크로 이어주어야하잖아요! 그렇게 하는 방법을 해보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 what web! html CSS JavaScript Colored by Color Scripter cs 이렇게 만들어주었고 목록마다 파일을 링크 걸어주었습니다. 1 2 3 4 5..