# Claude API를 활용한 진로상담 챗봇 만들기

안녕하세요! 이번 포스트에서는 Claude API를 활용하여 진로상담 챗봇을 만드는 과정을 아주 상세하게 설명해드리려고 합니다. 취업과 진로에 대한 고민이 많은 학생들을 위해, AI 기술을 활용한 상담 서비스를 직접 구현해보는 프로젝트입니다.

## 1. 개발 환경 설정 (Prerequisites)

### Python 설치

- Python 3.8 이상 버전을 설치합니다.
- 설치 시 "Add Python to PATH" 옵션을 반드시 체크해주세요.
- 설치 완료 후 터미널에서 `python --version` 명령어로 정상 설치를 확인합니다.

### 가상환경 설정

```bash
# 가상환경 생성
python -m venv venv

# 가상환경 활성화 (Windows)
venv\Scripts\activate

# 가상환경 활성화 (Mac/Linux)
source venv/bin/activate
```

### 필요한 라이브러리 설치

```bash
# Conda를 사용한 라이브러리 설치
conda install flask
conda install -c conda-forge anthropic
conda install python-dotenv
conda install -c conda-forge flask-sqlalchemy
```

이후 requirements.txt 파일을 생성하여 의존성을 관리합니다:

```
Flask==2.0.1
anthropic==0.3.0
python-dotenv==0.19.0
Flask-SQLAlchemy==2.5.1
```

## 2. Claude API 설정하기

![API 설정](/images/api설정.png)

### API 키 발급 과정

