웹 에디터와 통합개발환경(IDE) | Notion

🌈 웹 에디터 (편집기)

HTML 문법에 맞추어 편리하게 작성할 수 있도록 도와주는 편집기
문법에 따라 색깔, 들여쓰기 등을 구분할 수 있다.
온라인 웹 에디터 : https://jsbin.com, https://replit.com, https://codepen.io

🌈 통합개발환경 (IDE)

통합 개발 환경(Integrated Development Environment, IDE)
개발을 할 때 필요한 여러가지 툴을 한 프로그램을 통해 사용할 수 있도록 한다.
- 코드를 작성하기 위한 소스코드 편집기
- 작성한 코드를 실행하기 위한 빌더
- 작성한 코드에 문제가 없는지 체크해주는 디버거
- 추가적인 기능을 제공하는 플러그인
Visual Studio Code, Intelli J, Xcode, Eclipse 등

🌈 VScode 단축키

에디터 창 제어

	윈도우	맥
현재 창 닫기	`Ctrl` + `w`	`Cmd` + `w`
닫은 창 다시 열기	`Ctrl` + `Shift` + `t`	`Cmd` + `Shift` + `t`
사이드바 토글	`Ctrl` + `b`	`Cmd` + `b`
사이드바 - 탐색기	`Ctrl` + `Shift` + `e`	`Cmd` + `Shift` + `e`
사이드바 - 전체 검색	`Ctrl` + `Shift` + `f`	`Cmd` + `Shift` + `f`
에디터 확대	`Ctrl` + `+(=)`	`Cmd` + `+(=)`
에디터 축소	`Ctrl` + `-`	`Cmd` + `-`

소스코드 편집

	윈도우	맥
들여쓰기	`Tab` 혹은 `Ctrl` + `]`	`Tab` 혹은 `Cmd` + `]`
내어쓰기	`Shift` + `Tab` 혹은 `Ctrl` + `[`	`Shift` + `Tab` 혹은 `Cmd` + `[`
아래에 행 삽입	`Ctrl` + `Enter`	`Cmd` + `Enter`
위에 행 삽입	`Ctrl` + `Shift` + `Enter`	`Cmd` + `Shift` + `Enter`
현재 행 이동	`Alt` + `⬇️ / ⬆️`	`Opt` + `⬇️ / ⬆️`
현재 행 복사	`Alt` + `Shift` + `⬇️ / ⬆️`	`Opt` + `Shift` + `⬇️ / ⬆️`
현재 행 삭제	`Ctrl` + `Shift` + `k`	`Cmd` + `Shift` + `k`
주석 토글	`Ctrl` + `/`	`Cmd` + `/`