[수업 D-21] HTML) 환경, Tag, Elements, 경로

2020.08.10(월) 5주차 1일

 

가벼운 정리 웹 시작, 8월에 스프링 끝내는 것 목표 
카페 : Html/css: 웹 서버/클라이언트 관련

 

1) 이론시작 
(1)그동안 데이터를 스캐너 등을 통해 받았다면 이젠 웹상에서 데이터를 받고 이를 DB서버로 보내고 싶다. 
(2) 이를 위해선 웹서버(인터넷과 db를 연결하는, (여기선)자바가 설치된 컴퓨터)
가 구축이 되어있어야한다. 
(3) json의 객체를 이용하여 data를 주고 받기 (실시간 데이터는 Json을 많이 이용한다. : 지하철이나 버스 도착시간)
(4) 자료 요청 방식 : get방식, host방식(호스트란 말이 없으면 다 get방식으로 봐도 무방하다.)
(5) 웹서버에서 클라이언트와 연동
request 자료 받기
respinse 자료 보내기 
== (자바에서 jdk컴파일러에서 컴파일해서 class를 만들고, 
클라이언트로 html 형식으로 보내면 된다.)
==  web server(아파치Apache) 와 web application server(WAS)의 차이 
웹서버는 자바를 못 읽는다(?) WAS는 Servlet(웹용 자바->jsp)을 
== tomcat은 클라이언트에서 데이터를 요청할 때(?) 자바를 jdk에 보내주는 것
근데 요즘은 WAS + tomcat 을 합친 프로그램들이 나온다. 
수업은 WAS를 까는 것으로 시작한다. 

---

1. HTML 환경구축

Apache Tomcat(WAS) http://apache.org/ 접속 apache project -> Apache Tomcat : webserver + tomcat 좌측의 다운로드 tomcat 9.0 c:\work 드라이브 work에 풀기 / bin 시스템 속성 환경변수 새로 만들기 (1 ) CATALINA_HOME 변수값 = 경로 (2) 편집 : %CATALINA_HOME%\bin 추가 (3) cmd startup -> http://127.0.0.1:8080/ 로 잘 설치되었는지 확인 (충돌이 일어날경우 path의 자바 bin을 없애주고 막 어 안 부딪히게 하면 됨 ) (4) C:\Work\apache-tomcat-9.0.37\webapps\ROOT 에 good >startup.bat > shutdown.bat (이클립스 실행하기 전에 3) JAVA JS 웹상에서 오류 확인 브라우저는 HTML 해석도구구나 4) 프로펄티스 preference>general>workspace 다이나믹 웹 프로젝트 윈도우 웹브라우저 크롬 개발을 다하고 배포하는 법 : war 만들고 서버 닫고 이클립그 닫기 cmd = service.bat web.sml // 내가 서버에서 바꿔도 클라이언트에서 즉각적으로 반영하는 걸 막음 5) node.js 는 서버도 클라이언트도 자바스크립트로 끝낼 수 있다. node.js 를 기반으로 리액트, 뷰를 쓰고 있다.

 

2. HTML 태그, Elements, 경로지정

(1) 띄어쓰기가 안됨 (2) 반응형 웹 (3) 태그는 태그끼리 포함할 수 있다 . (4) <mime-mapping> <extension>htm</extension> <mime-type>text/html</mime-type> </mime-mapping> <mime-mapping> <extension>html</extension> <mime-type>text/html</mime-type> </mime-mapping> ===================================== 7. 이미지와 링크 web_pro1>web_content>b.html HTML 기본 tag 및 실습자료, CSS와 jS실습자료 image.zip 다운 받고 이클립스에 끌어넣기 web_pro1>web_content>image 8. aaa, bbb, ccc 경로지정 예제 ) b -> ex2 b -> ex3 ex1 -> ex2 ex1 -> ex3

8. aaa, bbb, ccc 경로지정 예제 ) b -> ex2 b -> ex3 ex1 -> ex2 ex1 -> ex3

완성!

---

※ 오늘 배우고 느낀 것 

 

1. 오늘 Eclips 전문가 버전으로 안 깔은 것에 대한 낭패를 보았다. 

사실 이클립스를 다시 깔긴 했는데, 저장공간 어디를 지워야 이전의 이클립스가 깔끔하게 지워지는 지 몰라서 일단은 냅두고 있다. 

(https://mongodev.tistory.com/28 을 통해 해결)

 

2. HTML의 TAG, ELEMENTS에 대해서는 독학으로 잘해야한다고 하신다..... 

 

3. 경로지정을 자유롭게하는 예제들의 연습을 해보았다. 자료체계가 중요하다.