Notice
Recent Posts
Recent Comments
Link
«   2026/04   »
일 월 화 수 목 금 토
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
Tags more
Archives
Today
Total
관리 메뉴

memo6759 님의 블로그

2025-10-31(프론트엔드- HTML 본문

HDC 학습일지

2025-10-31(프론트엔드- HTML

heewon09 2025. 11. 1. 18:10

세션에 대한 개념 토큰으로 분리 

앞으로 한 달간 굉장히 빡빡하고 빡셈..

mqtt통신을 mosquitto라는 서버를 설치해서 사용했음
Servelt + JSP 

자바스크립을 어려움 그걸 극복하기 위해 jquery

 

css가 빠진 모습이다
사용하는 포트가 정해짐 tomcat = 8080
자바를 해석할 수 있는 컨테이너가 포함되어 있음

https://blog.naver.com/heaves1/220833476759

 

Tomcat디렉토리

Tomcat디렉토리 Tomcat이 설치된 디렉토리의 구조를 살펴보도록 하자.   Tomcat은 [Program File...

blog.naver.com

monitor tomcat
body 아래 <h1>heewon ~~~~~~ 안녕 </h1>

 

내 ip로 접속 하면 헤드가 바뀐 걸 확인 할 수 있다

 

포트 이후 위 이미지 경로 폴더 구조로 접속 가능
myhome폴더를 만들어서 WEB-INF 백엔드를 읽을때 필요한 디렉토리 hello.html하나 만들었음

<!DOCTYPE html>
<html>
    <head>
                 <meta charset="UTF-8">
             </head>
    <body>
        <h1>hello~~~~</h1>
             </body>
</html>

접속 가능 한 것을 볼 수 있다

이클립스로 등록하는 방법..

 

이클립스 사용해야 하니까 그 전 작업 끝내기
server로 들어가서
Tomcat을 더블클릭하면 설정 확인 가능
설정
원래 default인데 8005으로 설정해야함
배포명세서

 

아직서버가 인식하는 단계는 아님 webapp는 css,웹요소들을 구성하는곳
메인에서 test.html을 하나 만들었음
자바스크립는 utf으로 잡혀있다
바꼇음
밑에 체크박스 이 서버에서 실행한다는 뜻
서버가 인식하는곳 오른쪽
첫번쨰 체크
실행하면 크롬으로 잡혀있음
ctrl + shift +/

http://192.168.14.56:8088/frontend/html/basic.html
 
구성요소설명
http:// 프로토콜 (웹 통신 방식)
192.168.14.56 서버 IP
:8088 포트 번호
/frontend 컨텍스트 루트 (프로젝트명)
/html/basic.html 실제 리소스 경로

HTML 기본 복습 요약

구분역할
HTML 구조 (콘텐츠 정의)
CSS 표현 (꾸미기)
JavaScript 동작 (인터랙션)

이미지 삽입 예시

  • /로 시작 → 절대경로 (root 기준)
  • ../ → 상위 폴더 이동
  • ./ → 현재 폴더 기준

 하이퍼링크 예시

<a href="https://www.google.com" target="_blank">Google로 이동</a>
<a href="../index.html">상위 폴더의 index.html로 이동</a>

'HDC 학습일지' 카테고리의 다른 글

2025-11-04(CSS  (1) 2025.11.05
2025-11-03(HTML - final)  (0) 2025.11.04
2025-10-20(파이썬 (스레드, pub,sub통합), 자바 (pub,sub 통합))  (0) 2025.10.21
스마트 빌딩 관리 시스템 (미니 프로젝트)  (0) 2025.10.20
2025-10-17 [라즈베리파이 mqtt ,쓰레드(상속,이너클래스)]  (0) 2025.10.19
'HDC 학습일지' Related Articles more