WEB 267

[jsp] 이클립스developer에서 jsp 실행하기

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

WEB/jsp 2020.12.28

[html] 링크 넣기 <a href ="">/ 새창으로 띄우기/ 툴팁

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..

WEB/html,CSS 2020.12.28

[html] 목록태그 / <li> <ul> <ol>

■태그 목록을 나타내고 싶을때는 li태그를 씁니다. 1 2 3 1. html 2. css 3. javascript cs 이렇게 나옵니다. ■태그 이렇게 나오게 하고 싶다면 1 2 3 4 5 6 7 1. html 2. css 3. javascript 하이 안녕 오하요> cs li태그에 br을 붙여서 줄바꿈을 할 수 있습니다. 태그를 써도 같은 결과입니다. 어디까지 한 묶음으로 할 것인지 지정하는 태그입니다. unordered list라고 해서 순서를 정하지 않습니다. 1 2 3 4 5 6 7 8 9 10 1. html 2. css 3. javascript 하이 안녕 오하요 cs ■태그 1. 2. 3. ... 이 무진장 많을때 하나하나 다 쓸 수 없을 것입니다. 그럴때 쓰는것이 태그입니다. 1 2 3 4 5..

WEB/html,CSS 2020.12.28

[html] <head> <body> <html> 태그/ 웹페이지 제목 설정<title>

■ 태그 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 what hello web! 나는 프라푸치노라고 해. 반가워. html css javascript 하이 안녕 오하요 cs 이런 형식으로 쓰면 됩니다. head는 웹페이지를 설명해주는 태그들이 있는 곳이고 body는 본문입니다. html문서라는 것을 명시하기 위해 을 써줍니다. ■ 웹페이지 제목 설정 what 이렇게 쓰면 웹 페이지의 제목이 바뀝니다.

WEB/html,CSS 2020.12.28

[html] vscode에서 html파일 만들고 인터넷에서 열기 / 생활코딩

html을 학습하는 곳 HTML 코딩 실습 환경 준비 - 생활코딩 (opentutorials.org) HTML 코딩 실습 환경 준비 - 생활코딩 --- 기획이 끝났으니 이제는 코딩하기 위한 준비를 해보겠습니다. 코딩을 하기 위해서는 에디터(Editor)라는 프로그램이 필요합니다. 각자의 운영체제에는 이미 에디터가 준비 되어 있습니다. opentutorials.org ■ visual studio code에서 html파일 만들기 생활코딩님은 아톰을 사용하시지만 저는 vs code를 사용하겠습니다. 바탕화면에 빈 폴더를 만들어줍니다. vscode로 가서 file-> open folder을 해주시고 저 부분을 클릭하고 1.html을 만들어봅니다. ■ html파일 열기 인터넷 창에서 컨트롤+o 키를 누르면 파일을..

WEB/html,CSS 2020.12.27

아파치 톰캣 설치하기 Apache Tomcat install/ 환경변수 설정하기

■다운받기 tomcat.apache.org/download-90.cgi Apache Tomcat® - Apache Tomcat 9 Software Downloads Welcome to the Apache Tomcat® 9.x software download page. This page provides download links for obtaining the latest version of Tomcat 9.0.x software, as well as links to the archives of older releases. Unsure which version you need? Specification version tomcat.apache.org 이 페이지에 접속합니다. 톰캣 9.0을 클릭하고 4번째 6..

WEB/jsp 2020.12.27