처음 배우는 AI 코드 에디터, 커서를 한 권으로 정복하자!

설치부터 웹사이트 제작, AI 챗봇 개발, 협업까지 - 커서를 완벽하게 익히는 첫걸음

코딩도 처음, 개발 툴도 처음인 비전공자가 커서를 완전히 처음부터 배울 수 있는 단계별 매뉴얼이다. 600개 그림과 따라 하기 쉬운 설명으로 설치, 기본 설정, 나만의 설정, 테마 변경, 확장 기능 활용 등 커서의 기본기를 확실하게 익힐 수 있다.

커서의 AI 챗을 이용해 포트폴리오 웹사이트 제작, 챗봇 제작까지 단계별로 따라 하면서 AI가 코딩을 어떻게 돕는지 자연스럽게 익힌다. 깃 버전 관리와 깃허브 협업까지 다뤄 실제 개발 환경에 필요한 실무 감각도 경험할 수 있다.

[목 차]

1장 커서 사용해 보기

__1.1 코딩 효율을 높이는 커서

__1.2 커서 설치하기

__1.3 초기 설정하기

__1.4 커서의 화면 구성

__1.5 상태 표시줄에서 파일 설정을 변경하기

__1.6 코딩을 지원하는 커서 고유의 기능

 

2장 기본 파일 편집하기

__2.1 폴더와 파일을 열어 편집하기

__2.2 작업 영역으로 여러 폴더를 열어 보기

__2.3 텍스트 편집에 유용한 필수 테크닉

__2.4 마크다운 파일 편집하기

__2.5 찾기·바꾸기 제대로 활용하기

__2.6 커서의 기본 AI 기능

 

3장 설정과 커스터마이징 살펴보기

__3.1 커서에서 무엇을 할 수 있는지 검색하기

__3.2 커서를 취향에 맞게 커스터마이징하기

__3.3 작업 영역별로 설정을 전환하기

__3.4 JSON 파일을 이용한 고급 설정

__3.5 자주 쓰는 작업에 단축키 할당하기

__3.6 확장 기능 설치하기

__3.6 확장 기능 관리하기

 

4장 웹사이트 제작하기

__4.1 개발 중인 웹 페이지 손쉽게 확인하기

__4.2 AI로 기본 틀 만들어 보기

__4.3 AI로 완성도 높이기

__4.4 AI로 점검하기

__4.5 HTML과 CSS 편집에 유용한 기본 기능

__4.6 코드 정렬하기

__4.7 CSS와 HTML을 자유롭게 오가며 작업하기

__4.8 편집기에서 이미지 미리 보기

__4.9 코드 입력에 유용한 기능

 

5장 AI 챗봇 개발하기

__5.1 AI로 앱의 기본 틀 만들기

__5.2 AI로 앱의 완성도 높이기

__5.3 디버깅해 보기

__5.4 디버깅 내용을 자세히 확인하기

__5.5 코드 자동 완성 기능 설정하기

__5.6 스니펫을 더욱 편리하게 활용하기

__5.7 파일 간 정의와 참조를 자유롭게 이동하기

__5.8 코드 개선을 위한 테크닉

__5.9 AI에 소스 코드 설명을 요청하기

__5.10 README 생성을 요청하기

 

6장 커서에서 깃 사용해 보기

__6.1 버전 관리 시스템 깃 알아보기

__6.2 깃을 사용해 보기

__6.3 로컬 리포지터리 생성하기

__6.4 로컬 리포지터리에서 작업하기

__6.5 로컬 리포지터리를 깃허브에 공개하기

__6.6 원격 리포지터리를 그대로 복제하기

__6.7 충돌을 해결하기

__6.8 분기로 커밋 이력을 분기하기

__6.9 풀 리퀘스트로 분기를 병합하기

__6.10 깃렌즈 확장 기능으로 깃 활용도 높이기