From 6306b5b9fff3c1656c3dabc5080a2bb91f8ef27c Mon Sep 17 00:00:00 2001 From: MU-Software Date: Mon, 4 Nov 2024 22:45:46 +0900 Subject: [PATCH] =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=A0=81?= =?UTF-8?q?=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/Program/tutorial.tsx | 477 ++++++++++++++++++++++----------- 1 file changed, 315 insertions(+), 162 deletions(-) diff --git a/src/pages/Program/tutorial.tsx b/src/pages/Program/tutorial.tsx index dfc7a35..6ee959e 100644 --- a/src/pages/Program/tutorial.tsx +++ b/src/pages/Program/tutorial.tsx @@ -1,5 +1,6 @@ import Page from "components/common/Page" import React from "react" +import styled from "styled-components" import useTranslation from "utils/hooks/useTranslation" const Tutorial = () => { @@ -9,179 +10,331 @@ const Tutorial = () => {

{t("튜토리얼")}

-

파이콘 한국 2024 튜토리얼을 모집합니다!

-

튜토리얼이란?

+

튜토리얼이란?

튜토리얼은 초보자들을 위해, 또는 새로운 것을 접하는 사람들을 위해 진행하는 교육 프로그램입니다.
직접 컴퓨터를 가져와서 진행하며 현장에서 질문하고 해결하는 만큼 해당 기술에 대해 좀 더 깊게 알게됩니다.

-

참여 시 유의 사항

-

CoC를 준수해주시기 바라며, 협력적인 분위기에서 활동해주세요! (파이콘 한국 행동 강령 CoC)

+
+ +

+

튜토리얼 프로그램 소개

+ + * 튜토리얼 프로그램은 오전 / 오후 두 타임으로 구성되어 있습니다. 신청 시 시간대가 겹치지 않도록 주의해주시기 바랍니다! + +

+
+

+

오전 세션 [10:00 - 13:00]

+ + FastAPI로 CRUD API 서버 만들기 +
+
    +
  • 장소 : 강의실20
    • +
  • +
    수강 대상
    +
      +
    • 파이썬은 해보았지만, 웹개발은 아직 처음 또는 헤매시는 분
      • +
    +
    • +
  • +
    준비물
    +
      +
    • 노트북 필수
      • +
    • 기본적인 파이썬 문법 사용이 가능하신 분
      • +
    +
    • +
  • +
    상세 내용
    +
      +
    • 비동기 동작 설명
      • +
    • FastAPI 기본 개념 설명
      • +
    • 실제 API 작성 및 테스트 코드 작성 (시간에 따라 일부 조정될 수 있음)
      • +
    +
    • +
+
+ 진행자 소개 +

+

한바름

+
    +
  • 파이썬 사용 5년째
    • +
  • < 나를 위한 업무관리 툴: SLASH > 제작사 시그 근무중
    • +
  • < 처음 시작하는 FastAPI > 공역
    • +
+

+
+
+ + + RAG로 코드베이스 검색하는 간단한 웹앱 만들기 +
+
    +
  • 장소 : 리더스홀
    • +
  • +
    수강 대상
    +
      +
    • Python을 다뤄본 적이 있는 AI에 관심있는 누구나
      • +
    +
    • +
  • +
    준비물
    +
      +
    • 노트북
      • +
    +
    • +
  • +
    상세 내용
    +
      +
    • RAG의 기초 내용에 대해 알아보고 나만의 코드베이스 질의 앱을 만들어봅니다.
      • +
    +
    • +
+
+ 진행자 소개 +

+

박진형

+
    +
  • AI, FinTech 등 다양한 도메인에서 파이썬을 도입, 사용하는 것을 즐겨하는 Sionic AI 소속 Python Backend Engineer입니다.
    • +
+

+
+
+ +

+
+

+

오후 세션 [14:00 - 18:00]

+ + Django ORM 톺아보기 +
+
    +
  • 장소 : 강의실20
    • +
  • +
    수강 대상
    +
      +
    • 파이썬 혹은 그 중 Django를 기반으로 웹 백엔드 서비스를 시작하는 분들
      • +
    +
    • +
  • +
    준비물
    +
      +
    • Docker
      • +
    • MySQL
      • +
    • PyCharm 등의 코드 에디터
      • +
    +
    • +
  • +
    상세 내용
    +
      +
    • [PEP 249 - Python Database API]를 리뷰하고 파이썬과 데이터베이스의 통신을 이해
      • +
    • 이해도를 바탕으로 쿼리를 실행하고 객체로 받아오는 과정을 수행
      • +
    • Django Model과 Manager가 DML이 되는 과정 이해
      • +
    • Django Model과 Migration이 DDL이 되는 과정 이해
      • +
    • Django App 과 DB Session 간의 관계 이해
      • +
    +
    • +
  • +
    과제 실습
    +
      +
    • DML, DDL을 내가 원하는 방식으로 구성할수 있도록 컴파일러 만들어보기
      • +
    • DB Session을 관리하는 간단한 커넥션 풀 만들기
      • +
    +
    • +
  • +
    요구 지식
    +
      +
    • 웹 서버의 동작방식에 대한 이해
      • +
    • 파이썬 클래스, 딕셔너리 등 기초 타입 이해
      • +
    • MySQL과 같은 RDBMS 데이터베이스 사용 경험
      • +
    +
    • +
+
+ 진행자 소개 +

+

이재연 (소개 링크)

+
    +
  • 토스에서 파이썬 백엔드 리드, 인터널 플랫폼 팀 리더로 일하고 있습니다.
    • +
+

+
+
+ + + LangChain 의 에이전트(Agent) 활용법 +
+
    +
  • 장소 : 리더스홀
    • +
  • +
    수강 대상
    +
      +
    • 기초적인 RAG 개념을 이해하고 있는 분
      • +
    • Naive RAG 구현 경험이 있는 분
      • +
    • Agent에 관심이 있는 분
      • +
    +
    • +
  • +
    상세 내용 & 준비물
    +
    개발 환경
    +
      +
    • Python 3.10 이상
      • +
    • VS Code (권장 IDE)
      • +
    • OpenAI API Key
      • +
    • Git/Github
      • +
    +
    환경 설정 가이드
    +

    환경 설정이 완료되지 않은 경우 실습 진행에 제한이 있을 수 있습니다. 반드시 강의 전까지 설치를 완료해 주시기 바랍니다.

    + +
    실습 자료
    + +
    • +
  • +
    커리큘럼
    +
    Part 1: LangChain Tools & Agent 기초
    +
      +
    • LangChain 도구(Tools)와 툴킷(Toolkits) 이해
      • +
    • 사용자 정의 도구(Custom Tools) 구현
      • +
    • LLM에 도구 바인딩(Binding Tools)
      • +
    • Agent와 AgentExecutor 생성 및 활용
      • +
    +
    Part 2: Agent 고급 기능
    +
      +
    • Agent 중간단계 스트리밍(stream) 구현
      • +
    • AgentStreamParser 활용
      • +
    • Agent에 메모리 추가(멀티턴 구현)
      • +
    • 다양한 LLM 활용 (GPT, Claude, Gemini, TogetherAI, Ollama)
      • +
    • iter() 함수를 통한 단계별 출력
      • +
    • Human-in-the-loop 구현
      • +
    +
    Part 3: 실전 응용
    +
      +
    • Agentic RAG 구현
      • +
    • 데이터 분석 Agent 개발
      • +
    • CSV, EXCEL 파일 분석
      • +
    • 업무자동화 Agent 구현
      • +
    • FileManagementToolkits를 활용한 파일 관리
      • +
    • 보고서 작성 Agent
      • +
    • web-search
      • +
    • retriever
      • +
    • file handling
      • +
    • image-generation
      • +
    +
    Part 4: 프로젝트
    +
      +
    • CSV 파일 기반 데이터분석 Agent 구현
      • +
    • 실전 데이터 분석
      • +
    • 시각화
      • +
    • 리포트 생성
      • +
    +
    • +
+
+ 진행자 소개 +

+

이경록 <Teddy Lee> (소개 링크)

+ +

+
+
+ + +

-

튜토리얼 프로그램 소개

-

* 튜토리얼 프로그램은 오전 / 오후 두 타임으로 구성되어 있습니다. 신청 시 시간대가 겹치지 않도록 주의해주시기 바랍니다!

- -

- [오전 세션 1] FastAPI로 CRUD API 서버 만들기 - at 강의실20, 10:00 - 13:00 -

-
    -
  • 진행자 : 한바름
    • -
  • 진행자 소개 : 파이썬 사용 5년째 나를 위한 업무관리 툴: SLASH 제작사 시그 근무중 처음 시작하는 FastAPI 공역
    • -
  • 수강 대상: 파이썬은 해보았지만, 웹개발은 아직 처음 또는 헤매시는 분
    • -
  • 상세 내용: 비동기 동작 설명, FastAPI 기본 개념 설명, 실제 API 작성 및 테스트 코드 작성(시간에 따라 일부 조정될 수 있음)
    • -
  • 준비물: 노트북 필수, 기본적인 파이썬 문법 사용이 가능하신 분
    • -
- -

- [오전 세션 2] RAG로 코드베이스 검색하는 간단한 웹앱 만들기 - at 리더스홀, 10:00 - 13:00 -

-
    -
  • 진행자 : 박진형
    • -
  • 진행자 소개 : AI, FinTech 등 다양한 도메인에서 파이썬을 도입, 사용하는 것을 즐겨하는Sionic AI(https://sionic.ai) 소속 python backend engineer입니다.
    • -
  • 수강 대상: Python을 다뤄본 적이 있는 AI에 관심있는 누구나
    • -
  • 상세 내용: RAG의 기초 내용에 대해 알아보고 나만의 코드베이스 질의 앱을 만들어봅니다.
    • -
  • 준비물: 노트북
    • -
- -

- [오후 세션 1] Django ORM 톺아보기 - at 강의실20, 14:00 - 18:00 -

-
    -
  • 진행자 : 이재연 (소개 링크)
    • -
  • 진행자 소개 : 토스에서 파이썬 백엔드 리드, 인터널 플랫폼 팀 리더로 일하고 있습니다.
    • -
  • 수강 대상: 파이썬 혹은 그 중 Django를 기반으로 웹 백엔드 서비스를 시작하는 분들
    • -
  • -
    상세 내용
    -
      -
    • [PEP 249 - Python Database API](https://peps.python.org/pep-0249/)를 리뷰하고 파이썬과 데이터베이스의 통신을 이해
      • -
    • 이해도를 바탕으로 쿼리를 실행하고 객체로 받아오는 과정을 수행
      • -
    • Django Model과 Manager가 DML이 되는 과정 이해
      • -
    • Django Model과 Migration이 DDL이 되는 과정 이해
      • -
    • Django App 과 DB Session 간의 관계 이해
      • -
    -
    • -
  • -
    과제 실습
    -
      -
    • DML, DDL을 내가 원하는 방식으로 구성할수 있도록 컴파일러 만들어보기
      • -
    • DB Session을 관리하는 간단한 커넥션 풀 만들기
      • -
    -
    • -
  • 준비물: docker, mysql, pycharm 등의 코드 에디터
    • -
  • -
    요구 지식
    -
      -
    • 웹 서버의 동작방식에 대한 이해
      • -
    • 파이썬 클래스, 딕셔너리 등 기초 타입 이해
      • -
    • MySQL과 같은 RDBMS 데이터베이스 사용 경험
      • -
    -
    • -
- -

- [오후 세션 2] LangChain 의 에이전트(Agent) 활용법 - at 리더스홀, 14:00 - 18:00 -

-
    -
  • 진행자 : 이경록 (Teddy Lee)
    • -
  • -
    진행자 소개
    - -
    • -
  • -
    수강 대상
    -
      -
    • 기초적인 RAG 개념을 이해하고 있는 분
      • -
    • Naive RAG 구현 경험이 있는 분
      • -
    • Agent에 관심이 있는 분
      • -
    -
    • -
  • -
    상세 내용 & 준비물
    -

    개발 환경

    -
      -
    • Python 3.10 이상
      • -
    • VS Code (권장 IDE)
      • -
    • OpenAI API Key
      • -
    • Git/Github
      • -
    -

    환경 설정 가이드

    -

    환경 설정이 완료되지 않은 경우 실습 진행에 제한이 있을 수 있습니다. 반드시 강의 전까지 설치를 완료해 주시기 바랍니다.

    - -

    실습 자료:

    - -
    • -
  • -
    커리큘럼
    -
    Part 1: LangChain Tools & Agent 기초
    -
      -
    • LangChain 도구(Tools)와 툴킷(Toolkits) 이해
      • -
    • 사용자 정의 도구(Custom Tools) 구현
      • -
    • LLM에 도구 바인딩(Binding Tools)
      • -
    • Agent와 AgentExecutor 생성 및 활용
      • -
    -
    Part 2: Agent 고급 기능
    -
      -
    • Agent 중간단계 스트리밍(stream) 구현
      • -
    • AgentStreamParser 활용
      • -
    • Agent에 메모리 추가(멀티턴 구현)
      • -
    • 다양한 LLM 활용 (GPT, Claude, Gemini, TogetherAI, Ollama)
      • -
    • iter() 함수를 통한 단계별 출력
      • -
    • Human-in-the-loop 구현
      • -
    -
    Part 3: 실전 응용
    -
      -
    • Agentic RAG 구현
      • -
    • 데이터 분석 Agent 개발
      • -
    • CSV, EXCEL 파일 분석
      • -
    • 업무자동화 Agent 구현
      • -
    • FileManagementToolkits를 활용한 파일 관리
      • -
    • 보고서 작성 Agent
      • -
    • web-search
      • -
    • retriever
      • -
    • file handling
      • -
    • image-generation
      • -
    -
    Part 4: 프로젝트
    -
      -
    • CSV 파일 기반 데이터분석 Agent 구현
      • -
    • 실전 데이터 분석
      • -
    • 시각화
      • -
    • 리포트 생성
      • -
    -
    • -
- -

시간 & 장소

-
    -
  • 시간 : 10:00 ~ 18:00
    • -
  • 장소 : 서울 서대문구 연희로 2길 62
    • -
- -

기타 안내

-
    -
  • 행사 당일 식사 및 주차 공간은 지원되지 않습니다.
    • -
  • 주변에 주차 공간이 여의치 않습니다. 대중교통을 이용해주시는 것을 권장드립니다.
    • -
  • 본 세션은 개인 장비 (노트북 등)을 반드시 지참하셔야 합니다.
    • -
+

+

시간 & 장소

+
    +
  • 시간 : 10:00 ~ 18:00
    • +
  • 장소 : 서울 서대문구 연희로 2길 62
    • +
+

+
+

+

기타 안내

+
    +
  • 행사 당일 식사 및 주차 공간은 지원되지 않습니다.
    • +
  • 주변에 주차 공간이 여의치 않습니다. 대중교통을 이용해주시는 것을 권장드립니다.
    • +
  • 본 세션은 개인 장비 (노트북 등)을 반드시 지참하셔야 합니다.
    • +
  • 파이콘 한국 행동 강령 CoC를 준수해주시기 바라며, 협력적인 분위기에서 활동해주세요!
    • +
+

) } export default Tutorial + +const TutorialProgramDetails = styled.details` + margin: 0.5rem 0; + padding: 0.5rem; + border: 1px solid #ccc; + border-radius: 0.25rem; + + color: var(--pico-color); + + summary { + font-size: 1.15rem; + font-weight: bold; + cursor: pointer; + padding: 0.25rem 0.5rem; + + &:hover { + text-decoration: underline; + } + } + + div { + font-size: 0.875rem; + + h5 { + margin-bottom: 0.5rem; + } + + fieldset { + border: 1px solid #ccc; + border-radius: 0.25rem; + padding: 0.5rem; + margin: 0; + + legend { + font-size: 0.75rem; + font-weight: bold; + color: var(--pico-color); + margin: 0; + } + + h4 { + font-weight: bold; + margin: 0.25rem; + + a { + color: #b0a8fe; + } + } + } + } + + &[open] { + background: rgba(176, 168, 254, 0.1); + + summary { + color: rgb(176, 168, 254); + + &:not([role]):not(:focus) { + color: rgb(176, 168, 254); + } + } + } +`