PROJECT 1. 나의 첫 웹페이지 만들고 캡처하기(Ch01 01-2)

image.png

Ch01 01-1 & 01-2 확인 문제 풀기(절 마지막 부분)

Ch01-1 확인문제

  1. 다음은 바이브 코딩 도구의 유형입니다. 빈칸에 알맞은 도구 이름을 넣어 보세요.
구분 설명 대표 도구
웹 기반 챗봇 설치 없이 웹에서 바로 사용할 수 있는 방식, 복사-붙여넣기 필요 챗GPT, 클로드
모델 선택형 여러 언어 모델 중에서 선택해 쓸 수 있는 방식, 이중 비용 부담 가능성 있음 커서(Cursor), 리플릿(replit), 윈드서프(Windsurf)
전용 모델형 특정 언어 모델을 설치해 사용하는 방식, 로컬 파일 직접 접근 가능 클로드 코드(Claude Code), 제미나이 CLI(Gemini CLI)
  1. 다음 설명을 보고 알맞은 개념(용어)을 쓰세요.
    1. 사람과 대화하듯 아이디어를 설명하면 AI가 코드를 제시하고, 사용자가 검토·수정하며 완성하는 새로운 개발 방식 → ( 바이브 코딩 )
    2. 프로그래밍 과정에서 질문에 답하고 코드를 함께 작성해 주는 가상 파트너 → ( AI 어시스턴트 )
    3. 렌터카처럼 여러 LLM을 고를 수 있는 AI 코딩 도구 → ( 모델 선택형 도구 )
    4. 자가용처럼 특정 모델을 설치해 깊이 사용하는 AI 코딩 도구 → ( 전용 모델형 도구 )

Ch01-2 확인문제

  1. AI 어시스턴트의 발전 과정을 올바르게 나열한 것을 고르세요. ( b )

    1. 딥러닝 → 뉴럴 넷 → 트랜스포머 → LLM
    2. 뉴럴 넷 → 딥러닝 → 트랜스포머 → LLM
    3. 트랜스포머 → 딥러닝 → 뉴럴 넷 → LLM
    4. LLM → 트랜스포머 → 딥러닝 → 뉴럴 넷

  2. 클로드 코드와 같은 CLI 모델의 특징으로 옳지 않은 것을 고르세요. ( d )

    1. 로컬 파일 시스템에 직접 접근이 가능하다.
    2. 프로젝트 전체를 통합적으로 관리할 수 있다.
    3. 터미널 명령어를 사용해 작업한다.
    4. 도구 사용료와 AI 모델 비용을 모두 지불한다.

  3. 클로드에서 코드나 문서를 생성할 때 사용하는 특별한 작업 공간으로 옳은 것을 고르세요. ( b )

    1. 프롬프트(Prompt)
    2. 아티팩트(Artifacts)
    3. 터미널(Terminal)
    4. CLI(Command Line Interface)

  4. 웹페이지를 만든 후 다른 사람과 공유하기 위해 [ 게시 ] 버튼을 클릭해야 합니다.

  5. 이미 게시된 웹페이지를 수정하려면 [ Customize ] 버튼을 클릭해야 합니다.

후기

웹 기반 챗봇인 클로드와 ChatGPT를 사용해서 소스코드 한 줄도 쓰지않고 자연어만 사용하여 첫 웹페이지를 만들었습니다.

날씨, 한국 IT 뉴스의 경우 클로드에서 CSP로 차단됐다고 해서, 무료 호스팅으로 github에 추가하는 방법을 안내 받아서 추가했습니다.