23. 04월 스크랩

1. 데스크탑 GUI 갤러리 (링크)

- 1970년대 부터 발전된 다양한 OS들의 버전별 스크린샷을 통해서 GUI의 변화를 감상 가능
- Xerox, Visi On, GEM, Deskmate, GEOS, Desqview/X, AmigaOS, RISC OS, BeOS, QNX, OS/2, Apple(Lisa, Apple II, NeXTSTEP), Linux/Unix, Windows, Win Shells

2. 프롬프트 엔지니어링 (링크)

프롬프트란?
  - AI 분야에서 프롬프트 (Prompt)의 정의
  - 프롬프트의 구성 요소
프롬프트 엔지니어링이란?
프롬프트 작성을 위한 기본 가이드라인
  - 대화 스타일 조정
  - 미사여구를 최소화한 쉽고 간결한 표현
  - 열린 질문보다 닫힌 지시문
  - Instruction과 Context를 구체적으로 명시
더 좋은 프롬프트 작성을 위한 프레임워크들
  - Advanced Prompting 예제
    - Zero Shot Prompting
    - One-Shot Prompting
    - Few-Shot Prompting
    - CoT (Chain-of-Thought)
    - Zero-Shot CoT (Chain of Thought)
    - Self-Consistency
    - Generated Knowledge Prompting
프롬프트 엔지니어링과 함께 떠오른 것들
  - 명령어를 거래하는 ‘프롬프트 마켓플레이스’
    - 대표적인 프롬프트 마켓플레이스들
    - 프롬프트 마켓플레이스, AI계의 이베이, 알리바바, 아마존될까? 아직 발전 방향은 미지수
  - AI를 해킹하는 ‘Adversarial Prompting (적대적 프롬프팅)'
    - Prompt Injection
    - Prompt Leaking
    - Jailbreaking
    - Adversarial Prompt Detector

3. 지난 3년간의 모든 자바스크립트 및 타입스크립트 기능 (링크)

ECMAScript

• 과거 (아직도 유효한 이전 방식)
  • 템플릿 리터럴 태그(Tagged template literals)
  • 심볼(Symbols)
• ES2020
  • 옵셔널 체이닝(Optional chaining)
  • 널 병합 연산자(Nullish coalescing operator) (??)
  • import()
  • String.matchAll
  • Promise.allSettled()
  • BigInt
  • globalThis
  • import.meta
  • export * as … from …
• ES2021
  • String.replaceAll()
  • Promise.any
  • Nullish coalescing 할당 (??=)
  • 논리적 AND 할당 (&&=)
  • 논리적 OR 할당 (||=)
  • WeakRef
  • 숫자 리터럴 구분자 (_)
• ES2022
  • Top level await
  • #private
  • 정적 클래스 멤버
  • 클래스에서의 정적 초기화 블록
  • Import Assertions (V8에서 구현된 비표준)
  • 정규식 매치 인덱스
  • 음수 인덱싱 (.at(-1))
  • hasOwn
  • Error cause
• 미래 (이미 TypeScript 4.9에서 사용 가능)
  Auto-Accessor
• 타입스크립트
  • 기본 사항 (추가 소개를 위한 컨텍스트)
    • 제네릭
  • 과거 (아직도 유효한 이전 방식)
    • 유틸리티 타입
    • 조건부 타입
    • 조건부 타입으로 추론하기
    • 튜플 옵셔널 요소와 나머지
    • 추상 클래스와 메소드
    • 생성자 시그니처
    • ConstructorParameters 유틸리티 타입
  • TypeScript 4.0
    • 가변 튜플 타입
    • 레이블링된 튜플 요소
    • 성자로부터 클래스 프로퍼티 추론
    • JSDoc @deprecated 지원
  • TypeScript 4.1
    • 템플릿 리터럴 타입
    • 매핑된 타입에서의 키 리매핑
    • 재귀적인 조건부 타입
    • JSDOC @see 태그를 지원하는 에디터
    • tsc --explainFiles
    • 분해된 변수는 명시적으로 사용하지 않는 것으로 표시할 수 있습니다.
  • TypeScript 4.3
    • 프로퍼티에서 쓰기 타입 분리
    • override
    • 정적 인덱스 시그니처
    • JSDOC @link 태그를 지원하는 에디터
  • TypeScript 4.4
    • 정확한 선택적 프로퍼티 타입 (--exactOptionalPropertyTypes)
  • TypeScript 4.5
    • Awaited 타입 및 Promise 개선
    • Import 명에 대한 type 수정자
    • const 단언
    • 클래스 내 메서드에 대한 코드 스니펫 완성
  • TypeScript 4.6
    • 인덱싱된 액세스 추론 개선 사항
    • 타입스크립트 추적 분석기(—generateTrace):
  • TypeScript 4.7
    • Node.js의 ECMAScript 모듈 지원
    • package.json에 입력
    • 인스턴스화 표현식
    • infer 타입 변수에 대한 extends 제약 조건
    • 타입 파라미터에 대한 선택적 변성 주석
    • moduleSuffixes를 사용한 사용자 정의 모듈 해석
    • 에디터에서 소스가 정의된 곳으로 이동합니다
  • TypeScript 4.9
    • satisfies 연산자
    • "에디터를 위한 '사용되지 않는 Import 제거' 및 'Import 정렬' 명령어

