오랜만에 프로젝트를 열어서 몇가지 테스트를 해보려고 했는데...갑자기 라이브서버 실행 버튼이 보이지 않았다. 보통 비쥬얼스튜디오코드 오른쪽 아래에 Go Live 로 표시된 버튼으로 실행을 시켰었는데,버튼이 보이질 않아서 순간 당황... 보통 이렇게 오른쪽 아래에 Go Live 버튼을 이용해 서버를 열고 닫았는데.. 이렇게 눈을 씻고 찾아봐도 없는것이였다.......뭐지???????????그래서 혹시 내가 삭제를 했나 싶어 마켓에 들러보았는데, 정상적으로 설치되어서 사용중이라고 표시가 되어있었다.??????? 이렇게 Enable 라고 버튼이 활성화 되어있으면 안쓰는거고 위처럼 Disable 면 현재 사용중인건데...분명 Disable 로 현재 사용중인건데 ...괜히 더 복잡해져서 이곳 저곳 찾아서 해..
웹페이지를 메모장과 텍스트 편집기를 통해 직접 만들어 봤다면,이번에는 정말 편리한 도움을 주는 편집기를 이용해서 웹페이지를 만들어 보자. 가장 대중적으로 많이 사용되고 있는 비주얼스튜디오코드(Visual Studio Code)를 활용할 예정이다.VScode 설치가 안되어 있다면 아래를 보고 설치를 먼저 하자. *윈도우버전 윈도우 환경에서 Visual Studio Code 설치하기개발업무를 접하게 되거나 본격적으로 개발을 하게 되면 편집기를 필수적으로 사용하게 된다.또한 개발을 하지 않더라도 요즘은 개인 쇼핑몰을 하거나 사업하는 많은 소상공인들이 본인들의vellod.tistory.com* 맥버전 맥 환경에서 Visual Studio Code 설치하기많은 개발자들이 맥환경에서 일하기도 하고,또 더 많은 사람..
꼭 개발자가 아니더라도 간단한 웹페이지를 만들게 되면 우리는 코드를 작성하고 수정하는 일을 반복하게 된다.그럼 그때마다 캐시 제거도 하고 새로고침을 하는 등 많은 귀찮은 작업들을 직접 해야 되는 일이 생긴다. 하지만 VScode(비주얼스튜디오코드)에 Live Server 라는 확장 프로그램을 설치하게 되면 이 고민이 쉽게 해결된다.파일 수정을 하고 저장을 하면 자동으로 실시간 반영을 해주기 때문에 작업 효율이 굉장히 좋아지게 된다. 그렇기에 VScode 를 사용하면 꼭 설치하게 되는 플러그인 Live Server 를 설치해보자. 그리고 간단하게 사용법도 알아보자.1. Live Server 설치하기우선 VScode 를 실행하면 첫 화면이 이렇게 나올 것이다.왼쪽에 보이는 빨간 박스로 표시된 모양을 누르면 ..
많은 개발자들이 맥환경에서 일하기도 하고,또 더 많은 사람들이 가벼운 노트북으로 맥북시리즈를 많이 사용하기에맥환경에서의 설치를 알아보자. 1. Visual Studio Code 다운로드 Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.code.visual..
개발업무를 접하게 되거나 본격적으로 개발을 하게 되면 편집기를 필수적으로 사용하게 된다.또한 개발을 하지 않더라도 요즘은 개인 쇼핑몰을 하거나 사업하는 많은 소상공인들이 본인들의 페이지나 홍보목적 랜딩페이지를 접하기 때문에 간편하게 해당 내용을 볼 수 있는 편집기가 있으면 좋다. 그 중 VsCode라고 불리우는 가장 보편적이고 간편한 Visual Studio Code 설치를 윈도우 환경에 맞게 해보자. 1. Visual Studio Code 다운로드 Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows...
- Total
- Today
- Yesterday
- TAG
- height
- Dom
- 반복문
- javascript
- 함수
- 자바스크립트
- object
- HTML
- 조건문
- 태그
- z-index
- node
- 화살표함수
- 웹페이지
- 변수
- for
- array
- 배열
- zindex
- function
- js
- 깃허브
- 깃헙
- CSS
- width
- position
- 비주얼스튜디오코드
- vsCode
- github
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |