TOMCAT 활용 HTML 공유 경로에 HTML 파일 저장 C:\Program Files\Apache Software Foundation\Tomcat 9.0 IP 주소, TOMCAT 포트번호, 파일명으로 주소 만들기 http://IP주소:포트번호/main.html 같은 네트워크 상, 방화벽 해제 했을 때 다른 컴퓨터에서 접속 가능 예시 참고 - NSLOOKUP 웹페이지 IP 따기 cmd의 nslookup 기능 활용 hosts 파일에서 변경 C:\Windows\System32\drivers\etc\hosts host 파일 내에 웹페이지 ip 주소, 원하는 도메인 주소 작성 ex ) 223.130.195.95 aaaa.test.com 도메인 주소로 접속해보기 aaa.test.com
자바스크립트로 뭘할까 웹요소 제어 웹 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게할 수 있음 웹 사이트 UI 부분에 많이 활용 예) 마우스 포인터를 올렸을 때 펼쳐지는 메뉴한 화면에서 탭을 눌러 내용만 바뀌도록 하는 콘텐츠 웹 애플리케이션을 만듭니다 최근의 웹 사이트는 사용자와 실시갂으로 정보를 주고 받으며 애플리케이션처럼 동작 예) 온라인 지도의 길찾기 서비스, 데이터 시각화 서비스, 공개된 API를 활용한 다양한 서비스 다양한 라이브러리를 사용할 수 있습니다 웹을 중심으로 하는 서비스가 늘어나면서 브라우저에서 처리해야 할 일이 늘어남 라이브러리와 프레임워크가 계속 등장 예) 시각화를 위한 d3.js, 머싞러닝을 위한 tensorflow.js DOM 조작을 위한 jQuery 등 예) 웹 애..
1. CSS와 박스모델 박스모델 실제 콘텐츠 영역, 패딩, 박스의 테두리, 그리고 마진 등의 요소로 구성됨 블록 레벨 요소 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소 요소의 너비가 100% 예) div, p 등 인라인 레벨 요소 줄을 차지하지 않는 요소 화면에 표시되는 콘텐츠만큼 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있음 예) img, strong 등 width, height 속성 실제 콘텐츠 영역의 크기 지정 display 속성 요소의 배치 방법 결정 : 사용할 수 있는 속성 값이 아주 많다 블록 레벨 요소, 인라인 레벨 요소를 바꿀 때 사용하는 속성 값 block : 인라인 레벨 요소를 블록 레벨 요소로 바꿉니다. inline : 블록 레벨 요소를 인라인 레벨 요소로 만듭니다. i..
서버 VS 클라이언트 클라이언트 사용자가 웹 사이트에 접근할 때 사용하는 기기 (좁은 의미) 웹 브라우저 서버 인터넷에 연결된 컴퓨터 웹 요소와 여러 정보가 저장됨 HTTP 프로토콜 웹개발의 기본 HTML 웹문서의 뼈대를 만드는 HTML / 명령어 내 스타일을 내포하는 구조를 가짐 웹 브라우저 창에 웹 문서의 내용을 보여주기 위한 약속 HTML에서 약속한 표기법을 사용해서 문서 작성해야함 CSS 웹문서를 꾸미는 CSS 웹 문서를 꾸미거나 웹 요소를 적절하게 배치하는 방법 다양하게 디바이스에 맞는 반응형 웹 디자인을 만들기 위해 필수적으로 학습해야 함 JAVA SCRIPT 사용자 동작에 반응해서 동적인 효과를 만들기 위한 기술 자바스크립트를 알고 있다면 새로운 프레임워크를 배우기 쉬움 HTML은 구조, C..
