프롤로그_커서 AI가 열어가는 새로운 일의 미래
_창의적 게으름을 추구하는 분들께
1장 슈퍼개인의 시대, 커서 AI가 열어갈 세상
커서 AI, 새로운 메타 도구의 등장
AI는 도구를 만드는 방식 자체를 바꾼다 | AI 시대, 모두가 개발자가 된다 | 프롬프트 엔지니어링이 뜬다 | 슈퍼개인의 시대, 솔로 프리너가 뜬다 | 우리에게 펼쳐질 미래
커서 AI로 실제로 제작한 것들
회사 홈페이지 리뉴얼, 단 1일 만에 완성 | 서비스 리뉴얼, 단 3시간 만에 완료 | 회사 관리 프로그램, 단 5일 만에 제작 | 게임 제작 <네오서울 2092> | 나만의 챗GPT, SuhGPT까지!
AI 코딩, 어디까지 가능할까?
커서 AI가 나오기까지 | AI 코딩 시대, 아직도 사람이 코드를 직접 짜니?
커서 AI, 무엇이 다른가?
코드 작성에 특화된 AI 도구, 깃허브 코파일럿 | AI 코딩 에이전트, 레플릿 | 웹페이지 디자인에 강한 웹심 | 커서 AI, 프로그래밍의 미래를 바꾼다 | 커서 AI, 무엇이 다를까? | 8세 아이가 커서 AI로 프로그램을 뚝딱! | 커서 AI의 모델과 유료/무료 플랜
[TIP] 커서 AI 팀의 다른 행보: 에디터(편집기)와 VS 코드
2장 커서 AI 워밍업 _K-팝 소개 사이트
커서 AI로 초보자도 웹서비스를 뚝딱!
꼭 알아야 할 최소한의 웹사이트 기초상식
커서 AI 준비하기
커서 AI 설치하기 | 프로젝트 폴더와 파일 만들기
커서 AI 한눈에 보기
AI 사이드바 열기 | 커서에서 꼭 알아야 할 4가지 영역 | 커서의 3가지 모드
K-팝 소개 사이트 만들기
프레임워크와 라이브러리 사용하기
<TIP> 다양한 프레임워크, 라이브러리 실습 파일 사용법
AI로 디자인 스타일 한 번에 적용하기
AI로 애니메이션 효과 주기
AI로 최신 정보 확충하기
최신 정보 추가하기 | 위키백과 정보 가져오기
[TIP] 커서가 멀쩡한 섹션을 날려먹었다면
AI로 사이트의 메뉴와 하위 페이지를 한 방에!
AI에게 사이트 영역의 이름을 명확하게 주려면 | 내비게이션 바 만들기 | 메뉴에 링크 페이지 추가하기
[TIP] 에이전트 모드 잘 쓰는 법
[TIP] 웹페이지의 한글 글자가 깨진다면
K-팝 소개 사이트 서버로 업로드하기
웹호스팅 서비스로 웹서버 만들기 | FTP-미니로 내 컴퓨터와 웹서버 동기화하기 | FTP-미니로 웹페이지 업로드하기
[TIP] 웹서버 공간 깔끔하게 관리하기
[TIP] 커서에서 AI 모델 영리하게 바꾸는 법
3장 온라인 명함, 제품 소개 랜딩 페이지, 투 두 리스트, 설문조사 폼 만들기
커서와 톡톡, 멋진 개인 온라인 명함이 뚝딱
프레임워크로 온라인 명함 디자인 쉽게 하기 | 온라인 명함의 약력, 소개글 수정하기 | 온라인 명함에 비디오 섹션 만들기 | 화면 전환 기능 넣기 | 온라인 명함에 영상 삽입하기 | 온라인 명함의 메뉴 바꾸기 | 북스, 커리어, 학력 섹션 추가 | 프로젝, 트 연락 섹션 만들기 | 온라인 명함에 앵커 링크 넣기 | 온라인 명함에 메일 전송기능 넣기
[TIP] 구글 맵에서 좌표 알아내는 법
핵심만 쏙쏙, 제품 소개 랜딩 페이지
랜딩 페이지를 위한 준비운동 | 랜딩 페이지, 히어로 섹션 만들기 | 푸터 영역 다듬기 | 메뉴에 연결된 페이지 만들기 | 영문 페이지를 한 방에! | 랜딩 페이지 디자인 다듬기
[TIP] 이미지 자리를 둥글게 만들려면
[TIP] 커서가 맥락을 더 잘 알아듣게 하는 법
[TIP] 내 웹페이지의 파비콘 지정하는 법
디스플레이 크기에 반응하는 웹페이지
햄버거 메뉴 만들기 | 모바일과 데스크톱의 문구를 다르게! | 독립된 파일로 삽입하기
[TIP] 공통 기능 누락 페이지와 오류 해결하기
오늘의 할 일, 투 두 리스트(To do List) 만들기
투 두 리스트를 내 컴퓨터에 저장하는 방식 | 투 두 리스트 제작을 위한 준비작업 | 투 두 리스트 디자인하기 | 오늘 날짜 표시하기 | 일정 기록 및 캘린더 삽입하기
[TIP] 텍스트 입력란 및 선택 버튼, 체크박스 자료 보기