웹브라우저에 내가 만든 웹페이지 띄우는 과정 ( 웹 개발의 출발점? )

이 글의 내용들을 다른사람들이 이해하기에는 적절하지 않을수 있습니다

본인이 공부한것들 주관적으로 복기한 내용입니다. ( 나만 이해하기 편하게 써놨음 ) 

 

sts에서 spring starter project 로 웹브라우저에 내가 만든 화면 띄우기 (기본)

1. sts에서 spring starter project를 적절히 만든다 (spring starter project dependencies에서 spring web을 추가한 프로젝트) 
2. sts 안에 있는 boot dashboard 에서 local에 내가 만든spring starter project가 있음, 이걸 실행시킴

( 아마 서버에 spring starter project를 올려서 돌아가게 하는거 같음 )
3. 만든 spring starter project에서 @Controller 클래스에 있는 @RequestMapping 에서 정해놓은 경로로 웹브라우저에 주소를 입력 ( @RequestMapping에 해당하는 method는 String( or jsp파일 이름)을 리턴하는 method )

4. 웹브라우저가 해당method가 return하는 String( or jsp파일)을 읽어서 보여줌

java enterprise

visual studio code

visual studio code에서 작성한 html파일을 live server라는걸 설치해서 띄우는 경우 ( 저장하는것만으로도 바로 반영됨 )
주소가 http://127.0.0.1:5500/test.html

vscode에서 lives server 설치하면, 확장되는거. 그러면 새로운 기능 사용할수 있게 된다

 

HTML파일

html파일를 웹브라우져(연결프로그램)로 여는경우 
웹브라우저 주소
 file:///C:/Users/HOMEf/OneDrive/%EB%B0%94%ED%83%95%20%ED%99%94%EB%A9%B4/%E3%85%87%E3%85%85%E3%85%87/visual%20studio%20code/test.html

 

test.html
파일형식 : Microsoft Edge HTML Document(.html)
연결프로그램 : Microsoft Edge

더블클릭 하면 edge로 열리는데
연결프로그램을 chrome, 메모장, 기타 등등 으로 열수도 있다

메모장으로 열면 html 코드들이 보인다