4. AI 코딩 도우미 Amazon CodeWhisperer 정식 출시 (링크)

• CodeWhisperer Individual 티어는 모든 개발자가 무료 사용 가능
  • 이메일 만으로 가입 가능하며, AWS 고객이 아니어도 됨
• VS Code, IntelliJ IDEA, CLion, WebStorm, PhpStorm, PyCharm 등 다양한 IDE내에서 사용 가능
• Python, Java, JavaScript, TypeScript 에 이어 Go, Rust, PHP, Ruby, Kotlin, C, C++, Shell 스크립팅, SQL, Scala도 지원

5. Animated Drawings - 그림을 애니메이트 시키는 오픈소스 (링크)

Meta AI가 1년전에 공개했던 Animated Drawings 데모의 코드와 18만개의 주석이 달린 그림 데이터셋을 오픈소스로 공개
아이들의 그림을 애니메이션으로 만들어 줌
캐릭터 그림을 올리면 포인트를 인식하고 조절해서 해당 캐릭터에 움직임을 부여
ㅤ→ 눈/귀, 손목/팔꿈치/어깨, 발목/무릎/엉덩이
다양한 기본 동작 제공
ㅤ→ 걷기, 뛰기, 댄스, 점프..

6. GPTCache - LLM 질의에 대한 답변을 캐싱하는 라이브러리 (링크)

LLM의 답변을 캐시하여 조직의 LLM 비용을 줄이고 답변 속도를 빠르게
시맨틱 캐싱 전략을 통해서 비슷하거나 관련된 질의를 찾아서 캐시 히트율을 높임
임베딩 알고리듬을 통해 질의를 임베딩으로 변환하고 벡터 스토어를 통하여 이 임베팅에 대한 연관 검색을 수행
LLM Adapter : OpenAI ChatGPT 및 LangChain 지원 (Bard/Anthropic/LLaMA 등도 지원 예정)
MultiModal Adapter : OpenAI Image Create, OpenAI Audio Transribe, HuggingFace Stable Diffusion
Embedding Generator : OpenAI, ONNX, HuggingFace, Cohere, fastText, SentenceTransformers
Cache Storage : SQLite, PostgreSQL, MySQL, SQLServer,..
Vector Store : Mulvus, Zilliz Cloud, FAISS, Hnswlib
Cache Manager : LRU, FIFO

7. ScreenLog.js - 개발자 콘솔의 내용을 화면에 띄워주는 라이브러리 (링크)

특정버그가 개발자 도구가 열려있을 때는 발생이 안되거나 또는 console.log 를 사용하지 못하는 상황등에 사용
스크립트를 추가하고 screenLog.init(); 호출만 해주면 개발자 콘솔의 내용을 그냥 스크린에 출력
폰트 색상, 크기, 배경색상 등을 지정 가능

8. ChatPDF - PDF와 대화하기 (링크)

PDF를 업로드 하거나 PDF의 URL을 넣은 뒤, PDF의 내용에 대해 대화 가능
업로드하면 PDF의 모든 문장에 대해서 시맨틱 인덱스를 생성하고, 질문에 답변할 때 관련 문장을 찾아서 ChatGPT API로 답변하는 형식
무료 버전에서 하루에 PDF 3개 / 50개 질문까지 지원. (PDF는 최대 120p 까지, 10MB 이하)

9. GPT4 & LangChain - PDF를 위한 ChatGPT 챗봇 만들기 (링크)

• 다수의 큰 PDF 파일을 LLM에 로딩해서 파일 내용에 대해 대화 가능
• PDF를 넣으면 텍스트를 추출하여 다수의 Chunk로 만들고, Embedding을 생성하여 Pinecone 벡터스토어에 저장
• 질문에 대해서 OpenAI Embeddings API로 문서의 관련 부분을 찾아서 GPT에 넣고 답변을 생성
• LangChain + Pinecone + TypeScript + OpenAI Embeddings / GPT-3.5 & GPT-4 + Next.js

10. Atlassian Intelligence AI 도구 공개 (링크)

• 가상 팀 동료처럼 동작하는 AI 기능을 기존 사용자들이 추가 비용 없이 이용 가능
• Jira/Confluence 에 미팅 요약, 글 초안 작성, 새 Jira 작성등에 AI 기능이 들어감
• 다른 도구에 있는 정보들을 자동으로 습득하여 사용자에게 제공
• 대화형 질문에 응답하기(Confluence 먼저 도입)

11. Bark - 트랜스포머 기반의 Text-To-Audio 모델 (링크)

• 매우 사실적인 다국어 음성 생성 가능
• 음악, 배경 소음 및 간단한 음향 효과 포함
• 웃음, 한숨, 울음 같은 비언어적 커뮤니케이션도 연출 가능
• 영어/한국어 및 독일어/프랑스어/일본어/중국어 등을 지원
• 페이스북의 EnCodec 코덱을 사용
• Bark는 CC-BY 4.0 NC 라이센스 이며, Suno 모델 자체는 상업용도로 이용 가능