1. Anthropic 공식 웹사이트(https://anthropic.com)에 접속합니다.
2. 회원가입 후 로그인을 진행합니다.
3. Console 또는 Dashboard에서 API 섹션으로 이동합니다.
4. "Create New API Key" 버튼을 클릭하여 새로운 API 키를 생성합니다.
5. 생성된 API 키를 안전한 곳에 보관합니다.

### 환경변수 설정

프로젝트 루트 디렉토리에 `.env` 파일을 생성하고 다음과 같이 작성합니다:

```
ANTHROPIC_API_KEY=your_api_key_here
FLASK_ENV=development
FLASK_APP=run.py
```

## 3. 프로젝트 구조 설정

### 디렉토리 구조 상세 설명

```
project/
├── app/
│   ├── __init__.py         # Flask 애플리케이션 초기화
│   ├── templates/          # HTML 템플릿 파일들
│   │   ├── index.html     # 메인 페이지
│   │   ├── chat.html      # 채팅 인터페이스
│   │   └── base.html      # 기본 템플릿
│   ├── static/            # 정적 파일들
│   │   ├── css/          # 스타일시트
│   │   └── js/           # 자바스크립트 파일들
│   └── utils.py          # 유틸리티 함수들
├── config.py              # 설정 파일
├── requirements.txt       # 의존성 목록
└── run.py                # 애플리케이션 실행 파일
```

### 주요 파일 설정

#### config.py

```python
import os
from dotenv import load_dotenv

load_dotenv()

class Config:
    SECRET_KEY = os.urandom(24)
    ANTHROPIC_API_KEY = os.getenv('ANTHROPIC_API_KEY')
```

#### app/**init**.py

```python
from flask import Flask
from config import Config

def create_app():
    app = Flask(__name__)
    app.config.from_object(Config)

    from app.routes import main
    app.register_blueprint(main)

    return app
```

## 4. 웹 인터페이스 구현

### 메인 페이지 구현

![첫 번째 페이지](/images/첫번째.png)

메인 페이지는 사용자 친화적인 인터페이스를 제공합니다. Bootstrap을 활용하여 반응형 디자인을 구현했으며, 다음과 같은 요소들을 포함합니다:

- 환영 메시지와 서비스 소개
- 채팅 시작 버튼
- 사용 가이드
- 최근 상담 내역 (로그인 시)

### 채팅 인터페이스

![두 번째 페이지](/images/9번째.png)

채팅 인터페이스는 다음과 같은 특징을 가집니다:

1. 실시간 메시지 표시
2. 사용자/AI 응답 구분을 위한 다른 스타일 적용
3. 입력창과 전송 버튼
4. 대화 내역 자동 스크롤
5. 로딩 인디케이터

### HTML/CSS 구현

```html

<div class="chat-container">
  <div class="chat-messages" id="messageArea">
    
  </div>
  <div class="input-area">
    <input type="text" id="userInput" placeholder="질문을 입력하세요..." />
    <button onclick="sendMessage()">전송</button>
  </div>
</div>
```

## 5. Claude API 연동

### API 호출 구현

```python
# app/utils.py
import anthropic

def get_claude_response(message):
    client = anthropic.Client(api_key=os.getenv('ANTHROPIC_API_KEY'))

    try:
        response = client.messages.create(
            model="claude-3-opus-20240229",
            max_tokens=1000,
            messages=[{
                "role": "user",
                "content": message
            }]
        )
        return response.content[0].text
    except Exception as e:
        return f"Error: {str(e)}"
```

### 프롬프트 설계

진로 상담에 특화된 프롬프트를 다음과 같이 체계적으로 설계했습니다:

```python
def engineer_prompt(user_info, user_message):
    system_prompt = """당신은 전문적인 고등학생 진로 상담 AI입니다.

상담 시 고려해야 할 핵심 영역:

1. 학업 역량 분석
- 교과목별 성취도와 선호도 파악
- 학습 스타일과 학업 태도 분석
- 교과 외 학습 활동 및 자기주도학습 능력
- 특정 분야에 대한 심화학습 경험

2. 적성 및 흥미 분석
- MBTI 성격유형과 직업 적합성
- 취미와 관심사의 진로 연계 가능성
- 동아리 활동과 교내외 활동 경험
- 봉사활동과 사회참여 경험

3. 진로 탐색 및 설계
- 희망 직업군에 대한 상세 정보 제공
- 필요한 역량과 자격요건 안내
- 관련 학과 및 커리큘럼 소개
- 진학 전략 및 준비 방법 제시

4. 역량 개발 계획
- 학업 성취도 향상을 위한 학습 전략
- 필요한 자격증 및 스펙 준비 계획
- 외국어 및 컴퓨터 활용능력 향상 방안
- 독서 및 교양 함양 방법

5. 심리적 지원
- 학업 스트레스 관리 방안
- 진로 불안 해소를 위한 조언
- 자신감과 동기부여 강화
- 긍정적 자아상 형성 지원

6. 미래 전망 분석
- 관심 분야의 산업 동향
- 미래 유망 직종 정보
- 기술 발전에 따른 직업 변화
- 사회 변화와 진로 적응력

7. 실천적 행동 계획
- 단기 목표(6개월-1년)
- 중기 목표(1-3년)
- 장기 목표(3-5년)
- 구체적 실천 방안과 타임라인"""

    user_context = f"""
# 학생 기본 정보
- 이름: {user_info['name']}
- 나이: {user_info['age']}
- 학년: {user_info['grade']}
- 계열: {user_info['academic_track']}

# 학업 현황
- 학업 성취도: {user_info['academic_performance']}
- 좋아하는 과목: {user_info['favorite_subject']}
- 싫어하는 과목: {user_info['disliked_subject']}
- 학습 스타일: {user_info.get('learning_style', '정보 없음')}

# 진로 탐색
- 관심사: {user_info['interests']}
- 희망 진로: {user_info['career_interests']}
- 장래 희망: {user_info['future_job']}
- 롤모델: {user_info['role_model']}"""

    return system_prompt + "\n\n" + user_context + "\n\n학생 메시지: " + user_message
```

#### 프롬프트 구성 요소 설명

1. **시스템 프롬프트 (System Prompt)**

   - AI의 역할 정의: 전문적인 고등학생 진로 상담가
   - 상담 영역 구체화: 7개 핵심 영역 설정
   - 상담 방식 가이드라인 제시

2. **사용자 정보 컨텍스트 (User Context)**

   - 기본 정보: 이름, 나이, 학년, 계열
   - 학업 현황: 성취도, 선호 과목
   - 진로 관련 정보: 관심사, 희망 진로, 롤모델

3. **상담 원칙**

   - 개별화된 접근: 학생별 맞춤형 상담
   - 현실적 조언: 실현 가능한 목표 설정
   - 동기부여: 긍정적 피드백과 격려
   - 전문성: 최신 정보와 데이터 기반
   - 윤리적 고려: 편견 없는 상담

4. **응답 구조화**

   ```html
   <h2>종합 분석</h2>
   [학생의 특성과 상황에 대한 전문적 분석]

   <h2>진로 적합성 평가</h2>
   [희망 진로와 현재 역량의 일치도 분석]

   <h2>맞춤형 발전 계획</h2>
   [단계별 목표와 실천 계획]

   <h2>추천 자료</h2>
   [맞춤형 학습 자료 및 활동 추천]
   ```

#### 프롬프트 최적화 전략

1. **맥락 강화**

   - 학생 정보의 체계적 구조화
   - 관련 정보간 연계성 강조
   - 시간적 흐름을 고려한 정보 배치

2. **응답 품질 향상**

   - 구체적인 가이드라인 제시
   - 체계적인 응답 구조 설정
   - 실행 가능한 조언 강조

3. **개인화 강화**

   - MBTI 성격유형 활용
   - 학습 스타일 고려
   - 개인별 강점과 약점 분석

4. **실용성 확보**
   - 구체적 행동 계획 수립
   - 시간대별 목표 설정
   - 실천 가능한 단계 제시

## 6. 데이터베이스 연동

### SQLAlchemy 모델 정의

```python
from app import db

class ChatHistory(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    user_message = db.Column(db.Text, nullable=False)
    ai_response = db.Column(db.Text, nullable=False)
    timestamp = db.Column(db.DateTime, default=datetime.utcnow)
```

### 대화 내역 저장 및 조회 기능

```python
def save_chat(user_message, ai_response):
    chat = ChatHistory(
        user_message=user_message,
        ai_response=ai_response
    )
    db.session.add(chat)
    db.session.commit()
```

## 7. 보안 및 에러 처리

### API 키 보안

- 환경 변수 사용
- .gitignore 파일에 .env 추가
- 프로덕션 환경에서의 보안 설정

### 에러 핸들링

```python
@app.errorhandler(500)
def internal_error(error):
    return jsonify({
        'error': 'Internal server error',
        'message': str(error)
    }), 500
```

## 8. 배포 준비

### 프로덕션 설정

```python
# config.py
class ProductionConfig(Config):
    DEBUG = False
    # 프로덕션 데이터베이스 설정
    SQLALCHEMY_DATABASE_URI = os.getenv('DATABASE_URL')
```

### 서버 실행

```bash
gunicorn run:app
```

## 마무리

이렇게 해서 Claude API를 활용한 진로상담 챗봇의 전체적인 구현 과정을 살펴보았습니다. 이 프로젝트를 통해 다음과 같은 기술들을 학습할 수 있었습니다:

1. Flask 웹 프레임워크 활용
2. API 연동 및 비동기 처리
3. 데이터베이스 설계 및 구현
4. 프론트엔드 인터페이스 구현
5. 보안 및 에러 처리

더 나은 서비스를 위한 향후 개선 방향:

- 사용자 인증 시스템 추가
- 상담 내역 분석 및 리포트 기능
- 다국어 지원
- 음성 인터페이스 추가
- 모바일 앱 버전 개발

전체 소스 코드는 [깃허브](https://github.com/Sungblab/ai_career_advisor)에서 확인하실 수 있습니다.

<div
  style={{
    position: "relative",
    paddingBottom: "56.25%",
    height: 0,
    overflow: "hidden",
    maxWidth: "100%",
    marginTop: "2rem",
  }}
>
  <iframe
    style={{
      position: "absolute",
      top: 0,
      left: 0,
      width: "100%",
      height: "100%",
    }}
    src="https://www.youtube.com/embed/6ptUPSYBBtA"
    title="claude api 를 활용한 flask 진로 상담 챗봇"
    frameBorder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowFullScreen
  ></iframe>
</div>

클로드 api를 활용한 진로상담 챗봇 만들기


# 파이썬 얼굴인식 출결 시스템 제작 과정

## 1. 프로젝트 소개

이 프로젝트는 파이썬의 `face_recognition` 라이브러리와 PyQt5를 활용하여 만든 얼굴인식 기반 출결 시스템입니다. 실시간으로 얼굴을 인식하고 등록된 사용자의 출석을 자동으로 기록하는 기능을 제공합니다.

### 주요 기능

- 실시간 얼굴 인식 및 출석 체크
- 새로운 얼굴 등록 및 관리
- 출석 기록 저장 및 내보내기
- 직관적인 그래픽 사용자 인터페이스
- 대량 얼굴 등록 기능

## 2. 개발 환경 설정

### 필요한 라이브러리

```bash
pip install face_recognition
pip install PyQt5
pip install opencv-python
pip install numpy
pip install Pillow
```

### 주요 라이브러리 설명

- `face_recognition`: 얼굴 인식 핵심 기능 제공
- `PyQt5`: GUI 구현
- `opencv-python`: 카메라 스트림 처리
- `Pillow`: 이미지 처리
- `numpy`: 배열 및 행렬 연산

## 3. 시스템 구조 및 상세 구현

### 3.1 전체 시스템 구조

프로그램은 크게 세 개의 주요 클래스로 구성되어 있습니다:

1. `AttendanceSystem`: 메인 윈도우 클래스
2. `AttendanceTab`: 출석 체크 탭
3. `ManagementTab`: 얼굴 관리 탭

각 클래스의 역할과 구현을 자세히 살펴보겠습니다.

### 3.2 AttendanceSystem 클래스

메인 윈도우를 구성하는 클래스로, 전체적인 UI 레이아웃과 스타일을 정의합니다.

```python
class AttendanceSystem(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()
        self.showMaximized()  # 전체화면으로 시작

    def initUI(self):
        self.setWindowTitle('얼굴인식 출결 시스템')
        # 스타일시트 설정
        self.setStyleSheet("""
            QMainWindow {
                background-color: #f0f0f0;
            }
            QPushButton {
                background-color: #2196F3;
                color: white;
                border: none;
                padding: 12px 24px;
                border-radius: 6px;
                font-size: 14px;
                min-width: 120px;
            }
            # ... 기타 스타일 정의 ...
        """)
```

### 3.3 AttendanceTab 클래스 상세 구현

출석 체크를 담당하는 핵심 클래스입니다. 실시간 카메라 처리와 얼굴 인식을 수행합니다.

#### 3.3.1 초기화 및 UI 구성

```python
class AttendanceTab(QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.initUI()

        # 카메라 및 얼굴인식 관련 변수 초기화
        self.camera = None
        self.timer = QTimer()
        self.timer.timeout.connect(self.update_frame)
        self.is_running = False
        self.frame_count = 0

        # 얼굴 인식 데이터 초기화
        self.known_face_encodings = []
        self.known_face_names = []
        self.load_known_faces()

        # 출석한 학생 목록
        self.present_students = set()
```

#### 3.3.2 실시간 얼굴 인식 처리

프레임 처리와 얼굴 인식의 핵심 로직입니다:

```python
def update_frame(self):
    ret, frame = self.camera.read()
    if ret:
        # 성능 최적화를 위해 3프레임마다 처리
        process_this_frame = self.frame_count % 3 == 0
        self.frame_count += 1

        if process_this_frame:
            # 프레임 크기 조정으로 처리 속도 향상
            height, width = frame.shape[:2]
            small_frame = cv2.resize(frame, (width//4, height//4))
            rgb_small_frame = cv2.cvtColor(small_frame, cv2.COLOR_BGR2RGB)

            try:
                # 얼굴 위치 감지
                face_locations = face_recognition.face_locations(
                    rgb_small_frame,
                    model="hog"  # CPU 최적화 모드
                )

                if face_locations:
                    # 얼굴 특징 추출
                    face_encodings = face_recognition.face_encodings(
                        rgb_small_frame,
                        face_locations
                    )

                    # 각 얼굴에 대해 처리
                    for (top, right, bottom, left), face_encoding in zip(
                        face_locations, face_encodings
                    ):
                        if len(self.known_face_encodings) > 0:
                            # 벡터화된 연산으로 얼굴 비교
                            face_distances = face_recognition.face_distance(
                                self.known_face_encodings,
                                face_encoding
                            )
                            best_match_index = np.argmin(face_distances)

                            # 유사도 임계값(0.6) 이하일 때만 인식
                            if face_distances[best_match_index] < 0.6:
                                name = self.known_face_names[best_match_index]
                                self.record_attendance(name)
                                self.show_notification(name)
```

#### 3.3.3 출석 기록 처리

출석 기록을 저장하고 UI를 업데이트하는 로직입니다:

```python
def record_attendance(self, name):
    try:
        current_time = datetime.datetime.now()
        time_string = current_time.strftime('%H:%M:%S')

        # 중복 출석 방지 (5분 이내)
        if name in self.present_students:
            return

        # 얼굴 이미지 처리 및 표시
        faces_dir = "faces"
        image_path = os.path.join(faces_dir, f"{name}.jpg")
        if os.path.exists(image_path):
            # 최근 인식된 얼굴 표시
            pixmap = QPixmap(image_path)
            pixmap = pixmap.scaled(
                250, 250,
                Qt.KeepAspectRatio,
                Qt.SmoothTransformation
            )
            self.recent_face_label.setPixmap(pixmap)

            # 상태 메시지 업데이트
            self.status_label.setStyleSheet("""
                QLabel {
                    color: #4CAF50;
                    padding: 15px;
                    background-color: #E8F5E9;
                    border-radius: 8px;
                    font-weight: bold;
                    font-size: 16px;
                }
            """)
            self.status_label.setText(f'✓ {name}님 출석이 확인되었습니다.')

            # 출석 테이블에 기록 추가
            self.update_attendance_table(name, time_string, pixmap)

            # CSV 파일에 기록
            self.save_attendance_record(name, time_string)

            # 출석 상태 업데이트
            self.present_students.add(name)
            self.update_absent_list()

    except Exception as e:
        print(f"출석 기록 중 오류 발생: {str(e)}")
```

### 3.4 ManagementTab 클래스 상세 구현

얼굴 등록과 관리를 담당하는 클래스입니다.

#### 3.4.1 얼굴 등록 기능

단일 얼굴 등록과 대량 등록 기능을 제공합니다:

```python
def register_face(self):
    try:
        file_name, _ = QFileDialog.getOpenFileName(
            self, "얼굴 이미지 선택", "",
            "Image files (*.jpg *.jpeg *.png)"
        )
        if file_name:
            name, ok = QInputDialog.getText(
                self, '이름 입력',
                '등록할 사람의 이름을 입력하세요:'
            )
            if ok and name:
                faces_dir = "faces"
                if not os.path.exists(faces_dir):
                    os.makedirs(faces_dir)

                # 파일 이름 중복 방지
                new_path = os.path.join(faces_dir, f"{name}.jpg")
                counter = 1
                while os.path.exists(new_path):
                    new_path = os.path.join(faces_dir, f"{name}_{counter}.jpg")
                    counter += 1

                # 이미지 처리 및 저장
                image = Image.open(file_name)
                image = image.convert('RGB')
                image.save(new_path, 'JPEG', quality=95)

                self.known_faces.append((name, new_path))
                self.update_face_grid()
                QMessageBox.information(
                    self, '등록 완료',
                    f'{name}의 얼굴이 등록되었습니다.'
                )

    except Exception as e:
        QMessageBox.warning(
            self, '오류',
            f'얼굴 등록 중 오류가 발생했습니다: {str(e)}'
        )
```

#### 3.4.2 대량 얼굴 등록 기능

```python
def bulk_register_faces(self):
    try:
        folder_path = QFileDialog.getExistingDirectory(
            self, "이미지가 있는 폴더 선택"
        )

        if folder_path:
            # 결과 추적을 위한 변수들
            success_count = 0
            skip_count = 0
            fail_count = 0
            error_files = []

            # 진행 상황 표시
            progress = QMessageBox()
            progress.setWindowTitle("등록 진행 중")
            progress.setText("얼굴 등록을 진행하고 있습니다...")
            progress.show()

            valid_extensions = ('.jpg', '.jpeg', '.png')

            # 폴더 내 모든 이미지 처리
            for filename in os.listdir(folder_path):
                if filename.lower().endswith(valid_extensions):
                    try:
                        file_path = os.path.join(folder_path, filename)
                        name = os.path.splitext(filename)[0]

                        # 중복 체크
                        existing_path = os.path.join(faces_dir, f"{name}.jpg")
                        if os.path.exists(existing_path):
                            skip_count += 1
                            continue

                        # 얼굴 인식 확인
                        image = face_recognition.load_image_file(file_path)
                        face_locations = face_recognition.face_locations(image)

                        if face_locations:
                            # 이미지 처리 및 저장
                            img = Image.open(file_path)
                            img = img.convert('RGB')
                            img.save(new_path, 'JPEG', quality=95)
                            success_count += 1
                        else:
                            fail_count += 1
                            error_files.append(f"{filename} (얼굴 감지 실패)")

                    except Exception as e:
                        fail_count += 1
                        error_files.append(f"{filename} (오류: {str(e)})")

            # 결과 표시
            result_message = (
                f"등록 완료:\n\n"
                f"성공: {success_count}개\n"
                f"건너뜀: {skip_count}개\n"
                f"실패: {fail_count}개"
            )
            if error_files:
                result_message += "\n\n실패한 파일들:\n" + "\n".join(error_files)

            QMessageBox.information(self, '대량 등록 완료', result_message)

    except Exception as e:
        QMessageBox.warning(
            self, '오류',
            f'대량 등록 중 오류가 발생했습니다: {str(e)}'
        )
```

### 3.5 성능 최적화 구현 상세

시스템의 성능을 최적화하기 위해 적용된 주요 기술들입니다:

1. **프레임 처리 최적화**

   - 3프레임마다 얼굴 인식 처리
   - 프레임 크기를 1/4로 축소하여 처리 속도 향상

2. **얼굴 인식 최적화**

   - HOG 기반 얼굴 감지 사용 (CPU 최적화)
   - 벡터화된 연산으로 얼굴 비교 속도 개선

3. **메모리 관리**

   - 이미지 처리 시 메모리 효율적 사용
   - 불필요한 객체의 즉시 해제

4. **UI 반응성 향상**
   - 비동기 처리로 UI 블로킹 방지
   - 애니메이션 효과의 최적화된 구현

### 3.6 오류 처리 및 예외 상황 관리

시스템의 안정성을 위한 주요 예외 처리:

1. **카메라 연결 오류**

   - 여러 카메라 인덱스 시도
   - 연결 실패 시 적절한 에러 메시지 표시

2. **얼굴 인식 오류**

   - 인식 실패 시 graceful degradation
   - 오류 로깅 및 사용자 피드백 제공

3. **파일 처리 오류**

   - 파일 접근 권한 확인
   - 중복 파일 처리 로직

4. **메모리 관리**
   - 대용량 이미지 처리 시 메모리 누수 방지
   - 리소스 적절한 해제

## 4. 시스템 사용 방법

### 4.1 초기 설정

1. 프로그램 실행
2. 관리 탭에서 얼굴 등록
3. 출결 탭으로 이동하여 시스템 시작

### 4.2 일상적 사용

1. 프로그램 시작
2. '출석 시작' 버튼 클릭
3. 자동 얼굴 인식 및 기록
4. 필요시 출석 기록 내보내기

### 4.3 관리 작업

1. 새로운 얼굴 등록
2. 기존 얼굴 정보 관리
3. 출석 기록 관리 및 백업

## 5. 향후 개선 계획

### 5.1 기능 개선

- 딥러닝 모델 적용으로 인식 정확도 향상
- 실시간 통계 및 그래프 기능 추가
- 데이터베이스 연동
- 웹 인터페이스 추가

### 5.2 성능 최적화

- GPU 가속 지원 추가
- 멀티스레딩 처리 개선
- 메모리 사용량 최적화

### 5.3 사용자 경험 개선

- 더 직관적인 UI/UX
- 다국어 지원
- 커스터마이징 옵션 추가

전체 소스 코드는 [깃허브](https://github.com/Sungblab/SB_face_recognition_system)에서 확인하실 수 있습니다.

<div
  style={{
    position: "relative",
    paddingBottom: "56.25%",
    height: 0,
    overflow: "hidden",
    maxWidth: "100%",
    marginTop: "2rem",
  }}
>
  <iframe
    style={{
      position: "absolute",
      top: 0,
      left: 0,
      width: "100%",
      height: "100%",
    }}
    src="https://www.youtube.com/embed/OEV1jFOZ5-4"
    title="파이썬 face recognition 라이브러리를 활용한 얼굴인식 출결 시스템 제작"
    frameBorder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowFullScreen
  ></iframe>
</div>


파이썬 face recognition 라이브러리를 활용한 얼굴인식 출결 시스템 제작


# AI 번역기의 문법적 정확성과 문맥 이해: 트랜스포머 모델의 심층 분석

## 들어가며: AI 시대의 언어 번역

여러분은 혹시 영어 공부를 하면서 "이 문장이 정확한 표현일까?" 하고 고민해보신 적이 있으신가요? 오늘날 AI 기술의 발전으로 이러한 고민을 훨씬 쉽게 해결할 수 있게 되었습니다. 특히 트랜스포머(Transformer) 모델의 등장은 기계 번역의 품질을 획기적으로 향상시켰는데요, 이번 글에서는 AI 번역기가 어떻게 우리의 문장을 이해하고 분석하는지 자세히 살펴보도록 하겠습니다.

## 1. 문법 분석기: AI는 어떻게 문장을 이해할까요?

### 1.1 시제는 어떻게 분석될까요?

영어에서 시제는 때로는 매우 복잡할 수 있습니다. "I have been studying"이라는 문장을 보면, 단순히 '공부하다'라는 의미를 넘어서 '계속해서 공부해왔다'는 현재완료진행형의 의미를 담고 있죠. AI 번역기는 이러한 복잡한 시제를 어떻게 이해할까요?

시제 분석의 확률적 모델은 다음과 같이 표현할 수 있습니다:

<Math
  math="P(tense|sentence) = \frac{P(sentence|tense) \times P(tense)}{P(sentence)}"
  block
/>

예를 들어, "He's been working"이라는 문장을 분석할 때, AI는 마치 퍼즐을 맞추듯 문장을 분석합니다. 각 요소의 확률을 계산하여 최종 시제를 결정합니다:

<Math math="Score_{tense} = \sum_{i=1}^n w_i \times f_i(token)" block />

각 문법 요소의 가중치

<Math math="w_i" />

와 토큰의 문법적 특성

<Math math="f_i(token)" />

을 통해 분석이 이루어집니다.

### 1.2 능동태와 수동태는 어떻게 구분할까요?

영어에서 "The book was written"과 "I wrote the book"은 같은 상황을 다르게 표현한 것입니다. AI는 이러한 차이를 다음과 같은 확률 모델로 분석합니다:

<Math
  math="P(voice|sentence) = \max_{v \in \{active,passive\}} P(sentence|v) \times P(v)"
  block
/>

### 1.3 문장의 구조는 어떻게 파악할까요?

영어 문장은 마치 레고 블록을 조립하는 것과 같습니다. 문장 구조의 확률 분포는 다음과 같이 표현됩니다:

<Math
  math="P(structure|words) = \prod_{i=1}^n P(pos_i|word_i) \times P(dep_i|pos_i)"
  block
/>

여기서 품사를 나타내는

<Math math="pos_i" />

와 의존 관계를 나타내는

<Math math="dep_i" />

를 사용합니다.

### 1.4 관사 사용은 어떻게 확인할까요?

영어에서 관사(a, an, the)의 올바른 사용은 매우 중요합니다. AI는 다음과 같은 확률 모델로 관사 사용을 검사합니다:

<Math
  math="P(article|noun) = \frac{P(noun|article) \times P(article)}{P(noun)}"
  block
/>

## 2. 문맥 이해: AI는 어떻게 의미를 파악할까요?

문맥 이해의 수학적 모델은 다음과 같이 표현됩니다:

<Math
  math="Context_{score} = \sum_{i=1}^n \sum_{j=1}^n Attention(w_i, w_j) \times Value(w_j)"
  block
/>

단어 간의 관계를 나타내는

<Math math="Attention(w_i, w_j)" />

와 각 단어의 의미값을 나타내는

<Math math="Value(w_j)" />

를 통해 문맥을 이해합니다.

## 3. 실제로 얼마나 정확할까요?

여러분은 혹시 AI 번역이 얼마나 정확한지 궁금하신가요? 실제 테스트 결과를 보면 꽤 놀라운 결과가 나옵니다. 문맥 없이 단순히 문장만 번역할 때는 약 70%의 정확도를 보이지만, 적절한 문맥이 주어지면 정확도가 95%까지 올라갑니다.

이것은 마치 우리가 영어 공부를 할 때의 상황과 비슷합니다. 단어나 문장을 단독으로 외우는 것보다, 실제 대화나 글 속에서 배울 때 훨씬 더 정확하게 이해하고 기억하는 것처럼요.

## 4. 이것이 영어 교육에 어떤 도움이 될까요?

이러한 AI의 능력은 영어 교육에 새로운 가능성을 열어줍니다. 예를 들어, 학생들이 영작문을 할 때 AI를 통해 자신의 문장이 문법적으로 올바른지, 자연스러운 표현인지 즉시 확인할 수 있습니다.

더 나아가, AI는 학습자의 수준에 맞춘 설명도 제공할 수 있습니다. 초급 학습자에게는 기본적인 문법 설명을, 중급 이상의 학습자에게는 더 복잡한 문맥적 설명을 제공할 수 있죠. 예를 들어 "좋아요"라는 표현을 번역할 때, 초급자에게는 "good"이라는 기본적인 표현을, 고급자에게는 "fantastic", "phenomenal" 같은 더 세련된 표현을 제시할 수 있습니다.

교사들에게도 AI는 훌륭한 도구가 될 수 있습니다. 다양한 예문을 빠르게 생성하거나, 학생들의 과제를 효율적으로 평가하는 데 도움을 줄 수 있죠. 또한 각 학생의 실력과 진도를 추적하여 맞춤형 학습 계획을 세우는 데도 활용할 수 있습니다.

## 5. 실험 결과

### 5.1 문법 정확성 분석

각 테스트 문장에 대한 상세 분석 결과는 다음과 같습니다:

![image.png](/images/결과1.png)

### 5.2 모호성 해소 실험

#### 5.2.1 '배' 단어의 문맥별 의미 분석

![image.png](/images/결과2.png)

## 6. 분석 및 토의

### 6.1 문법적 정확성 평가

실험 결과를 통해 AI가 영어 문법을 어떻게 이해하고 분석하는지 자세히 살펴볼 수 있었습니다. 특히 흥미로운 점은 AI가 인간처럼 문맥을 고려하여 문법을 이해한다는 것입니다.

먼저 시제 분석에서 놀라운 결과를 보여주었는데요. "I go to school"이나 "I went to school"과 같은 단순 시제에서는 100% 정확한 분석을 보여주었습니다. 더 나아가 "I have been studying English for 3 years"와 같은 복잡한 현재완료진행형도 95% 이상의 정확도로 분석할 수 있었죠. 이는 마치 우리가 영어를 배울 때 단순 시제부터 시작해서 점차 복잡한 시제를 이해하게 되는 과정과 비슷합니다.

태(Voice)의 분석도 매우 흥미로운 결과를 보여주었습니다. 예를 들어, "John wrote the book"(능동태)와 "The book was written by John"(수동태)이라는 두 문장이 있을 때, AI는 이 두 문장이 같은 상황을 다르게 표현하고 있다는 것을 정확히 이해합니다. 심지어 "The dinner was being cooked when I arrived"와 같은 복잡한 진행형 수동태도 정확하게 분석할 수 있었습니다. 이는 마치 숙련된 영어 교사가 문장을 분석하는 것과 같은 수준이라고 할 수 있죠.

문장 구조 분석에서도 AI는 뛰어난 능력을 보여주었습니다. "The cat(주어) catches(동사) the mouse(목적어)"와 같은 SVO 구조나 "The sun(주어) rises(동사)"와 같은 SV 구조를 정확하게 구분할 수 있었습니다. 특히 주어와 동사의 일치 관계도 완벽하게 파악했는데요. 예를 들어 "The group of students is studying"에서 주어가 복수처럼 보이지만 단수 동사를 써야 한다는 것도 정확히 이해했습니다. 이는 AI가 단순히 문법 규칙을 암기하는 것이 아니라, 문장의 의미와 문맥을 종합적으로 고려하여 분석한다는 것을 보여줍니다.

### 6.2 모호성 해소 능력 분석

AI 번역기가 보여준 가장 인상적인 능력 중 하나는 바로 모호한 표현을 정확하게 해석하는 능력입니다. 우리가 일상적으로 사용하는 언어에는 여러 가지 의미를 가진 단어나 표현이 많은데, AI는 이러한 모호성을 놀라운 방식으로 해결해냅니다.

예를 들어, 영어에서 'bank'라는 단어는 '은행'일 수도 있고 '강둑'일 수도 있습니다. AI는 이런 단어가 나왔을 때 주변 문맥을 살펴보아 적절한 의미를 선택합니다. "I went to the bank to withdraw money"라는 문장에서는 '은행'으로, "We sat by the bank of the river"라는 문장에서는 '강둑'으로 정확하게 해석하는 것이죠. 실제로 문맥이 주어진 경우, AI의 정확도는 평균 40%나 상승했습니다.

더 놀라운 점은 AI가 부적절한 문맥에도 강건하게 대응한다는 것입니다. 예를 들어, "The bank was delicious"와 같이 의미적으로 맞지 않는 문장이 주어졌을 때, AI는 이를 오류로 인식하고 적절한 대안을 제시할 수 있었습니다. 이는 마치 우리가 문장을 읽을 때 이상한 점을 감지하고 "이건 뭔가 잘못됐다"라고 느끼는 것과 비슷한 과정입니다.

AI는 이러한 판단을 할 때 확률적 접근 방식을 사용합니다. 각 단어의 가능한 의미들과 주변 문맥 사이의 관계를 수학적으로 계산하여, 가장 적절한 의미를 선택하는 것이죠. 이는 다음과 같은 수학적 모델로 표현될 수 있습니다:

P(meaning|context) = P(context|meaning)P(meaning) / P(context)
P(context) = ∑ₘ P(context|m)P(m)

이러한 수식이 복잡해 보일 수 있지만, 실제로는 우리가 일상적으로 하는 판단 과정을 수학적으로 표현한 것입니다. 마치 우리가 대화 중에 자연스럽게 단어의 의미를 파악하는 것처럼, AI도 이러한 과정을 통해 가장 적절한 의미를 찾아내는 것이죠.

## 7. 결론 및 향후 전망

### 7.1 연구 결과 요약

본 연구를 통해 AI 번역기의 문법적 정확성과 문맥 이해 능력에 대해 다음과 같은 주요 발견을 확인했습니다:

1. 문법 분석 능력

   - 시제 분석: 단순/복합 시제 모두 95% 이상의 정확도
   - 태 분석: 능동태/수동태 구분의 높은 정확성
   - 문장 구조: SVO, SV 구조의 정확한 파악
   - 관사 사용: 문맥에 따른 적절한 관사 선택

2. 문맥 이해 능력
   - 동음이의어 구분: 문맥 기반 95% 이상의 정확도
   - 확률적 접근: 베이지안 추론을 통한 정확한 의미 파악
   - 강건성: 부적절한 문맥에 대한 오류 방지 메커니즘

### 7.2 맺음말

AI 번역기는 이제 단순한 번역 도구를 넘어 지능적인 학습 조력자로 발전하고 있습니다. 본 연구에서 확인된 높은 수준의 문법적 정확성과 문맥 이해 능력은 영어 교육의 새로운 지평을 열어줄 것으로 기대됩니다.

하지만 이러한 기술 발전이 교사의 역할을 대체하는 것이 아닌, 보완하고 강화하는 방향으로 나아가야 함을 강조하고 싶습니다. AI는 우리의 학습을 더욱 효율적이고 효과적으로 만들어주는 도구이며, 궁극적으로는 인간의 언어 능력을 더욱 풍부하게 만드는 데 기여할 것입니다.

## 참고 문헌

1. Vaswani, A., et al. (2017). "Attention is all you need." Advances in neural information processing systems.
2. Devlin, J., et al. (2019). "BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding." NAACL-HLT.
3. Brown, T. B., et al. (2020). "Language Models are Few-Shot Learners." NeurIPS.
4. Kim, J., & Lee, S. (2023). "The Impact of AI Translation on Language Education." Journal of Educational Technology.
5. Park, M., et al. (2024). "Context-Aware Translation Systems in Educational Settings." AI in Education Quarterly.


AI 번역기의 문법적 정확성이 영어 교육에 주는 시사점


실리콘밸리를 대표하는 두 리더, 넷플릭스의 리드 해스팅스와 Y Combinator의 샘 알트먼이 전하는 혁신과 창업에 대한 통찰은 깊은 울림을 줍니다. 이들의 경험은 단순한 성공 스토리를 넘어 현대 기업과 스타트업이 나아가야 할 방향을 명확하게 제시하고 있습니다.

## 넷플릭스의 혁신적 기업 문화

넷플릭스는 기업 문화를 통한 혁신의 대표적 사례로 꼽힙니다. 그들이 만든 '문화 데크'는 단순한 회사 규정집이 아닌, 기업의 정체성을 형성하는 핵심 도구로 자리 잡았습니다. "적절한 성과는 관대한 퇴직금을 받는다"와 같은 파격적인 원칙들은 처음에는 많은 이들에게 충격을 주었지만, 이는 넷플릭스가 추구하는 고성과 문화의 진정성을 보여주는 것이었습니다. 이러한 문화적 원칙들은 문서화를 통해 더욱 명확해졌고, 모든 구성원이 함께 논의하고 발전시킬 수 있는 토대가 되었습니다.

## 위기를 통한 성장과 인재 밀도의 중요성

2001년, 닷컴 버블 붕괴로 인한 경제 위기는 넷플릭스에게 중요한 전환점이 되었습니다. 직원의 3분의 1을 감축해야 했던 극단적인 위기 상황에서, 놀랍게도 회사의 생산성은 오히려 향상되었습니다. 이 경험을 통해 넷플릭스는 '인재 밀도'의 중요성을 깊이 깨닫게 되었고, 이는 현재까지도 그들의 핵심 가치로 이어지고 있습니다. 우수한 인재들로 구성된 작은 팀이 더 큰 성과를 낼 수 있다는 이 통찰은 현대 기업 경영의 중요한 교훈이 되었습니다.

당시 비디오 대여 시장의 거인이었던 Blockbuster와의 경쟁에서 넷플릭스는 또 다른 중요한 교훈을 얻었습니다. 위기 상황에서 넷플릭스는 소셜 네트워크 기능 추가, 광고 판매, 중고 DVD 판매, 독자적인 콘텐츠 제작 등 다양한 새로운 시도를 했습니다. 그러나 흥미롭게도 이러한 시도들 중 어느 것도 그들의 승리에 결정적인 기여를 하지 못했습니다. 결국 성공으로 이어진 것은 핵심 서비스의 품질 향상이었습니다. 이는 기업이 위기에 직면했을 때, 새로운 사업 확장보다는 핵심 역량 강화에 집중해야 한다는 중요한 시사점을 제공합니다.

## 샘 알트먼의 성공적인 창업 원칙

한편, Y Combinator의 샘 알트먼은 수많은 스타트업을 육성한 경험을 바탕으로 성공적인 창업의 본질적 요소들을 제시합니다. 그는 훌륭한 아이디어, 뛰어난 제품, 우수한 팀, 탁월한 실행력이라는 네 가지 핵심 요소를 강조합니다. 주목할 점은 이러한 요소들이 단순히 병렬적으로 존재하는 것이 아니라, 서로 긴밀하게 연결되어 시너지를 만들어내야 한다는 것입니다.

알트먼은 특히 창업의 시작점에 대해 중요한 통찰을 제공합니다. 그는 단순히 창업을 위한 창업이 아닌, 특정 문제에 대한 강렬한 열정이 선행되어야 함을 강조합니다. 좋은 아이디어는 처음에는 터무니없어 보일 수 있지만, 작은 시장에서 시작하여 독점적 위치를 차지한 후 확장하는 전략이 효과적임을 설명합니다. 구글이 13번째 검색 엔진으로 시작했다는 점, 페이스북이 대학생들만을 위한 소셜 네트워크로 시작했다는 점은 이러한 전략의 대표적인 예시입니다.

제품 개발에 있어서도 알트먼은 독특한 통찰을 제시합니다. 그는 많은 사용자가 약간 좋아하는 제품보다는 소수의 사용자가 열광적으로 좋아하는 제품을 만드는 것이 더 중요하다고 강조합니다. 이는 제품의 성공이 단순한 사용자 수가 아닌, 사용자들의 진정한 애착에서 비롯된다는 점을 시사합니다. 초기 단계에서는 제품을 완벽하게 만드는 것보다, 핵심 기능에 집중하여 사용자들의 사랑을 받는 것이 더 중요하다는 것입니다.

## 스타트업 CEO의 현실과 도전

스타트업을 시작하는 창업자들이 직면하는 현실은 미디어에서 보여주는 화려한 모습과는 큰 차이가 있습니다. 알트먼은 CEO의 가장 중요한 역할 중 하나로 자신의 심리 상태를 관리하는 것을 꼽습니다. 이는 지속적인 스트레스와 압박감 속에서 매우 중요한 과제가 됩니다. 창업은 보통 10년 이상의 긴 여정이 필요하며, 이 과정에서 창업자는 끊임없는 도전과 시련을 마주하게 됩니다. 특히 초기 단계에서는 투자 유치, 인재 채용, 제품 개발, 마케팅 등 모든 것을 동시에 해내야 하는 부담감이 있습니다.

해스팅스는 자신의 첫 창업 경험을 회상하며, CEO로서의 성장 과정에서 겪었던 어려움들을 솔직하게 공유합니다. 33세에 시작한 첫 회사에서 그는 낮에는 CEO 역할을, 밤에는 개발자 역할을 하며 회사에서 잠을 자기도 했습니다. 이러한 경험을 통해 그는 CEO가 자신의 역할을 명확히 하고, 다른 사람들과의 협업을 통해 회사를 성장시켜야 한다는 것을 깨달았습니다.

## 글로벌 전략과 성공의 핵심 요소

넷플릭스의 글로벌 전략도 주목할 만한 점입니다. 해스팅스는 넷플릭스가 단순히 할리우드 콘텐츠를 세계에 배포하는 것이 아닌, 전 세계의 뛰어난 이야기를 서로 연결하는 플랫폼이 되기를 원했습니다. 실제로 '나르코스'와 같은 시리즈는 미국 회사가 프랑스 제작사와 함께 콜롬비아에서 촬영하고 브라질 배우들이 출연하여 독일에서 큰 인기를 얻는 등, 진정한 의미의 글로벌 콘텐츠가 되었습니다.

결론적으로, 두 리더의 통찰은 성공적인 기업 운영과 창업에 있어서 세 가지 핵심 요소를 강조합니다. 첫째는 명확한 비전입니다. 기업이나 스타트업이 추구하는 방향이 분명해야 하며, 이는 구성원들의 열정을 이끌어내는 원동력이 됩니다. 둘째는 강력한 실행력입니다. 아무리 좋은 아이디어도 실행되지 않으면 의미가 없으며, 실행 과정에서의 끊임없는 개선과 혁신이 필요합니다. 마지막으로 탁월한 인재 관리입니다. 우수한 인재들이 자신의 능력을 최대한 발휘할 수 있는 환경을 만드는 것이 성공의 핵심 요소입니다.

특히 넷플릭스의 사례는 혁신적인 기업문화와 집중된 전략의 중요성을, Y Combinator의 경험은 창업의 본질적 요소들과 현실적인 접근의 중요성을 보여줍니다. 이러한 교훈들은 오늘날 기업을 운영하거나 창업을 준비하는 이들에게 귀중한 지침이 될 것입니다. 성공적인 기업과 스타트업을 만들어가는 여정에서, 이들이 제시하는 통찰은 우리에게 분명한 방향성을 제시해주고 있습니다.

---

**참고 자료:**

- [Sam Altman의 스탠포드 창업 강의](https://youtu.be/X6izsvLQmTs)
- BZCF | 비즈까페


리드 해스팅스와 샘 알트먼이 들려주는 혁신과 창업의 본질


## 새로운 도전 분야: 전기 항공기와 AI

전기 항공기 분야는 머스크가 주목하는 가장 유망한 새로운 사업 영역입니다. 그의 분석에 따르면 로켓을 제외한 모든 운송수단은 점진적으로 전기화될 것이며, 항공 산업에서도 이러한 변화는 필연적입니다. 현재의 기술 수준으로도 전기 항공기의 실현 가능성이 확인되었으며, 이는 운송 산업의 새로운 혁신을 이끌 것으로 전망됩니다.

AI와 유전공학은 인류의 운명을 획기적으로 바꿀 수 있는 두 가지 핵심 기술로 평가됩니다. 이 분야들은 상당한 위험성과 도전과제를 내포하고 있지만, 머스크는 오히려 이러한 기술 발전에 적극적으로 개입하지 않는 것이 더 큰 위험이 될 수 있다고 지적합니다. 따라서 신중하면서도 적극적인 개발 접근이 필요한 상황입니다.

## 장수와 생명 연장에 대한 관점

머스크는 단순한 수명 연장보다 삶의 질적 향상에 초점을 맞추어야 한다고 강조합니다. 그는 개인적으로 약 100년 정도의 '좋은 삶'을 선호한다고 밝혔으며, 특히 노화와 관련된 치매 등의 질병 해결이 더 시급한 과제라고 보고 있습니다. 영생보다는 의미 있고 건강한 삶을 영위하는 것이 더 중요하다는 것이 그의 견해입니다.

## 지속 가능한 에너지의 미래

태양 에너지는 지속 가능한 에너지 솔루션의 핵심으로 평가됩니다. 머스크는 태양을 "하늘의 거대한 핵융합 반응기"로 표현하며, 매일 제공되는 무한한 에너지원으로서의 가치를 강조합니다. 특히 배터리 기술과의 결합을 통해 완전한 에너지 해결책을 제시할 수 있으며, 이는 개발도상국의 삶의 질을 획기적으로 향상시킬 수 있는 핵심 요소가 될 것입니다.

핵융합 에너지는 향후 20년 내에 실현 가능할 것으로 전망됩니다. 머스크는 핵융합의 안전성에 대한 일반적인 오해를 해소하며, 오히려 핵융합 반응을 지속적으로 유지하는 것이 주요 기술적 과제라고 설명합니다. 이는 기존의 핵분열과는 달리 본질적으로 안전한 에너지원이 될 것입니다.

## 화성 탐사와 인류의 미래

화성 탐사는 두 가지 중요한 목적을 가지고 있습니다. 첫째, 생명의 보존 측면에서 다행성 문명으로의 진화는 필수적입니다. 이는 지구 문명의 보험 정책으로서 기능하며, 생명의 영역을 확장하는 중요한 계기가 될 것입니다. 둘째, 인류의 모험적 측면에서 새로운 프론티어에 대한 도전은 직간접적 참여를 통해 인류 발전을 이끌며, 장기적 생존 가능성을 확보할 수 있게 합니다.

## 테슬라와 자율주행의 미래

테슬라는 소프트웨어와 하드웨어의 완벽한 결합을 추구하는 기업입니다. 지속적인 소프트웨어 업데이트를 통해 차량의 성능을 개선하며, 대중화를 위한 단계적 가격 전략을 실행하고 있습니다.

자율주행 기술은 향후 3-4년 내에 완전한 구현이 가능할 것으로 예상됩니다. 다만, 실제 도로 적용을 위해서는 규제 승인에 추가적인 시간이 소요될 것으로 전망되며, 특히 안전성 입증이 핵심 과제가 될 것입니다.

## 창업과 혁신에 대한 통찰

나이와 창업의 관계에 대해, 30세 이상 창업 제한설은 근거가 없다는 것이 두 기업가의 공통된 견해입니다. 성공적인 창업은 나이보다는 아이디어의 질과 실행력에 달려있으며, 다만 젊은 창업자들이 더 큰 위험을 감수하는 경향이 있다는 점은 인정됩니다.

테슬라의 사례는 초기 가정이 잘못되더라도 이를 인정하고 극복하는 것의 중요성을 보여줍니다. 현실에 맞춘 전략 수정과 지속적인 적응, 진화의 필요성이 강조됩니다.

## 기업 운영에 대한 조언

머스크의 시간 관리는 매우 체계적입니다. 전체 시간의 70%를 엔지니어링과 디자인에 투자하며, 언론 대응은 2-3%에 불과합니다. 그는 두 회사를 동시에 운영하는 것이 개인의 자유도를 크게 제한한다고 경고하며, 이는 권장할 만한 선택이 아니라고 조언합니다.

이러한 모든 통찰은 미래 기술 발전의 방향을 제시하며, 혁신적 사고와 실천적 접근의 중요성을 강조합니다.

## 참고 자료

1. Startup Grind Global Conference 대담 영상 (유튜버 비즈카페 번역본 영상 참고)
2. 테슬라 공식 블로그
3. SpaceX 마스 프로젝트 문서
4. Y Combinator 블로그
5. OpenAI 연구 자료

## 추천 자료

- 일론 머스크의 자서전 "Elon Musk" by Walter Isaacson
- 샘 알트먼의 블로그 글 모음
- 테슬라와 SpaceX 관련 다큐멘터리
- OpenAI의 기술 로드맵


일론 머스크와 샘 알트먼의 두 천재의 대화


# 특이점이 온다: 기술 발전의 미래와 인류의 도전

여러분은 스마트폰이 처음 등장했을 때를 기억하시나요? 불과 15년 전만 해도 지금과 같은 AI 기술이나 스마트폰의 발전을 상상하기 어려웠습니다. 하지만 지금 우리는 ChatGPT와 대화하고, 얼굴 인식으로 결제하며, AI가 그린 그림을 감상하는 시대를 살고 있습니다. 이러한 급격한 기술의 발전은 우연이 아닙니다. 레이 커즈와일은 2005년 그의 저서 "특이점이 온다"에서 이미 이러한 미래를 예견했습니다.

커즈와일이 말하는 '수확가속의 법칙'을 이해하기 위해 간단한 예시를 들어보겠습니다. 여러분이 매달 용돈을 2배씩 모은다고 상상해보세요. 첫 달에 1만원, 둘째 달에 2만원, 셋째 달에 4만원... 이런 식으로 진행된다면 1년 후에는 어마어마한 금액이 되겠죠? 기술의 발전도 이와 비슷한 패턴을 보입니다. 특히 AI 기술은 이전 세대의 기술을 기반으로 더 빠르게 발전하고 있습니다.

예를 들어, ChatGPT의 발전 과정을 보면 이해가 쉽습니다. 2022년 말 처음 등장했을 때는 간단한 대화와 텍스트 생성이 전부였지만, 불과 1년 만에 이미지를 이해하고 생성하며, 음성으로 대화하고, 심지어 코드도 작성할 수 있게 되었습니다. 이런 발전 속도는 과거 어떤 기술도 보여주지 못했던 것입니다.

커즈와일은 2029년이 되면 인공지능이 인간의 지능 수준에 도달할 것이라고 예측했습니다. 흥미로운 점은, 이미 특정 분야에서는 AI가 인간의 능력을 뛰어넘고 있다는 것입니다. 예를 들어, 의료 영상 진단에서 AI는 이미 숙련된 의사보다 더 정확한 진단을 내리기도 합니다. 바둑에서 알파고가 이세돌을 이긴 것처럼 말이죠.

하지만 이런 발전이 단순히 컴퓨터와 소프트웨어의 영역에만 국한되지 않습니다. 커즈와일은 이를 'GNR 혁명'이라고 부릅니다. 유전공학(Genetics), 나노기술(Nanotechnology), 로봇공학(Robotics)이 서로 융합되면서 우리 삶의 모든 영역이 변화할 것이라고 예측했죠.

실제로 우리 주변에서 이미 이러한 변화의 조짐이 보이고 있습니다. 예를 들어, CRISPR 유전자 가위 기술로 유전병을 치료하거나, 나노 로봇으로 암세포만 선택적으로 제거하는 연구가 진행되고 있습니다. 일론 머스크의 뉴럴링크는 인간의 뇌와 컴퓨터를 직접 연결하는 기술을 개발 중이며, 2024년에는 첫 인간 대상 실험을 시작한다고 합니다.

이러한 변화는 우리에게 큰 기회이자 도전이 될 것입니다. 마치 산업혁명 시대에 증기기관의 등장이 사회를 완전히 바꾸어 놓았듯이, AI와 특이점의 도래는 우리 사회를 근본적으로 변화시킬 것입니다. 하지만 이번에는 변화의 속도가 훨씬 더 빠르고 그 영향력이 더욱 클 것으로 예상됩니다.

그렇다면 우리는 이러한 변화에 어떻게 대비해야 할까요? 가장 중요한 것은 평생 학습의 자세입니다. 예를 들어, 10년 전에는 'AI 프롬프트 엔지니어'라는 직업이 존재하지 않았지만, 지금은 매우 유망한 직종이 되었죠. 앞으로도 이처럼 새로운 직업들이 계속해서 등장할 것입니다.

또한 우리는 기술 발전이 가져올 윤리적 문제들에 대해서도 진지하게 고민해야 합니다. 예를 들어, AI가 내린 결정에 대한 책임은 누구에게 있을까요? 자율주행 자동차가 사고를 일으켰을 때, 그 책임을 어떻게 물어야 할까요? 이러한 질문들에 대한 답을 우리 사회가 함께 찾아가야 합니다.

특이점은 두려워할 대상이 아닙니다. 오히려 인류에게 주어진 새로운 기회라고 볼 수 있습니다. 증기기관의 발명이 인류의 물리적 한계를 극복하게 해주었다면, AI와 특이점은 우리의 인지적 한계를 뛰어넘게 해줄 것입니다. 중요한 것은 이러한 변화를 현명하게 받아들이고, 모든 사람이 그 혜택을 누릴 수 있도록 하는 것입니다.

우리는 지금 역사적인 변곡점에 서 있습니다. 2045년경에 도달할 것으로 예상되는 특이점은 단순한 기술의 진보를 넘어, 인류 문명의 새로운 장을 여는 사건이 될 것입니다. 그때까지 우리가 어떤 준비를 하고, 어떤 선택을 하느냐에 따라 우리의 미래가 결정될 것입니다. 이것이 바로 지금 우리가 특이점에 대해 이해하고 준비해야 하는 이유입니다.

## 참고 문헌

1. Kurzweil, Ray. (2005). The Singularity Is Near: When Humans Transcend Biology. Viking.
2. Bostrom, Nick. (2014). Superintelligence: Paths, Dangers, Strategies. Oxford University Press.
3. Ford, Martin. (2015). Rise of the Robots: Technology and the Threat of a Jobless Future. Basic Books.
4. Tegmark, Max. (2017). Life 3.0: Being Human in the Age of Artificial Intelligence. Knopf.


특이점이 온다


# LLM의 카운팅 문제와 근본적 한계

현대의 Large Language Models (LLMs)은 놀라운 자연어 처리 능력을 보여주고 있지만, 기본적인 카운팅 작업에서 의외의 한계를 드러내고 있습니다. 이는 단순한 기술적 결함이 아닌, 모델 아키텍처의 근본적인 특성에서 기인하는 문제입니다.

## 트랜스포머의 등장과 혁신

2017년 "Attention is All You Need" 논문의 발표 이후, 트랜스포머 모델은 AI 분야에 혁명적인 변화를 가져왔습니다. 이 모델은 ChatGPT, Claude, Gemini, LLaMA 등 현대 AI의 기반이 되었으며, 텍스트 처리뿐만 아니라 오디오, 비디오, 번역 등 다양한 분야로 확장되었습니다.

## 현재 LLM의 주요 한계점

LLM은 텍스트 길이 제어에서 어려움을 겪고 있습니다. 예를 들어, 200단어를 요청했을 때 150단어나 250단어를 생성하는 등 정확한 길이 조절에 실패하는 경우가 많습니다. 또한 컨텍스트 길이의 제한으로 인해 긴 문서 처리에 제약이 있습니다. 문자열 패턴 카운팅에서도 문제가 발생하는데, 단순히 "strawberry"에서 'r'의 개수를 세는 작업에서조차 오류가 발생하며, 한글의 중복 종성과 같은 반복 패턴 인식에서도 취약성을 보입니다.

<Math math="Accuracy_{counting} = \frac{\text{Correct Count}}{\text{Total Attempts}} \times 100" />

## 트랜스포머 아키텍처의 구조적 특성

트랜스포머의 핵심인 어텐션 메커니즘은 문장의 모든 단어 간 관계를 동시에 고려할 수 있는 강력한 기능을 제공합니다. 이는 다음과 같은 수학적 구조로 표현됩니다:

<Math math="Attention(Q, K, V) = softmax(\frac{QK^T}{\sqrt{d_k}})V" block />

하지만 이러한 구조는 시퀀스 길이에 따라 제곱에 비례하는 높은 연산 복잡도를 야기합니다:

<Math math="Complexity = O(n^2 \cdot d)" block />

여기서 n은 시퀀스 길이, d는 차원을 나타냅니다.

# 셀프 어텐션과 메모리 문제

트랜스포머 모델은 여러 관점에서 단어 간 관계를 해석하는 멀티헤드 어텐션을 사용합니다. 이 구조는 뛰어난 성능을 보여주지만, 동시에 상당한 계산 자원을 필요로 합니다. 멀티헤드 어텐션의 수학적 구조는 다음과 같이 표현됩니다:

<Math math="MultiHead(Q, K, V) = Concat(head_1, ..., head_h)W^O" block />
<Math math="where\ head_i = Attention(QW^Q_i, KW^K_i, VW^V_i)" block />

각 헤드가 독립적으로 연산을 수행하면서 상당한 메모리를 필요로 하게 됩니다:

<Math math="Memory_{required} = h \times (3 \times d^2) +" block />
<Math math="BatchSize \times SeqLength \times ModelDim \times 4" block />

## Chain-of-Thought 프롬프팅 해결방안

Chain-of-Thought(CoT) 프롬프팅은 LLM의 추론 능력을 향상시키는 효과적인 방법입니다. 이는 다음과 같은 수학적 표현으로 나타낼 수 있습니다:

<Math math="P(answer|steps, problem) =" block />
<Math math="\frac{P(steps|problem) \times P(answer|steps)}{P(problem)}" block />

### CoT의 실제 적용 예시

일반적인 프롬프팅과 CoT 프롬프팅의 차이는 다음과 같습니다:

일반적 프롬프팅:

```
Q: strawberry에서 'r'의 개수는?
A: 2개
```

CoT 프롬프팅:

```
Q: strawberry에서 'r'의 개수를 단계별로 세어주세요.
A: 1단계: 각 글자 확인
   s(r없음) → t(r없음) → r(첫번째) → a(r없음) → w(r없음)
   → b(r없음) → e(r없음) → r(두번째) → r(세번째) → y(r없음)
   총 개수: 3개
```

## 하드웨어 요구사항과 제약

현대의 트랜스포머 모델은 상당한 컴퓨팅 파워를 필요로 합니다. 이는 다음 수식으로 표현됩니다:

<Math math="Computing_{power} =" block />
<Math math="\frac{Parameters \times Tokens}{Time}" block />

이러한 요구사항으로 인해 NVIDIA AI 칩과 같은 고성능 하드웨어가 필수적이며, 이는 높은 전력 소비와 메모리 사용량 증가로 이어집니다. 결과적으로 입력 토큰 수에 제한을 둘 수밖에 없는 상황입니다.

# 차세대 아키텍처와 미래 전망

## MOE (Mixture of Experts) 아키텍처

MOE는 트랜스포머의 한계를 극복하기 위한 혁신적인 접근 방식으로, 여러 전문가 모델들을 효과적으로 결합합니다. 이 아키텍처는 계산 효율성을 크게 향상시키는데, 필요한 경우에만 특정 전문가 모델을 활성화함으로써 전체 시스템의 계산 부하를 줄일 수 있습니다. 또한 메모리 사용을 최적화하여, 한정된 자원으로도 더 큰 모델을 운영할 수 있게 합니다. 각 전문가 모델이 특정 태스크에 특화되어 있어, 복잡한 문제를 더 효과적으로 해결할 수 있습니다.

MOE의 수학적 구조는 다음과 같이 표현됩니다:

<Math math="Output = \sum_{i=1}^n g_i(x)f_i(x)" block />

여기서 g_i(x)는 각 전문가를 선택하는 게이팅 함수이며, f_i(x)는 각 전문가 모델의 출력을 나타냅니다. 이러한 구조를 통해 시스템은 입력에 따라 가장 적합한 전문가를 동적으로 선택하여 처리할 수 있습니다.

## 하이퍼스케일 AI 연구 동향

하이퍼스케일 AI는 대규모 확장성을 목표로 발전하고 있으며, 그 성능은 다음과 같은 스케일링 법칙을 따릅니다:

<Math math="Performance =" block />
<Math math="\alpha \log(N) + \beta \sqrt{C}" block />

이 식에서 N은 파라미터 수, C는 컴퓨팅 능력을 나타내며, α와 β는 스케일링 계수입니다. 이러한 관계는 모델 크기와 컴퓨팅 파워 증가에 따른 성능 향상을 예측하는 데 도움을 줍니다.

## Mamba 아키텍처

Mamba는 선택적 상태 공간 모델링을 통해 트랜스포머의 한계를 극복하려는 새로운 시도입니다. 이 모델의 핵심 메커니즘은 다음과 같이 표현됩니다:

<Math math="h_t = \phi(x_t, h_{t-1})" block />
<Math math="y_t = \psi(h_t)" block />

Mamba는 선형 시간 복잡도를 가지고 있어 긴 시퀀스를 효율적으로 처리할 수 있으며, 메모리 사용량도 크게 개선되었습니다. 특히 긴 문맥을 필요로 하는 태스크에서 뛰어난 성능을 보여줍니다.

## 종합적 전망 및 발전 방향

AI 기술은 효율성, 확장성, 새로운 패러다임이라는 세 가지 주요 축을 중심으로 발전하고 있습니다. 효율성 측면에서는 다음 수식으로 표현되는 성능 대비 자원 사용률의 최적화가 진행되고 있습니다:

<Math math="Efficiency = \frac{Performance}{Resource_{usage}}" block />

확장성 강화를 위해 분산 처리 기술이 발전하고 있으며, 모듈화된 아키텍처와 리소스 최적화 기술이 도입되고 있습니다. 새로운 패러다임으로는 하이브리드 아키텍처, 생물학적 영감을 받은 모델, 양자 컴퓨팅 통합 등이 연구되고 있습니다.

# 결론

트랜스포머는 AI 발전의 중요한 이정표였지만, 그 한계는 분명합니다. MOE, Mamba, 하이퍼스케일 AI와 같은 새로운 접근 방식들은 이러한 한계를 극복하고 AI의 새로운 지평을 열어갈 것으로 기대됩니다.

# Future Research Directions

향후 AI 연구는 계산 효율성 최적화, 메모리 사용량 절감, 확장성 있는 아키텍처 개발, 하이브리드 접근법 연구 등에 집중될 것으로 예상됩니다. 이러한 연구들은 더 효율적이고 강력한 AI 시스템의 개발을 가능하게 할 것입니다.

## 새로운 아키텍처의 등장

### SSM (State Space Model)

SSM은 트랜스포머의 대안으로 주목받고 있는 새로운 아키텍처입니다. 이 모델은 시스템의 상태를 연속적으로 업데이트하면서 입력을 처리하는 방식으로 작동하며, 다음과 같은 수학적 구조를 가집니다:

<Math math="h_{t+1} = Ah_t + Bx_t" block />
<Math math="y_t = Ch_t + Dx_t" block />

SSM은 선형 시간 복잡도를 가지고 있어 긴 시퀀스를 효율적으로 처리할 수 있으며, 메모리 사용량도 트랜스포머에 비해 크게 개선되었습니다. 특히 긴 시퀀스 처리가 필요한 태스크에서 뛰어난 성능을 보여줍니다.

### Mamba 아키텍처의 혁신

Mamba는 SSM을 기반으로 하되, 선택적 상태 업데이트 메커니즘을 도입한 혁신적인 모델입니다. 그 수학적 구조는 다음과 같습니다:

<Math math="S_{t+1} =" block />
<Math math="\Delta_t \odot (A_t S_t + B_t x_t)" block />

이 모델은 선택적 상태 업데이트를 통해 계산 효율성을 높이고, 하드웨어 최적화를 통해 성능을 개선했으며, 특히 긴 컨텍스트를 처리하는 데 탁월한 능력을 보여줍니다.

### Jamba: 하이브리드 접근의 미래

Jamba는 트랜스포머와 Mamba의 장점을 결합한 하이브리드 모델입니다. 이 모델은 다음과 같은 수식으로 표현되는 혼합 구조를 가집니다:

<Math math="Output = \alpha T(x) + (1-\alpha)M(x)" block />

이 모델은 120B의 활성 파라미터를 가지고 있으며, 향상된 처리량과 긴 시퀀스 처리 능력을 제공합니다. 트랜스포머의 강력한 병렬 처리 능력과 Mamba의 효율적인 시퀀스 처리 능력을 모두 활용할 수 있다는 것이 큰 장점입니다.

## 미래 전망

### 실시간 처리 최적화

마이크로소프트의 디코더 기반 트랜스포머는 실시간 처리에 최적화되어 있으며, 다음과 같은 지연 시간 공식을 따릅니다:

<Math math="Latency = \frac{TokenCount}{ProcessingSpeed}" block />

이를 통해 실시간 응용 프로그램에서도 효과적인 성능을 발휘할 수 있습니다.

### 멀티모달 통합의 진화

AI 시스템은 점차 다양한 형태의 입력을 통합적으로 처리하는 방향으로 발전하고 있습니다. 이는 다음과 같은 포괄적인 이해 모델로 표현됩니다:

<Math math="Understanding =" block />
<Math math="f(Text, Vision, Audio, Interaction)" block />

이러한 통합적 접근은 AI 시스템이 인간의 인지 과정을 더 잘 모방할 수 있게 해줍니다.

### 계산 효율성의 혁신

새로운 아키텍처들은 각각 다른 계산 복잡도를 가지고 있습니다:

- 트랜스포머는 O(n²)의 복잡도로 인해 긴 시퀀스 처리에 제약이 있습니다.
- SSM과 Mamba는 O(n)의 선형 복잡도로 더 효율적인 처리가 가능합니다.
- Jamba는 O(n·log(n))의 복잡도로 효율성과 성능의 균형을 추구합니다.

# 마무리: AI 아키텍처의 미래

현재 AI 기술은 트랜스포머의 한계를 극복하고 더 효율적인 아키텍처를 향해 나아가고 있습니다. Mamba, SSM, Jamba와 같은 혁신적인 모델들은 기존 트랜스포머의 제약을 해결하면서도, 더 나은 성능을 제공할 것으로 기대됩니다.

이러한 새로운 아키텍처들은 단순한 성능 향상을 넘어 계산 효율성과 리소스 활용의 최적화를 함께 고려하고 있습니다. 이는 AI 기술의 지속 가능한 발전을 위해 매우 중요한 방향성입니다.

앞으로의 AI 발전은 실시간 처리, 멀티모달 통합, 계산 효율성 향상 등의 영역에서 획기적인 발전이 이루어질 것으로 예상됩니다. 이러한 발전은 AI가 우리의 일상생활에 더욱 자연스럽게 통합되는 데 기여할 것입니다.

## 참고 문헌

1. Vaswani, A., et al. (2017). "Attention Is All You Need". arXiv preprint arXiv:1706.03762.
2. 안될공학. (2023). "트랜스포머를 넘어 MoE와 SSM까지, 미래 AI의 방향은?...". [YouTube](https://youtu.be/NSt259rpsKM?si=mugw0frQqWOJIUcT)
3. Gu, A., et al. (2023). "Mamba: Linear-Time Sequence Modeling with Selective State Spaces". arXiv preprint arXiv:2312.00752.
4. Wei, J., et al. (2022). "Chain of Thought Prompting Elicits Reasoning in Large Language Models". arXiv preprint arXiv:2201.11903.
5. Brown, T., et al. (2020). "Language Models are Few-Shot Learners". arXiv preprint arXiv:2005.14165.


LLM의 진화, 그리고 한계


# 학교 디지털 출결 제작기

안녕하세요, Sungblab입니다! 제 고등학교 학생들을 위한 QR코드 디지털 출결 시스템 개발 이야기를 공유하려고 합니다.
기존 수기 출결의 문제점을 인식하고 이를 개선하고자 프로젝트를 시작하게 되었습니다.

### 1. 기획

풀스택 개발을 기획하면서, 출결 체크 방식으로 지문인식, RFID 카드, QR코드 등 다양한 방법을 검토했습니다.
그 중에서 비용 효율성과 접근성이 뛰어난 QR코드 방식을 선택했습니다. 네이버 QR코드 로그인 시스템에서 영감을 받아,
각 사용자의 고유 QR코드를 스캐너가 인식하는 방식을 구상했습니다.

#### 기술 스택 선정

- **Frontend**: Vanilla HTML
- **Backend**: Express.js & Node.js
- **Database**: MongoDB
- **인증/보안**: JWT & bcrypt
- **UI/스타일링**: Tailwind CSS

개발은 Claude 3.5 Sonnet의 도움을 받아 진행했습니다. 먼저 백엔드 코드를 완성한 후, 이에 맞춰 프론트엔드 코드를 작성하는 방식으로 접근했습니다.
약 1,000여 줄의 코드를 작성했으며, 프론트엔드는 React도 고려했으나 초기 학습 곡선이 높아 Vanilla HTML을 선택했습니다.

### 2. 개발 과정

![image.png](/images/pr6.png)

```
📁 프로젝트 루트
├── 📁 css
├── 📁 js
├── 📁 node_modules
├── 📄 change-password.html
├── 📄 dashboard.html
├── 📄 find-password.html
├── 📄 hub.html
├── 📄 index.html
├── 📄 package.json
├── 📄 package-lock.json
├── 📄 qr.html
├── 📄 reader.html
├── 📄 signup.html
├── 📄 statistics-dashboard.html
└── 📄 tailwind.config.js
```

프로젝트 구조는 다음과 같습니다:

- `index.html`: 로그인 페이지
- `hub.html`: 사용자 권한에 따른 분기 처리
  - 일반 사용자: `qr.html`로 자동 리다이렉트
  - admin/reader 권한: hub 페이지에서 메뉴 선택 가능
- `qr.html`: 30초마다 자동 갱신되는 암호화된 QR코드 표시
- `reader.html`: QR코드 스캔 페이지

![image.png](/images/관리자페이지.png)
관리자 대시보드에서는 사용자 승인과 권한 관리 등 다양한 관리 기능을 제공합니다.

![image.png](/images/11.png)
통계 대시보드는 가장 공을 들인 페이지로, 전체 출결 현황과 개별 학생의 상세 통계를 확인할 수 있습니다.

![image.png](/images/22.png)
병결 등 특별한 사유가 있는 경우를 위해 인정출결 처리 기능을 구현했습니다.

![image.png](/images/33.png)
나이스 학사일정 API를 연동하여 주말 및 공휴일을 자동으로 등록하는 기능을 제공합니다.

![image.png](/images/44.png)
출석, 지각, 결석의 기준 시각을 설정할 수 있으며, 미출석 시 자동 결석 처리되는 기능을 구현했습니다.

추가로, React Native를 활용하여 하이브리드 앱도 개발했습니다.

![image.png](/images/앱.png)

### 3. 마무리

2024년 9월부터 12월까지 제 학급에서 시범 운영을 성공적으로 완료했으며, 2025년 새 학기부터는 전교 확대 운영을 계획하고 있습니다.
현재 만 17세라는 나이 제한으로 인해 앱 출시에는 어려움이 있지만, 이는 추후 해결해 나갈 예정입니다.

<div
  style={{
    position: "relative",
    paddingBottom: "56.25%",
    height: 0,
    overflow: "hidden",
    maxWidth: "100%",
    marginTop: "2rem",
  }}
>
  <iframe
    style={{
      position: "absolute",
      top: 0,
      left: 0,
      width: "100%",
      height: "100%",
    }}
    src="https://www.youtube.com/embed/uVYktO-Xy3U"
    title="디지털 출결 시스템 소개"
    frameBorder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowFullScreen
  ></iframe>
</div>


학교 디지털 출결 제작기


# 학교 커뮤니티 웹사이트를 만들게 된 계기

안녕하세요, Sungblab입니다! 완도고등학교 학생들을 위한 커뮤니티 사이트 '완대전' 개발 이야기를 공유하려고 합니다. 기존의 여러 커뮤니티 사이트들이 있었지만, 우리 학교만의 특화된 기능들이 필요하다고 생각했습니다.

#### 기술 스택 선택

프로젝트를 시작하면서 가장 중요하게 생각한 것은 구조가 쉽고 빠르게 개발하는 것이었습니다. 이를 위해 다음과 같은 기술 스택을 선택했습니다:

- **Frontend**: Vanilla HTML
- **Backend**: Express.js & Node.js
- **Database**: MongoDB
- **인증/보안**: JWT & bcrypt
- **UI/스타일링**: Tailwind CSS

## 제작 과정

### 1. 기획

친구와 이야기를 나누던 중, 다른 학교에서 '과구리'라는 자체 커뮤니티와 다양한 시스템을 운영하고 있다는 것을 알게 되었습니다. 이를 계기로 저도 우리 학교만의 커뮤니티 사이트를 만들어보고 싶다는 생각을 하게 되었습니다.

![image.png](/images/과구리.png)

위 사이트가 제가 벤치마킹한 사이트입니다. 이를 참고하여 제가 만들고 싶은 커뮤니티 사이트의 모습을 구상하게 되었습니다.

여름방학에 개발에 착수했는데, 마침 그때가 Claude 3.5 Sonnet이 처음 출시되었을 때였습니다. 이를 적극 활용하여 개발을 진행했고, 초기 개발 완료 후 테스트를 거쳐 프론트엔드는 Netlify에, 백엔드는 Cloudtype에 호스팅을 진행했습니다. 커뮤니티 기능을 제외한 모든 부분이 성공적으로 구현되었고, 이후 제 이름을 걸고 학교에 포스터를 게시하여 홍보도 진행했습니다(비록 아직 활발한 사용은 이루어지지 않고 있지만요).

### 2. 개발

![image.png](/images/완대전.png)

위 이미지는 메인 페이지입니다. 벤치마킹한 사이트와 레이아웃이 비슷한 것을 확인할 수 있습니다. Claude의 도움으로 초안 제작 및 테스트를 일주일 만에 완료했습니다. 제 첫 풀스택 프로젝트였는데, 나름 만족스러운 결과물이 나왔습니다. 우리 학교의 상징색인 푸른색을 테마로 적용했으며, 급식 정보는 나이스 OPEN API를 활용하여 백엔드에서 구현했습니다.

![image.png](/images/공지사항.png)
관리자 계정으로 로그인했을 때 볼 수 있는 공지사항 작성 페이지입니다. 목록에서 작성 및 수정이 가능합니다.

![image.png](/images/청원.png)
청원 페이지에서는 로그인한 사용자만 청원을 요청하고 투표에 참여할 수 있습니다.

![image.png](/images/도우미.png)
학급 도우미 페이지에는 대포 뽑기, 타이머, 무작위 팀 뽑기 등 여러 가지 유용한 기능들을 모아놓았습니다.

![image.png](/images/소개.png)
소개 페이지에는 사이트 소개와 함께 맨 아래에 개발자 연혁을 포함했습니다.

![image.png](/images/커뮤.png)
커뮤니티 페이지는 가장 고민을 많이 한 부분입니다. 익명 게시판으로 만들고 싶었지만, 여러 문제점들을 고려해야 했습니다. 로그인 사용자의 익명성 보장 문제, 비로그인 사용자의 악용 가능성 등을 고민한 끝에 DC인사이드와 같은 IP 기반 익명 시스템을 도입하기로 결정했습니다.

![image.png](/images/글쓰기.png)
이미지 업로드 기능을 포함한 글쓰기 기능을 구현했으며, 로그인 사용자는 실명으로, 비로그인 사용자는 익명으로 글을 작성할 수 있도록 설정했습니다.

![image.png](/images/글.png)
게시글 페이지도 DC인사이드를 참고하여 추천 시스템과 댓글 기능을 구현했으며, 주간 베스트 시스템도 추가했습니다.

### 3. 마무리

이 프로젝트는 학교 동아리 활동의 일환으로 제작되었습니다. 아직 활성화되지는 않았지만, 성공적으로 개발을 완료하고 운영 중이라 만족스럽습니다. 현재 서비스를 운영 중이므로, 코드가 궁금하신 분들은 개별적으로 연락 주시면 감사하겠습니다.


학교 커뮤니티 웹사이트 제작기


약 2년 전 ChatGPT가 대중에게 공개됨에 따라 생성형 AI의 위상이 갈수록 높아지고 있습니다. 그 활용 방안 중 하나로 세부능력 및 특기사항을 효과적으로 작성할 수 있다는 점을 소개하고자 합니다.

GPT는 Generative Pre-trained Transformer의 약자입니다. 여기서 트랜스포머가 중요한데, 쉽게 말해서 트랜스포머는 "문맥"을 파악해 앞으로 어떤 단어나 문장이 나올지 예측하는 것입니다. 그래서 무엇보다 GPT의 장점은 작문 능력에 있다고 생각합니다. 이러한 특성을 활용하여 생성형 AI로 세부능력 및 특기사항을 어떻게 작성할 수 있는지 제 경험을 바탕으로 알려드리고자 합니다.

현재 시중에는 ChatGPT 스토어, GetGPT 등 다양한 "생기부 도우미" 프로그램들이 있지만, 실제 사용해보니 아쉬운 점이 많았습니다. 많은 선생님들도 비슷한 경험을 하셨을 것입니다. 그래서 저는 각자 자신만의 GPT personalization(개인화)을 하시면 좋겠다는 생각에 이 글을 작성하게 되었습니다.

무엇보다 주의할 사항은 hallucination, 즉 환각 현상입니다. ChatGPT 화면 하단을 보시면 "ChatGPT는 실수를 할 수 있습니다. 중요한 정보를 확인하세요"라는 문구가 있습니다. "기계가 실수하면 안 되는 것 아닌가?"라고 생각하실 수 있지만, 인간도 실수를 하듯이 인간을 모방한 인공지능도 실수를 할 수 있다고 이해해 주시기 바랍니다. 사용자가 입력하지 않은 정보나 실제 존재하지 않는 내용, 비논리적인 답변이 언제든 발생할 수 있으므로, 이를 잘 파악하고 제어하면서 사용하는 것이 중요합니다.

본론으로 들어가면, ChatGPT는 시장을 먼저 선점한 모델입니다. 대부분의 선생님들이 이 모델만 알고 계시겠지만, 사실 시중에는 많은 AI 모델이 존재합니다. 그중에서 제가 추천하고 싶은 것은 Anthropic사의 "Claude"라는 모델입니다. 이 모델은 웹페이지가 영어로 되어있지만, ChatGPT보다 "특히" 한국어 처리 능력이 뛰어나고 작문 실력도 우수합니다. 저는 이번에 Claude 모델을 사용할 예정이며, ChatGPT도 사용법이 비슷하니 참고하시면 좋을 것 같습니다.

ChatGPT와 Claude의 이용 요금은 각각 한 달에 약 3만 원 정도입니다. 저는 이 비용이 그리 비싸지 않다고 생각합니다. 혹시라도 무료 버전으로 사용하실 선생님들께는 차라리 사용하지 않는 것을 추천드립니다. 만약 컴퓨터 활용과 영어에 능숙하시다면, 더 저렴한 API를 사용해보시는 것도 좋은 방법입니다. 예를 들어 구글의 AI Studio에서는 400달러 상당의 무료 크레딧을 제공하고 있습니다.

프롬프트(Prompt)와 프롬프팅(Prompting)의 개념은 AI를 활용하는 데 있어 매우 중요합니다. 쉽게 말해서 AI가 이해하기 쉽도록 지시사항이나 안내(instruction)를 하는 것을 의미합니다.

![image.png](/images/image.png)

먼저 Claude에서 프로젝트를 하나 생성하는 것부터 시작하겠습니다. 프로젝트를 만들 때는 체계적인 접근이 필요합니다.

![image.png](/images/image1.png)

프롬프트(Prompt)와 프롬프팅(Prompting)의 개념은 AI를 활용하는 데 있어 매우 중요합니다. 쉽게 말해서 AI가 이해하기 쉽도록 지시사항이나 안내(instruction)를 하는 것을 의미합니다.
먼저 Claude에서 프로젝트를 하나 생성하는 것부터 시작하겠습니다. 프로젝트를 만들 때는 체계적인 접근이 필요합니다.
Project Knowledge 섹션은 매우 중요한 부분입니다. 이곳에 선생님께서 평소 사용하시는 생기부 작성 말투, 문장 구조, 그리고 참고하실 자료들을 넣으시면 됩니다. 예를 들어 기존 생기부 사례나 작성 방안 등을 포함할 수 있습니다. 여기서 중요한 점은 문서를 업로드할 때 OCR(광학 문자 인식)이 가능한 PDF 파일을 사용하는 것을 추천드립니다. 물론 이미지 파일도 가능하지만, 텍스트 인식이 가능한 형태가 더 효과적입니다.
저는 예시로 "학교생활기록부 작성 방법 – 제주진학협의회"의 자료를 활용해보도록 하겠습니다. 단, 자료를 업로드할 때 주의하실 점이 있습니다. 한 번에 너무 많은 양의 자료(예: 100페이지가 넘는 PDF)를 업로드하는 것은 피해야 합니다. AI가 효과적으로 처리할 수 있는 적절한 양을 고려하여 자료를 나누어 올리시는 것이 좋습니다.
저는 이제 교과별 세부능력 및 특기사항(교과 세특)을 작성해보도록 하겠습니다. 하지만 그전에 앞서 언급했던 프롬프트 인스트럭션을 작성하는 것이 중요합니다. 이를 위해 'Set Project Instruction'을 선택하여 AI에게 구체적인 지시사항을 입력하도록 하겠습니다.

당신은 학교생활기록부 작성에 풍부한 경험이 있는 고등학교 교사입니다.
다음 지침에 따라 학생의 교과별 세부능력 및 특기사항을 작성해주세요:

1. 형식 요건

- 교과별 500자 이내로 작성
- 객관적이고 구체적인 서술 사용
- 학생의 성장과 학습 과정에 중점
- 실제 수업/활동 사례 포함

2. 필수 포함 사항

- 수업 참여도와 태도
- 교과 내용 이해도
- 학생만의 특별한 학습 방식이나 접근법
- 시간에 따른 성장과 발전
- 의미 있는 성과나 기여

3. 작성 원칙

- 전문적이면서도 자연스러운 한국어 사용
- 추상적 칭찬이나 주관적 판단 지양
- 구체적 사례로 관찰 내용 뒷받침
- 교과 역량과 연계하여 서술

4. 서술 구조
   가) 수업 태도와 참여도
   나) 교과 내용의 이해와 적용
   다) 성장과 발전 과정
   라) 특기할 만한 특성이나 성과

추가 참고사항:

- 교육부 지침 준수
- 학교생활기록부 작성 길라잡이 참조
- 선행학습 금지 관련 내용 배제
- 사교육 유발 요소 배제

제공된 학생 정보를 바탕으로 위 지침에 따라 평가를 생성해 주세요.

이런식으로 인스트럭션을 작성해주겠습니다. (이건 예시일 뿐입니다.)

![image.png](/images/image2.png)

그 다음에 컨텐츠 추가를 해주겠습니다.

![image.png](/images/image3.png)

Add Content 기능을 통해 필요한 자료를 추가할 수 있습니다. PDF 40페이지 정도가 프로젝트 용량의 40%를 차지하므로, 자료 업로드 시 용량 관리에 주의를 기울여야 합니다. 각 선생님들만의 작성 요령과 지침은 가급적 텍스트 파일(.txt)로 정리하여 업로드하시는 것을 추천드립니다. 텍스트 파일이 AI가 처리하기에 더 효율적이기 때문입니다.

네 이제 교과 세부 능력과 특기사항을 작성하려 할 때. 선생님들의 기본 틀은 잡아 놓으셨을 겁니다.

제 세특을 예시로 작성해보자면

![image.png](/images/image4.png)

일단 이렇게 질문 해봅시다. 이제 제 수행평가 자료를 올려겠습니다.

![image.png](/images/image5.png)

여기서 중요한건 나의 자료, 나의 내용에 없는 내용은 작성해주지마, 이게 실수를 덜 유도합니다.

![image.png](/images/image6.png)

좀 부족한거 같습니다. 다른 지구과학 세특 예제를 가져와 학습시켜 주겠습니다.

![image.png](/images/image7.png)

![image.png](/images/image8.png)

이런 식으로 작성해 주시면 되겠습니다. 저는 지금 대충 작성한 것이라 선생님들이 보시기에는 부족한 면이 많겠지만, 선생님들만의 노하우와 자료 등을 잘 정리하여 쓴다면 플라시보 효과를 가져올 것입니다.

또 다른 예시로 들어보자면, 행특을 작성하실 때에는 선생님들의 자료와 키워드들을 많이 정리해 놓아주면 좋습니다. 그 자료를 입력하고 "이 학생의 기억나는 것을 1~100까지 다 적으십시오. 그리고 논리 정연하게 정리해 주라"고 명령한 뒤, 키워드를 중심으로 행특을 써줘 이런 식으로 하면 됩니다.

주의 사항으로는 Claude를 사용할 때는 한 학생의 세특을 작성했다면 새로운 채팅을 시작해야 합니다.

![image.png](/images/image9.png)

그리고 Claude는 사용량이 꽤 빨리 소진된다는 점을 유의해야 합니다. Claude는 3시간 연속으로 사용하면 3시간 동안 사용 제한이 걸립니다. 반면 ChatGPT는 사용량이 더 많고, 인터넷 검색이 가능하다는 장점이 있습니다.

선생님들께서는 편하신 도구를 선택하여 사용하시면 됩니다. ChatGPT도 같은 방식으로 활용하실 수 있습니다.

제가 제안한 방법이 완벽하진 않을 수 있지만, 제가 아는 한에서는 이러한 활용 방법이 효과적이라고 생각합니다.


생성형 AI를 활용한 생기부 작성 방법


이 글의 내용은 2024년 9월 기준으로 작성되었습니다. AI 기술은 빠르게 변화하고 있으므로, 일부 정보는 현재와 다를 수 있습니다.

![Alt text](/images/3.png)

# AI 기술의 급격한 발전

에릭 슈미트는 AI 기술이 매우 빠르게 발전하고 있어 6개월마다 새로운 인터뷰가 필요할 정도라고 말합니다. 이는 AI 분야의 변화 속도가 얼마나 빠른지를 잘 보여주는 대목이죠.

현재 주목받고 있는 기술은 백만 토큰 컨텍스트 윈도우, AI 에이전트의 발전, Text to Action 기술입니다. 이런 기술들이 우리 일상에 미칠 영향은 상상 이상일 것 같습니다. 특히 Text to Action 기술은 정말 흥미롭네요. 자연어로 명령을 내리면 AI가 이를 실제 행동으로 옮기는 거죠. 이런 기술이 보편화되면 우리의 일상이 어떻게 변할까요?

💡 **생각해보기**: Text to Action 기술이 일상화된다면, 여러분의 하루는 어떻게 바뀔까요? 긍정적인 면과 우려되는 점을 함께 고민해봐요.

# AI 인프라의 중요성

슈미트는 AI 발전을 위해 막대한 투자가 필요하다고 강조합니다. 특히 엔비디아의 GPU와 같은 하드웨어 인프라의 중요성을 언급하죠.

"엔비디아가 2조달러 기업이 된 이유는 대부분의 코드가 엔비디아 GPU에서만 지원하는 CUDA 최적화로 실행되어야 하기 때문입니다."

이는 AI 기술 발전이 단순히 소프트웨어만의 문제가 아니라는 점을 잘 보여줍니다. 하드웨어와 소프트웨어의 긴밀한 협력이 필요한 거죠.

# AI의 사회적 영향

슈미트는 AI가 소셜미디어보다 더 큰 사회적 영향을 미칠 것이라고 예측합니다. 이는 매우 중요한 포인트인 것 같습니다. AI가 우리 사회를 어떻게 변화시킬지, 그리고 우리는 그 변화에 어떻게 대비해야 할지 진지하게 고민해 봐야 할 때입니다.

# 국제 경쟁과 AI

AI 기술 발전에 있어 국가 간 경쟁도 치열해질 전망입니다. 슈미트는 특히 미국과 중국의 경쟁을 주목하고 있죠. 이런 경쟁이 기술 발전을 가속화할 수 있지만, 동시에 국가 간 격차를 더 벌릴 수 있다는 점도 고려해야 할 것 같습니다.

# 개인적인 견해

에릭 슈미트의 견해는 대체로 AI의 긍정적인 면을 강조하고 있습니다. 하지만 우리는 AI 기술의 양면성에 대해서도 주의 깊게 살펴볼 필요가 있습니다.

AI가 발전할수록 윤리적 문제도 더욱 복잡해질 것입니다. 우리는 AI의 결정이 공정하고 편견 없이 이루어지도록 어떻게 보장할 수 있을까요? AI가 많은 일자리를 대체할 것이라는 우려도 있습니다. AI 시스템이 더 많은 데이터를 처리하게 될수록 개인정보 보호 문제도 더욱 중요해질 것입니다.

슈미트도 언급했듯이, AI 기술은 부유한 국가들의 게임이 될 가능성이 높습니다. 이런 격차를 어떻게 줄일 수 있을까요?

# 마치며

AI 기술은 우리에게 엄청난 기회를 제공하지만, 동시에 많은 도전과제도 안겨주고 있습니다. 우리는 이 기술의 발전을 환영하면서도, 그것이 우리 사회에 미칠 영향에 대해 끊임없이 고민하고 토론해야 합니다.

여러분은 어떻게 생각하시나요? AI의 미래에 대한 여러분의 생각을 댓글로 남겨주세요. 함께 이야기 나누어 봅시다.


AI의 미래, 에릭 슈미트의 생각


인공지능 기술이 급속도로 발전하는 이 시대에, 한 가지 강력한 움직임이 주목받고 있습니다. 바로 오픈소스 AI입니다. 학생이자 기술 애호가로서, 저는 이 트렌드를 주의 깊게 지켜보고 있었고, 오늘은 왜 오픈소스 AI가 단순한 유행이 아닌 전체 산업의 중요한 미래가 될 것인지에 대한 제 생각을 나누고자 합니다.

![Alt text](/images/2.webp)

# 오픈소스 AI의 비전

최근 마크 저커버그의 ["오픈소스 AI가 미래다"](https://about.fb.com/news/2024/07/open-source-ai-is-the-path-forward/)라는 글과 [관련 영상](https://www.youtube.com/watch?v=1jCESAqhUJU&t=1s)을 접하게 되었습니다. 이 자료들은 오픈소스 AI의 엄청난 잠재력에 대해 제 눈을 열어주었고, 많은 부분에서 공감할 수 있었습니다.

핵심 주장은 간단하지만 강력합니다: AI 모델을 오픈소스로 만듦으로써, 우리는 혁신을 가속화하고, 최첨단 기술에 대한 접근을 민주화하며, 더 강력하고 다양한 AI 생태계를 만들 수 있다는 것입니다.

# AI에서 오픈소스가 중요한 이유

기술의 민주화는 오픈소스 AI의 가장 중요한 장점입니다. 스타트업, 연구자, 개인들이 높은 비용 없이도 최신 모델에 접근하고 이를 기반으로 개발할 수 있게 되었습니다.

투명성과 신뢰도 중요한 요소입니다. 오픈소스 모델을 통해 AI 커뮤니티는 코드를 검토하고, 내부 작동 방식을 이해하며, 안전성과 윤리적 고려사항을 집단적으로 개선할 수 있습니다.

오픈소스의 협력적 특성은 전 세계 개발자들의 전문성이 모여 더 빠른 개선과 새로운 응용 프로그램 개발로 이어집니다. 조직들은 오픈소스 모델을 자신들의 특정 요구에 맞게 조정하고, 개인정보를 침해하지 않으면서도 독점 데이터로 모델을 미세 조정할 수 있게 되었습니다.

저커버그가 지적했듯이, Llama 3.1과 같은 오픈소스 모델로 추론을 실행하는 것이 폐쇄형 모델을 사용하는 것보다 훨씬 비용 효율적입니다.

# 오픈소스 AI에 대한 개인적 경험

오픈소스 AI의 힘은 저에게 단순한 이론이 아닙니다. 직접 경험해 보았기 때문입니다. 최근 GPT-3.5 Turbo와 비슷한 성능을 자랑하는 Llama 3.1을 제 로컬 머신에서 실행해볼 기회가 있었는데, 그 경험은 정말 흥미진진했습니다.

이렇게 정교한 AI 모델을 제 개인 하드웨어에서 직접 다룰 수 있다는 사실은 오픈소스가 가져다주는 접근성에 대해 새로운 감사함을 느끼게 해주었습니다. 이는 단순한 기술적 성취를 넘어선 일종의 힘을 얻는 경험이었습니다.

이 경험에 고무되어 저는 학교 축제에서 Llama 3.1을 시연해 보기로 결정했습니다. 시연은 큰 호응을 얻었고, 제 또래들 사이에서 호기심과 흥분을 불러일으켰습니다. 오픈소스 AI 모델이 어떻게 관객들을 사로잡고 토론을 촉발시킬 수 있는지를 직접 목격하는 것은 정말 놀라운 경험이었습니다.

# 오픈소스 AI의 미래

오픈소스 AI의 발전은 멈추지 않을 것입니다. Llama 3.1과 같은 모델들이 계속해서 발전하면서, 우리는 AI 기술의 더 넓은 응용과 혁신적인 사용 사례들을 보게 될 것입니다. 이는 단순히 기술적인 진보를 넘어, 사회 전반에 걸친 변화를 의미합니다.

교육, 의료, 과학 연구 등 다양한 분야에서 오픈소스 AI는 새로운 가능성을 열어줄 것입니다. 예를 들어, 학생들은 최첨단 AI 모델을 직접 다루며 학습할 수 있고, 연구자들은 복잡한 문제를 더 빠르게 해결할 수 있을 것입니다.

# 마치며

오픈소스 AI는 단순한 기술적 선택이 아닙니다. 이는 지식과 능력을 공유하고, 협력을 통해 더 나은 미래를 만들어가는 철학입니다. 제 경험을 통해 저는 이 움직임이 가진 힘과 잠재력을 직접 느낄 수 있었습니다.

우리 모두가 이 흥미진진한 여정에 동참하여, 오픈소스 AI가 만들어갈 더 밝고 혁신적인 미래를 함께 만들어갈 수 있기를 희망합니다. AI의 미래는 개방적이고, 협력적이며, 모두에게 접근 가능한 것이 되어야 합니다. 그리고 오픈소스 AI는 바로 그 길을 열어주고 있습니다.


오픈소스 AI의 힘


# 나의 프로그래밍 일대기

안녕하세요, 여러분. 이 글은 제가 포트폴리오 사이트 Sungblab을 만들고 처음 써보는 글입니다. 제 프로그래밍 여정을 시간 순서대로 정리해 보았습니다.

# 초창기 Sungblab

사실 이 사이트를 만들기 전, 제가 중학교 2학년일 때 기본 HTML과 Bootstrap을 이용해서 Sungblab이라는 사이트를 만든 적이 있었습니다. 그때는 완전 초보여서 지금 보면 레이아웃도 이상하고, 별 내용도 없는 것 같네요.

![Alt text](/images/1.png)

# 어린 시절의 기술 호기심

하지만 제 이야기는 그보다 훨씬 전으로 거슬러 올라갑니다. 저는 어릴 때부터 하드웨어를 좋아했습니다. 집의 온갖 장난감과 기계를 분해하고 조립하며 자랐고, 부모님이 폴더폰 하나라도 주시면 하루 종일 붙잡고 있었습니다. 심지어 제 친구 말로는 제가 유치원 다닐 때 스케치북에 노트북을 그려 '치고' 있었다고 합니다. 제 환경 특성상 형제자매와 나이 차이가 많고, 부모님이 맞벌이셨기에 저는 혼자 있는 시간이 많아서 그랬던 것 같습니다.

# 스마트폰과 함께한 성장

초등학교 시절, 저는 남들보다 조금 늦은 3학년 때 첫 스마트폰을 가지게 되었습니다. 유심 없는 삼성 갤럭시 S2였죠. 물려받은 폰이었고, 저장 공간이 16GB 정도였기에 SD카드를 따로 끼워 사용했던 기억이 납니다. 그 다음 폰은 갤럭시 Note 3였는데, 이때부터 폰에 이상한 짓을 하기 시작했습니다. 커스텀롬, TWRP, 루팅 등 다양한 것을 시도했죠. 5학년이 되어서는 갤럭시 S7 Edge를 갖게 되었는데, 이때가 마지막으로 커스텀롬이 흥했던 시기였습니다. 루팅, 오버클럭 등 다양한 실험을 해봤습니다.

# 컴퓨터 하드웨어와의 만남

컴퓨터와의 인연도 빼놓을 수 없습니다. 초등학교 4학년 때 컴퓨터가 너무 갖고 싶어서 누나, 형의 컴퓨터를 썼는데, 그때 당시 인텔 셀러론 G1850 정도였습니다. 5학년이 되어서는 배틀그라운드가 너무 하고 싶어서 용돈을 모아 부모님 몰래 번개장터에서 GTX 1050 Ti를 12만 원에, i5-4690과 8GB RAM 2개를 구입해 그 당시엔 재밌게 즐겼습니다. 중학교 1학년에 올라와서는 Ryzen 5 3500X와 GTX 1660으로 구성했고, 고1 때는 Ryzen 5 5600X에 RTX 3070으로 바꿨습니다. 전 컴퓨터 가게에 한 번도 가본 적 없고, 다 제가 인터넷을 뒤지며 해결했습니다. 때로는 친구들 컴퓨터를 봐주기도 했죠.

# 소프트웨어 개발로의 전환

이렇듯 저는 중학교 때까지 주로 하드웨어에 관심이 있었지만, 중3 때 생각이 약간 바뀌었습니다. 2022년, 그때 당시 ChatGPT가 대중들에게 처음 출시되었을 때였습니다. 그때 저는 새로운 세상을 본 듯했습니다. "이게 된다고?" 하는 생각을 했죠. 그러고 웹을 만들어보며 소프트웨어나 인공지능이 더 좋은 미래가 있지 않을까 하는 생각을 했습니다.

# 웹 개발로의 여정

제가 근본적으로 프로그래밍을 시작한 건 게임을 만들고 싶어서였는데, 처음부터 언리얼 엔진, 윈도우 API, C++을 배우려니 너무 어려워서 포기하고 웹으로 넘어갔습니다. 그러고 나서 제가 고등학교에 들어오고 나서부터 제대로 파이썬과 웹에 대해서 다루게 됐습니다.

# 현재와 미래

고등학교 1학년에 올라와서는 일상생활에도 ChatGPT를 활용해보고 코딩도 해보며 점점 더 흥미를 느꼈습니다. 그리고 고등학교 2학년인 2024년 현재, 프로그래밍 동아리 Codelab을 만들고 동아리 대표인 저와 부원들과 함께 열심히 프로젝트를 만들며 성장했습니다. (제 동아리가 궁금하시다면 - [동아리 홈페이지](https://codelap.netlify.app) 여기로 와주세요) 여기엔 제 프로젝트들과 1년간 부원들과 함께한 프로젝트들이 있습니다.

사실 React나 Next.js엔 관심이 없었습니다. 전 그냥 HTML이 좋았거든요. 하지만 백엔드를 하면서 Django나 Flask를 사용하다 보니, 이젠 예전 기술인 바닐라 HTML 대신 요즘 유행하는 React를 써볼까 생각했습니다. [코딩애플의 "React is the best"](https://youtu.be/pVQPfTleC_4?si=lH7tzUE2gQfzdnNY) 노래가 큰 영향을 끼쳤습니다. 이걸로 제 포트폴리오 사이트를 만들면 좋겠단 생각을 했고, 블로그 기능까지 구현하고 싶어 알아보니 SSR을 지원하는 Next.js란 게 있다는 걸 깨달아 이 사이트를 제작하게 되었습니다.

# AI와의 만남

Claude의 출시로 더욱 편리하게 코딩하고 제 지식을 채우고 있으며, 외에도 일상생활에 더 유용하게 활용하고 있습니다. Meta의 Llama 같은 것도 써보며 소프트웨어, 인공지능에 관한 길을 꿈꾸게 되었습니다.

# 마무리

지금 돌이켜보면, 하드웨어에 대한 초기 관심에서 시작해 웹 개발을 거쳐, 이제는 AI와 최신 웹 기술을 융합하는 방향으로 나아가고 있다는 것이 느껴집니다. 이 사이트는 제 기술적 성장의 결과물이자, 앞으로의 여정을 기록할 공간입니다. 여러분과 함께 성장해 나가는 모습을 보여드릴 수 있기를 기대합니다. 감사합니다!


Building

From the Blog

클로드 api를 활용한 진로상담 챗봇 만들기

파이썬 face recognition 라이브러리를 활용한 얼굴인식 출결 시스템 제작

AI 번역기의 문법적 정확성이 영어 교육에 주는 시사점

Tech Stack

Frontend

Backend

Database

DevOps & Tools

Featured Projects

Sungblab

sungblab-nextjs

Sungblab_AI

Let's work together.