HTML, CSS - eclipse /day22 / 23.09.21(목) / (핀테크) Spring 및 Ai 기반 핀테크 프로젝트 구축
VS Code
설치 및 설정
- 설정 파일 생성
단축키
- !+enter
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>코드가 잘 실행 되는지 확인하기 위해서 서버가 필요한데 vs code는 live server 이 있음
우클릭 > open with live server
탐색기 창 단축키 : ctrl + b
Eclipse
enterprize version 사용해야 함
tomcat
서버가 필요함 사용 : tomcat
https://tomcat.apache.org/download-90.cgi
C드라이브에 저장
cmd 관리자권한 실행
- dir : 폴더 목록 보여줌
cd : change directory
-
cd.. : 상위폴더로 이동
-
cd tomcat_9
-- 3글자 tab키 > 자동 완성 -
cd bin
-
startip.bat
-- 오류 시 JDK 환경변수 설정 확인 -
shutdown.bat
-- 기동 종료
cmd sqlplus
-> system 계정 연결
web 참고 폴더 : oracle port 변경.txt
eclipse 설정 wep까지 다 하기
-> 서버설정
클릭
아파치 > tomcat9 > jre 변경
Dynamic Web Project
WebWork
front 관련 파일은 무조건
- webapp 에 생성
- html 파일 생성
실행
로컬호스트 선택 후 finish
브라우저 변경법
window - Web Browser
Fintech