매일 2강의씩 듣는 웹개발 인터넷 강의 부담이 되지 않아 작심삼일째까지 잘 왔다!오늘은 새로운 에디터를 사용해보는 날이라서 조금 더 집중해서 강의를 들어봤어요~!!HTML & CSS 첫걸음 / 개요 05.VS code 설치 및 설정먼저 VS Code를 사용하기 위해 홈페이지에서 사용하고 있는 운영체제에 맞게 다운로드하여 설치하는 방법에 대한 설명을 들었습니다.저는 윈도우를 사용하고 있어서 윈도우용 VS Code 설치파일을 다운받았어요! ++아래 VS Code 설치페이지를 남겨뒀어요 ㅁㅁㅎ~Visual Studio 코드 – 코드 편집. 재정의된 Visual Studio Code는 최신 웹 애플리케이션과 클라우드 애플리케이션 구축 및 디버깅을 위해 재정의되고 최적화된 코드 에디터입니다. Visual Studio Code는 무료이며 Linux, macOS 및 Windows.code.visual studio가 좋아하는 플랫폼에서 이용할 수 있습니다.콤Visual Studio 코드 – 코드 편집. 재정의된 Visual Studio Code는 최신 웹 애플리케이션과 클라우드 애플리케이션 구축 및 디버깅을 위해 재정의되고 최적화된 코드 에디터입니다. Visual Studio Code는 무료이며 Linux, macOS 및 Windows.code.visual studio가 좋아하는 플랫폼에서 이용할 수 있습니다.콤에디터를 다운로드하고 실행했을 때의 초기 화면입니다.아무것도 설정되어 있지 않지만 기존에 사용하던 브래킷 에디터와 비슷한 것을 느꼈습니다.(만나서 반가워!)에디터 인터페이스에 대해 설명해주셨는데 오늘은 A, B, E 정도만 말씀해주셨어요!위 화면만 봐도 복잡한게 많은데 잘되시죠?!?!HTML & CSS 첫걸음 / 개요06.VS code한글패치에디터를 사용하면 확장 기능을 활용하게 됩니다. 첫 번째 설치 버전에서는 제공되지 않는 다양한 확장 기능을 외부에서 다운로드 받아 사용할 수 있습니다.확장 기능의 예로는 영어 버전 에디터를 한글 버전으로 변경할 수 있는 기능이 있습니다.아래부터 같이 보시죠!다양한 확장 기능에 대한 설명확장 기능은 외부에서도 다운로드 할 수 있지만 대부분의 에디터 자체에서 확장 기능을 검색하여 사용할 수 있습니다.확장기능 설치방법→확장기능이 적용된 화면의 첫 번째 설정은 영어로 서비스되었지만 영어서비스에서는 아무래도 한국어로 되어 있는 것보다 도구 제약이나 단어 선택에 어려움이 있지 않을까요?!(한글 만세~) 그래서 첫 번째 확장기능 설치는 언어 변경 기능이었습니다.한글화한 에디터는 사용 편의성이 더 좋겠죠!! ++ Tip, 확장 기능을 설치하여 적용할 수 없는 경우 에디터 종료 후 재부팅하시면 적용됩니다!! ++ 확장 기능은 에디터 개발자가 제공하지만 개인 개발자가 확장 기능을 제작하여 공유하는 경우가 있다.에디터 사용률, 보편성이 높을 경우 확장 기능이 많다프로그램을 실행하기 위해 폴더가 필요합니다.폴더 1개를 작성한 후 폴더 내에 파일을 작성하면 준비 완료!*파일생성, 저장단축키 -ctrl+N = 새파일작성 -ctrl+S = 파일저장 *매번 폴더를 찾아 선택하기 귀찮을 때 필요한 최단경로! 파일->최근 항목 열기->패스선택코딩을 시작하기 전에 먼저 HTML을 작성해야 하는데 아직 아무것도 모르지만 실행해보라고 하신 선생님 ㅎㅎ 그리고 단축키를 알려주셨어요~ 천사**HTML 만들기 단축키 – ! + enter- ! + tab 다음 강의는 추가 확장 기능에 대해 배워볼게요!본격 코딩이 얼마 남지 않았네요~ 오늘 느낀점 웹개발 인터넷 강의 3일차새 에디터 사용이라 걱정했는데 기존에 쓰던 에디터와 비슷한 점도 있고 선생님이 잘 가르쳐주셔서 주저없이 다운로드, 설치부터 실행하는 것까지 순조롭게 시작했어!흐흐 오늘 3일째인데 또 작심삼일로 해보는게 게으름뱅이~~오늘부터 듀얼스크린 사용! 눈이 휘뚜루마뚜루~이 강의의 자세한 커리큘럼은 아래 링크에서 보실 수 있습니다.HTML/CSS, 자바스크립트 올인원 패키지 Online.|패스트 캠퍼스 걷기로 시작하여 반응형 웹페이지를 직접 구현하여 프론트 엔드의 기초를 정복합니다.bit.lyHTML/CSS, 자바스크립트 올인원 패키지 Online.|패스트 캠퍼스 걷기로 시작하여 반응형 웹페이지를 직접 구현하여 프론트 엔드의 기초를 정복합니다.bit.lyHTML/CSS, 자바스크립트 올인원 패키지 Online.|패스트 캠퍼스 걷기로 시작하여 반응형 웹페이지를 직접 구현하여 프론트 엔드의 기초를 정복합니다.bit.ly
