새로워지기/마흔의 생활코딩53 LangGraph 개요 LangGraph'LangChain'를 사용하여 사용자 정의 에이전트를 더 쉽게 구축하고 단순한 체인 이상의 것을 구축할 수 있도록 하자는 취지로 만들어졌다. LangGraph는 제품에서 다이어그램화할 수 있다면 엔지니어링에서도 정확하게 만들 수 있다는 아이디어를 기반으로 간단한 Graph로의 접근 방식을 사용하고 있다. 먼저 구성 요소부터하면, LangGraph는 노드와, 상태, 엣지, 그래프로 구성 된다. Node수행하고자 하는 작업 내용으로 각 노드들은 서로 다른 다양한 작업들을 보유한다 - Function (e.g., an external tool) - LCEL Runnable 실행 가능(e.g., a RAG chain) Edge노드와 노드 사이의 연결하여 각 노드가 가지고 있는 정보를 통.. 2024. 5. 9. Agentic | AI 에이전트를 오케스트레이션 프레임워크 CrewAI Agentic 컨셉 시리즈 - Agentic Chunking LangChain RAG - AI 소프트웨어 엔지니어 DEVIKA 👉 AI 에이전트를 오케스트레이션 프레임워크 CrewAI CrewAICrewAI는 롤플레잉 자율 AI 에이전트를 오케스트레이션(매니징)하는 프레임워크이다. LangChan 위에 있는 추상화된 구조라고 보면 될?것 같다. 유사 서비스로는 MS사의 AUTO-GEN이고 음.. 애매하지만 유사한? 컨셉으로는 LangChain의 LangGraph가 있다. 물론 CrewAI와 LangGraph를 병행해서( 다음 포스팅 콘텐츠로 사용할 예정) 사용하는 방법이 있지만 이들이 탄생?한 시기와 컨셉이 Agentic( MOE)이라는 동일한 방향성을 가지고 있음은 크게 다르지 않은 것 같.. 2024. 5. 2. Agentic | AI 소프트웨어 엔지니어 DEVIKA(open-source) Agentic 컨셉 시리즈 - Agentic Chunking LangChain RAG 👉 AI 소프트웨어 엔지니어 DEVIKA - AI 에이전트를 오케스트레이션 프레임워크 CrewAI...한 달? 두 달? 전 했던 실습을... 미루고 미루다 이제 올린다.. 그른디...그 사이 데빈이 오픈해버렸네? ;D ㅋㅋㅋ 먼저 결론?! Devin 뿐만아니라 Open Devin을 비롯해 DEVIKA는 단순히 AI 소프트웨어 엔지니어로 접근하면 앙된다. 핵심은 에이전트이다. 다양한 LLM들을 에이전틱하게 MOE할 수 있는 사례로 이해하고 실습하면서 본인의 위치에서의 활용 방안을 모색해야한다. DEVIKADevin(AI 소프트웨어 엔지니어) 공식 출시하기 전 나왔던 '오픈 소스'로 Devin과 같이 코드를 생.. 2024. 5. 1. LLM | Five Levels of Chunking( 스압 주의!) Agentic 컨셉 시리즈 👉 Agentic Chunking LangChain RAG - AI 소프트웨어 엔지니어 DEVIKA - AI 에이전트를 오케스트레이션 프레임워크 CrewAI 먼저..RAG에 대한 기본적인 내용은 이전에 포스팅을 참고하면 좋을 것 같다. LLM | Langchain - 02 유형/단계별 RAG 실습실습 링크는 코랩 입니다. 기본 대화 준비, API KEY 발급가입, 키발급실습, GPT와 대화하기OpenAI - DocumentsLangchain - Langchain(LLM)_실습GPT 3, 3.5 비교매개변수 조절temperature : 0일관적 답변, 2매번 다른normalstory.tistory.com 1. 개요 Chunking Chunking은 고품질의.. 2024. 5. 1. LangChain | 한국어 llm 모델, LangServe, local ollama, NGROK 배포 llm 관련 다양한 프레임워크들이 있는데 대부분 이 OpenAI API 에 의존하고 있다. 되도록 이를 피하는 예제를 위주로 실습 중인데 테디노트에서 관심있는 주요 항목들에 대한 실습 영상을 올려주셔서 관련 진행 내용을 포스팅해본다무료로 한국어🇰🇷 파인튜닝 모델 받아서 나만의 로컬 LLM 호스팅 하기(LangServe) + RAG 까지!! (학습 콘텐츠 출처: 테디노트)( 참고로 llm을 로컬 컴퓨터에 다운로드해서 손쉽게 쓸 수 있도록 도와주는 툴은 대표적인 방법은 크게 ollama, AnythingLLM, Lm studio 세가지 정도가 있는데 테디노트의 이번 예제는 올라마 ollama를 활용하고 있다. ) 실습 과정1. HuggingFace-Hub에서 한국어🇰🇷 파인튜닝 모델 받기1) 실습.. 2024. 4. 26. LMStudio X AnythingLLM (feat. AutogenStudio ) 로컬 LLM을 코드 베이스로 모델을 설치, 빌드, 배포하는 과정에 대한 전반적인 흐름을 살펴본 후, 노코드로도 진행 할 수 있는 다른 툴을 사용하면서 LLM 개발운영에 대한 전반적인 워크플로우를 알아보도록 한다LMStudio 소개 ollama와.. 2024. 4. 19. Perplexity Clone( LLocalSearch feat.SearXNG) Perplexity Clone LLocalSearch라는 새로운 오픈 소스를 알게 되어 바로 찾아 지지고 볶아봤다! 왜냐면,, 이전에도 포스팅했던 바 있는 Perplexity를 클론할 수 있었기 때문이었다. 테마까지 동일한 인터페이스를 제공하고 ollama에 설치된 기본적인 LLM 목록을 기반으로 chat검색 기능을 제공한다. 역시 가장 매력적인 부분은 OpenAI 또는 Google API 키가 필요 없이도 원할하게 동작한다는 점이다. 더불어 GPU도 권장은 하지만 필수는 아니라는 점에서 실질적인 상용화 측면에서도 여러모로 많은 인사이트를 얻을 수 있었다. 참고로 하부 구조는 두 개의 Chain( 개인적으로 Agent로 해석된다)으로 구성되어 있다. 한글에 대한 답변도 잘해주고 있다. Sources: h.. 2024. 4. 10. LLM | ollama 3부. 온라인(내 도메인으로) 브라우저에서 실행하기 - ollama 1부. 로컬 터미널에서 실행하기 : Linux(wsl 2), MacOS - ollama 2부. 로컬 브라우저에서 실행하기 : open-webui 👉 ollama 3부. 온라인(내 도메인으로) 브라우저에서 실행하기 : url로 친구과 함께 사용하기 - ollama 4부. 검색증강 RAG 적용하기 - ollama 5부. 이미지 인식 적용하기 - (준비 중) ollama 6부. MOE mixture of exports 방식 적용하기 ollama browser - online, url 접속 1. ngrok 가입한 후 로그인 하기 1) ngrok 란? ngrok | Unified Application Delivery Platform for Developers ngrok is a secure uni.. 2024. 3. 8. LLM | perplexity 퍼플렉서티 퍼플렉서티는 (특히, 아직까진 미국에서)최근 주목받고 있는 AI 기반 검색 엔진이다. 본질은 검색엔진, 그 엔진은 AI 모델, 인터페이스는 채팅의 형태를 차용하고 있다. 다만 기존의 검색 엔진 또는 llm 계열과 달리(?), 퍼플렉시티 AI는 사용자가 자연어로 질문을 하면, 웹과 학습된 데이터를 서로 정보를 결합하여 답변을 생성해준다 *참고로 퍼플렉서티는 NLP(자연어처리) 분야에서 각 언어 모델에 대한 성능을 평가하는 지표로 사용되는 용어이다. 모델의 구조를 살펴보면, 마치 MOE mixture of exports 가 적용된 것 처럼(..맞나? 뇌피셜에 가깝다.) OpenAI GPT-3.5 Turbo 모델 파인튜닝을 통해 개선된 성능을 기반으로 LlaMa Chat(메타), Bird SQL(트위터)의 인.. 2024. 2. 28. Agentic | MOE(mixture of exports) 이전에 사요나라, 프롬프트 엔지니어링에 대해 작성한 적이 있다. LLM을 위한 프롬프트는 LLM이 가장 잘 알고, 각각의 LLM은 저마다의 최적의 하이퍼파라미터를 갖고 있기 때문에 인간이 매번 모든걸 학습해가며 맞춰가기엔 일반인들용, 일상용으로는 적합하지 않다. 사요나라, 프롬프트 엔지니어링open ai 가 쏘아올린 chat gpt 열풍으로.. 프롬프트 엔지니어이라는 새롭게 창직?된 직업군이 있다. 생성형 인공 지능(생성형 AI) 솔루션을 안내하여 원하는 결과를 생성하는 프롬프트 엔지니어링 프normalstory.tistory.com 뿐만아니라 중요한 것은 아직? OpenAI이 LLM의 표준은 아니라는 점이다. 이 시장은 이제 도입 단계이다. 개인적으로 OpenAI는 스마트폰 시대로 넘어오기 직전의 PD.. 2024. 2. 25. LLM | ollama 5부. 이미지 인식 적용하기 LLM | ollama 5부. 이미지 인식 적용하기 - ollama 1부. 로컬 터미널에서 실행하기 : Linux(wsl 2), MacOS - ollama 2부. 로컬 브라우저에서 실행하기 : open-webui - ollama 3부. 온라인(내 도메인으로) 브라우저에서 실행하기 - ollama 4부. 검색증강 RAG 적용하기 👉 ollama 5부. 이미지 인식 적용하기 - (준비 중) ollama 6부. MOE mixture of exports 방식 적용하기 이미지 인식 모델 :13b ollama에서 제공하는 모델 중 이미지 인식( 비전 vision) LLM 모델로는 Llava가 있다. Llava를 통해 제공할 수 있는 기본 기능에 대해 조금 더 구체적인 표현으로는 Image Annotator App라.. 2024. 2. 25. LLM | ollama 4부. 검색증강 RAG 적용하기 LLM | ollama 4부. 검색증강 RAG 적용하기 - ollama 1부. 로컬 터미널에서 실행하기 : Linux(wsl 2), MacOS - ollama 2부. 로컬 브라우저에서 실행하기 : open-webui - ollama 3부. 온라인(내 도메인으로) 브라우저에서 실행하기 👉 ollama 4부. 검색증강 RAG 적용하기 - ollama 5부. 이미지 인식 적용하기 - (준비 중) ollama 6부. MOE mixture of exports 방식 적용하기 Ollama RAG에 앞서 참고로 RAG라는 보편적 개념과 관련 API를 제공하는 프레임워크가 랭체인 LangChain인 만큼 관련 기본적인 내용과 실습을 선행하는 것을 추천하고 관련 내용은 이전에 포스팅해둔 것이 있어서 먼저 걸어두고 시작한다.. 2024. 2. 25. LLM | ollama 2부. 로컬 브라우저에서 실행하기 - ollama 1부. 로컬 터미널에서 실행하기 : Linux(wsl 2), MacOS 👉 ollama 2부. 로컬 브라우저에서 실행하기 : open-webui - ollama 3부. 온라인(내 도메인으로) 브라우저에서 실행하기 : - ollama 4부. 검색증강 RAG 적용하기 - ollama 5부. 이미지 인식 적용하기 - (준비 중) ollama 6부. MOE mixture of exports 방식 적용하기 ollama local browser 1. 도커 이미지로 실행하기( Mac terminal 환경, = 윈도우 cmd와 거의 동일) 1) 도커에 가입한 후 로그인한다 2) 내 컴퓨터 OS 종류에 맞게 도커를 설치한다 Install Docker Engine Learn how to choose the.. 2024. 2. 25. 사요나라, 프롬프트 엔지니어링 open ai 가 쏘아올린 chat gpt 열풍으로.. 프롬프트 엔지니어이라는 새롭게 창직?된 직업군이 있다. 생성형 인공 지능(생성형 AI) 솔루션을 안내하여 원하는 결과를 생성하는 프롬프트 엔지니어링 프로세스를 담당하는 새로운 직업이다. 생성형 AI가 고품질의 관련성 높은 결과물을 생성할 수 있도록 보다 자세한 지침 설계하는 일을 담당한다. 그래서인지 서점에 가면 관련 프롬프트 엔지니어나 챗GPT관련 서적들도 상당히 많고 계속 늘어나는 추세인 것 같다. 프롬프트 엔지니어링은 생성형 AI 모델이 특정 작업을 수행하도록 안내하는 프롬프트를 디자인하고 최적화하는 작업입니다. 이를 통해 모델의 성능과 정확성을 향상시킬 수 있습니다. 여러 가지 프롬프트 기법이 있으며, 아래에서 몇 가지를 설명해드리겠습니다: .. 2024. 2. 20. LLM | ollama 1부 - 로컬 터미널에서 실행하기 + 버전 업데이트하기 👉 ollama 1부. 로컬 터미널에서 실행하기 : Linux(wsl 2), MacOS & ollama version update - ollama 2부. 로컬 브라우저에서 실행하기 : open-webui - ollama 3부. 온라인(내 도메인으로) 브라우저에서 실행하기 - ollama 4부. 검색증강 RAG 적용하기 - ollama 5부. 이미지 인식 적용하기 - (준비 중) ollama 6부. MOE mixture of exports 방식 적용하기 ollama local terminal on linux(wsl 2) in windows 11 1. 윈도우 하위 시스템(wsl 2)으로 리눅스(우분투) 설치 1) 윈도우 검색에서 [windows 기능 켜기 끄기] 실행 2) 옵션 설정 3) 재부팅 4) 윈도우.. 2024. 2. 20. LLM | Langchain - 02 유형/단계별 RAG 실습 LLM | Langchain - 01 개요👉 02 유형/단계별 RAG 실습*실습 링크는 코랩 입니다. 기본 대화 구성하기 준비, API KEY 발급가입, 키발급실습, GPT와 대화하기OpenAI - DocumentsLangchain - Langchain(LLM)_실습GPT 3, 3.5 비교매개변수 조절temperature : 0일관적 답변, 2매번 다른 창의적 답변StreamingStdOutCallbackHandler챗팅 모델에 역할 부여input[ tuple]HumanMessage : 사용자의 메시지SystemMessage : 챗봇에 역할을 부여하는 메시지outputAIMessage : 최종 답변 Langchain(LLM)_실습01.ipynbColaboratory notebookcolab.re.. 2023. 12. 17. LLM | Langchain - 01 개요 LLM | Langchain👉 01 개요 - 02 유형/단계별 RAG 실습 LM과 LLM에 대해 아키텍쳐 - 트랜스포머 Transformer( Decoder, Encorder)학습 알고리즘 - 랭기지 모델 LMLM 워크 플로 : 파운데이션 모델* > RLHF 기법**대규모 컴퓨터 리소스와 데이터를 통해 프리 트레이닝 되어 있는 모델오픈ai나 구글과 달리, 페북의 라마2는 상업적으로도 오픈파운데이션 모델*대규모 컴퓨터 리소스와 데이터를 통해 프리 트레이닝 되어 있는 모델오픈ai나 구글과 달리, 페북의 라마2는 상업적으로도 오픈RLHF 기법**휴먼 피드백 알고리즘- 프롬프트에 대한 답변에 대해 사람이 개입, 인터넷에 있는 텍스트 프로포스를 수집해서 이를 기반으로 점수 부여해서 법, 정치적 문제가 되.. 2023. 12. 17. cursor IDE_coding test 02 - Solid 프로토콜 프롬프트 @https://solidproject.org/TR/protocol HTML과 JavaScript를 사용하여 1) 로그인 버튼 클릭하면 Solid 프로토콜을 사용하여 로그인 기능을 구현해줘 2) 단, 로그인 팝업창과 메인 윈도우간 통시 에러를 방지하기 위해 try-catch 블록으로 감싸서 예외를 처리 3) 작성한 코드를 실행하기 위해 터미널에서 입력해야하는 내용도 알려줘 답변 Solid 프로토콜은 웹 기반의 데이터 저장 및 교환을 위한 표준입니다. 이 프로토콜은 사용자가 자신의 데이터에 대한 제어권을 가지고, 다양한 애플리케이션에서 이 데이터를 사용할 수 있게 합니다. 아래는 Solid 프로토콜을 사용하여 간단한 웹 애플리케이션을 만드는 예제 코드입니다. 이 코드는 사용자가 로그인하고 자신의 .. 2023. 12. 13. cursor IDE_coding test01 - weather api open api를 활용해서 오늘의 날씨를 알려주는 간단한 html 코드 만들어보기 1. html 파일을 만든다 2. html엔터를 쳐서 기본 프레임을 구성한다 3. 바디 사이에 마우스로 일부 영역을 잡고 Add to Chat을 클릭한다 4. Chat 영역에 구성하고자 하는 내용을 입력한다. 5. 코드를 복사해서 붙여넣는다. 6. 안내해준 사이트에 가입하고 apikey를 발급받아 입력한다 7. 브라우저로 코드를 실행한다 8. Chat 화면에서 아래와 같이 상세 프롬프트를 입력 조금 전 코드에 1. css를 활용해서 화면에는 '오늘의 수원 날씨 : {날씨 정보}'를 가운데 타이틀 형태로 보여주고 지도는 화면 가운데 60%영역으로 카드형태로 보이도록 수정해줘 2. 날씨 정보 단어 옆에 owm-weather-i.. 2023. 12. 8. MS(Code-OSS)에서 이번엔 cursor IDE를 내놓았다 인트로 커서 cursor 라는 IDE가 새로 나왔다 커서 cursor는 VS Code의 (이복)동생? 즈음 된다. Code – OSS(오픈 소스 소프트웨어)라는 동일한 오픈 소스로 만들어 졌다. 차이점으로는 VS code 는 AWS 연동해서 code builder 를 쓰고 Cursor 에서는 chatGPT를 사용한다는 점이다. 참고로 깃헙은 MS 소유이고 chatGPT는 MS가 대주주이다. 사용 예 VS Code에도 다양한 chatGPT 익스텐션들이 많다. 사용감도 나쁘지 않다. 다만 snippet과 chatGPT 사이의 인터페이스를 가지고 있다. 반면 cursor는 그냥 chatGPT 기반의 인터페이스이다. IDE를 설치해보면 알겠지만 VS code와 동일한 인터페이스이고 우측에 chatGPT 인터페이.. 2023. 12. 3. 디스코드 클론 코딩 update 3/14 planetscale의 가격정책이 변경되어 1)db(mysql )는 railway로 이동 2) 배포는 railway에서 vercel로 옮겨서 재배포했다. team-chat-application-sage.vercel.app Team Chat Application team-chat-application-sage.vercel.app 드디어 아기다리고기자리던 새로운 주경야독( Discord clone coding) 결과물 배포를 할 수 있게 되었다. 여러가지 동시에 시작되던 일들이 많아서.. 우여곡절 끝에 오늘에야 배포를 할 수 있었다. 쫒기듯? 해서 수정할 부분이 많지만.. 여튼 새로운 툴과 새로운 이슈들을 경험할 수 있던 의미있었던 시간이었다. https://teamchatapplica.. 2023. 10. 3. mac m1에서 텐서플로 환경 세팅하기 마흔, 텐서플로 코딩하기 좋은 시절 시각지능 인공지능 수업을 듣고 있다. 계속 코랩으로 하다가 슬슬 마지막 프로젝트 준비 겸 수업 내용을 로컬로 옮기고 있다. 엔비디아를 탑재한 컴퓨터는 없고 맥북m1을 가지고 있어 구글링으로 필요한 환경 설정 찾아보고 나중을 위해 기록을 남겨본다. 수업이 파이토치가 아니라 케라스로 진행되어 다행이다. 가상 환경 생성 python3 -m venv ~/venv-metal 가상환경 실행 source ~/venv-metal/bin/activate pip 업데이트 python -m pip install -U pip 텐서플로 설치 python3 -m pip install tensorflow-macos *option** python -m pip install tensorflow 텐서.. 2023. 8. 6. [T3 stack]? python도 T3 stack-style로 할 수 없을까? 프롤로그 드디어 파이썬 프로젝트가 시작된다. 파이썬 프로젝트는 보통 연구용으로 많이 진행되어 배포까지 가는 사례는 많지 않은데 좋은 기회를 잡았다. 전반적인 플로우를 구상하기 위해 프로토타입 예제를 구성해본다. 실습 step0.1 작년? 재작년 했던 fastapi 예제를 보니 많이 허술하고 최근에는 사용 빈도가 낮은 패키지들이 많았다. Fast API 실습 A new tool for teams & individuals that blends everyday work apps into one. www.notion.so 그래서 새로운 패키지로 업데이트해서 실습하던 중.. 실습 step1.0 문득? python도 T3 stack으로 할 수 없나? 하는 생각이 들었다. 그래서 (당연히 ㅋ)완벽하진 않지만 부분 부.. 2023. 5. 31. [T3 stack] 워밍 업 - 환경 세팅 - CRUD 예제 - 배포 5. 업데이트 진행 중 예제 외 기능 추가 진행 중 : note엔 있는데 topic엔 없었던 삭제 기능 추가... 하다가 다시 다른거 하는.. 중ㅜ 4. 한 줄 후기 매번 느끼지만 다들( 프레임워크) Spring-스러워지고 있는 느낌이다. 최근 Spring은 어떤지 모르겠지만 ;) 이젠 용어도 가물가물해져서,, 언젠가 그 쪽 동네도 한번 놀러가봐야하는데.. 3. 배포 https://notetaker-4mzz.vercel.app/ NoteTaker notetaker-4mzz.vercel.app https://github.com/normalstory/notetaker GitHub - normalstory/notetaker: notetaker app( t3 stack) notetaker app( t3 stac.. 2023. 5. 28. 남들 다 한다는 플러터플로우 flutterflow 사용기 1.실습 결과 실습 02. 두번째 배포 예제 : https://booking-app-myyjbs.flutterflow.app/ the project for helloworld on the flutterflow Bookedin helps your barbershop save time, reduce stress, improve your customer service and make appointment scheduling a breeze booking-app-myyjbs.flutterflow.app 첫 배포와 달리 FF에서 제공하는 기본 GUI들이 많이 활용되었고 '예약 가능한 날짜찾기', '별점 평균구하기' 등 자잘한 커스텀 function들이 몇가지 추가되었다. 이번엔 스키마만 FF에서 세팅하고 더미데이.. 2023. 5. 18. [T3 stack] 프롤로그 최근 T3 stack이라는 키워드를 알게 되었다. 요약하면 front-end와 back-end를 구분하지 않고 처음부터 full-stack으로 설계할 수 있도록 하는 프로젝트이다. 아직 초기모델이라 당장 실무 도입은 아직 ?이지만, 개념과 방향에 공감되는 부분이 많아서 미리미리 경험해 두고자 틈틈이 실습을 쌓아본다. 배경의 배경 시작은 TODO-LIST를 크롬 익스텐션으로 만들어서 개인적으로도 쓰고 팀원들과 가벼운 일정을 공유(먼데이닷컴, 카카오웍스 등등) 하기 위함이었다. 크롬익스텐션을 만드는 방법은 유튜브를 검색해보니 다양한 방법들이 많았다. 유튜브로 다른 개발자들이 하는 거 눈으로 익혔다. 대부분 다 공개하지 않고 공개하기도 애매하고 게다가 대부분 미완에서 그치는 경우가 많다. 역시 아무 생각 없이.. 2023. 4. 27. [gpt 3.5] 그 흔한 ChatGPT 가스라이팅해서 온라인 점집차리기 조코딩 유튜버 님의 강의 따라하기를 주말에 시청하고 퇴근 후 짬짬이 작업 한 챗GPT api 가스라이팅해서 점신만들기 마이 셀.프. - api : 챗pgt, 카카오ad - 배포 : 클라우드 플레어, aws 람다 https://hellogpt.pages.dev/ Hello My GPT 🧙운세에 대해서 물어봐 주세요! hellogpt.pages.dev 아직 완전 초더미 MVP ㅎ 기능 구현은 확인했으니 슬슬?.. 아마 틈틈이 매우 게으른 꾸미기 모드로 전환 예정 2023. 3. 30. Wow! airtable 에어테이블 정말.. 님쏘굳! ( -ing) 노코드를 통해 알게된 툴, 에어테이블 Airtable | Everyone's app platform Airtable is a low-code platform for building collaborative apps. Customize your workflow, collaborate, and achieve ambitious outcomes. Get started for free. airtable.com 에어테이블은 기본적으로 스프레드시트 특성을 가진 데이터베이스 툴이다. 그리고 이 툴이 매력적인 이유는, 노코드 열풍과 함께 새롭게( 사실 2012년 출시한 서비스이다.. 벌써 10년차 이다.) 부상하는 까닭은 아래와 같다. (1)비전공자 입장에서 와우 포인트는 엑셀을 할 수 있는 사람이면 관계형 데이터베이스.. 2023. 2. 12. 이전 1 2 다음
