Gogle 생성! - 1탄 Html와 Css로 구글 클론

 안녕하세요! 오늘은 html과 css를 사용해 간단한 구글 클론 사이트 고글을 만들어 보겠습니다!!얼마전에 Zo코드님의 영상을 보고 구글 클론 사이트를 만들었습니다만, 오랜만에 다시 만들어 봤습니다!그럼 같이 물안경을 만들어 볼까요?

먼저 이번에는 제가 자주 사용하는 코드 에디터의 Visual Studio Code를 써보겠습니다!

Visual Studio Code - Code Editing . Redefined < Visual Studio Code 공식 다운링크

[ VS Code ] Visual Studio C.. : 네이버 블로그(naver.com) <Visual Studio Code 설치 방법 블로그(설치는 위 블로그를 참고하세요!)

설치가 완료된 경우 Visual Studio Code를 실행합니다.

실행화면을 실행시키면 아마 이런 화면이 나오겠지만, 여기서 가장 왼쪽 사이드바에 있는 문서 아이콘을 클릭해 주세요!클릭을 했다면
아마 이렇게 나올 거예요.폴더를 열지 않았습니다만, 여기에서 "Open Folder" 버튼을 누릅니다.그러면 파일 탐색기가 표시될 것입니다.거기서 원하는 이름으로 폴더를 생성합니다.폴더를 작성한 후 해당 폴더를 선택합니다.

그리고 파일을 만들어 줍니다. 이미지를 참고하세요!

이렇게 성공적으로 html파일과 css파일을 만들어주신다면 성공입니다!!

다음 시간에는 본격적으로 html파일과 css를 사용해 고글을 만들어보겠습니다!!

최종 결과가 궁금하신 분은 아래 링크를 클릭해 주세요!) Gogl egogleweb.netlify.com

이 블로그의 인기 게시물

무료 실내놀이터가 있다! 원통 체육문화센터에는

[ The Tunnel ] 곳곳에 숨어 있는 옛날 이야기의 변주

Gmail 수신을 확인하는 with streak