강의 대시보드 환경설정 + 프로젝트 시작하는법 한번에 끝내기
환경설정 + 프로젝트 시작하는법 한번에 끝내기
강의명 : 자바스크립트 : 기초부터 실전까지 올인원
수강 기한 : 무제한
진도율 : 0강/55강 (0%) | 시간 : 0분/531분
나가기
미수강
이전수업
다음수업

다음 강의는 유투브 '코딩알려주는 누나'채널에 올라온 영상입니다

비주얼스튜디오 설치하고 프로젝트 시작해보자!

본격적으로 프로젝트를 시작하기 앞어서 repli.it을 탈출해서 우리도 전문가툴을 사용해봅시다!
👨‍🔬visual studio code 설치 바로가기 :
https://code.visualstudio.com/

 

윈도우 커맨드

  • cd : 위치이동
  • dir: 해당 폴더안에 파일들 보기 (mac인 경우 ls)
  • mkdir: 새 폴더 만들기
  • code : 비쥬얼스튜디오 여는 커맨드

혹시 code가 명령어로 인식이 안된다고 계속 뜨시는 분들은
visual studio code 를 따로 여셔서 code 명령어를 설치를 여러번 해주세요 (그래야 적용이 되는 학생분들이 있떠라고요 경험상 )

 

확장팩

코딩의 질을 향상시키기 위해서 꼭필요한 비주얼 스튜디오 확장팩들입니다!꼭 설치를 해주세요!

 

단축키, 단축 명령어들

ctrl는 mac에서 cmd로 대체된다.

  • index.html에서 html : html 기본 문서 양식을 들고올 수 있음
  • index.html에서 link: link 하고싶은 파일을 들고올 수있음 가장 많이쓰이는게 css 파일링크
  • index.html에서 script:script 태그를 자동세팅해줌
  • main.js에서 clg : console.log()를 가져올 수 있음
  • ctrl + p : 가고싶은 파일로 이동
  • ctrl + shift + p: 실행가능한 명령어들 볼 수 있음
  • ctrl + / : 문장 주석처리. 주석처리한 문장은 컴파일시 건너뛴다. 메모나 노트를 적을때 많이 이용한다.
  • ctrl + s : 문서저장

이 외에도 다양한 단축어가 있지만 다른 단축키는 정말 필요할때 한번씩 찾아보는걸로하자 (지금 백번 단축키 말해도 모른다)

    목차 커뮤니티