[프론트엔드][일반] vs code live server 열 때 제대로 작동을 안해요.

 

vs code에서 html을 작성하면서 그 결과를 저장할 때마다 실시간으로 확인하고자 할 때,

 

다음과 같이 live server로 창을 열게 된다.

 

자습을 하려고 파일을 저장하고 live server로 열려고 하니,

 

 

이 화면이 똬앟...

listing directory / ??????????

왠 내 파일들이 뜨는 거지...

 

 

눌러보니 저 화면에서 파일들도 활성화되어 있어서 클릭하면,

저 폴더 안으로 들어가지고, 그 안에 파일도 열어진다.

 

 

 

이유를 알아보니,

 

현재 에디터에 열려있는 파일이 지금 열어놓은 폴더에 없어서였다.

 

내가 현재 열어놓은 작업 폴더는 왼편에 보이는 DAY12_0412_화 라는 폴더인데,

 

나는 에디터에서 새 파일을 만들어 놓고, 자습이라는 폴더에 지금 작업하는 파일을 넣어 

 

열어놓은 폴더와 지금 live server로 열어보려는 파일의 폴더가 일치하지 않기 때문이었다.

 

 

다시 vs code에서 저 파일이 속해 있는 자습 폴더를 지정하여 열고, live server를 작동시키는 제대로 실행된다.

 

 

문제 해결!!