| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
- event
- array
- 클로저
- 모듈
- 배열
- dom
- video
- Push
- 이벤트 루프
- animation
- 이벤트 위임
- input
- 비동기
- 이벤트
- object
- IntersectionObserver
- scroll
- 스크롤
- json
- 애니메이션
- Promise
- ajax
- slice
- 문자열
- 객체
- ios
- Flex
- This
- map
- ES6
- Today
- Total
FEDev Story
그라디오는 사용자가 UI 를 빠르게 제작하여 ML이나 API 등을 사용할 수 있도록 해 주는 파이썬 오픈소스 패키지이다.https://www.gradio.app/ GradioBuild & Share Delightful Machine Learning Appswww.gradio.app 1. 설치하기!pip install gradio2. 그라디오 실행하기import gradio as grdef user_greeting(name): return "안녕하세요! " + name + "고객님 헤이마트에 오신 걸 환영합니다."app = gr.Interface(fn=user_greeting, inputs="text", outputs="text")app.launch()실행화면:3. 인터페이스(Interface)인터페이스..
1. openai 패키지 설치하기!pip install openai2. 코랩의 환경변수에 API 키 등록import osfrom getpass import getpassos.environ['OPENAI_API_KEY'] = getpass()OS는 운영체제 인터페이스를 다룰 수 있는 모듈이다. OS에는 환경 변수를 불러오는 os.environ 코드가 있고 이는 dict 타입의 구조처럼 key와 value 쌍으로 이루어져 있으므로 dict 처럼 key와 value 값을 지정하고 삭제할 수 있다.getpass는 입력한 값을 감추는 모듈이다. getpass() 함수는 실행 시 input() 함수처럼 사용자의 입력을 받을 때까지 기다렸다가 사용자의 입력이 완료되면 그 값을 변수에 대입하는 기능을 가졌다. 하지만 ..
GSAP의 ScrollTrigger는 스크롤에 반응하는 애니메이션을 쉽게 만들 수 있도록 도와주는 플러그인입니다. 주요 속성을 정리하면 다음과 같습니다.1. 기본 속성1️⃣ trigger설명: 애니메이션을 트리거할 요소 지정예시:gsap.to(".box", { x: 500, scrollTrigger: { trigger: ".box" }});2️⃣ start & end설명: 애니메이션이 시작(start)하고 끝나는(end) 스크롤 지점 설정형식: "트리거 위치 트리거 대상" ("startPosition startTrigger")기본값: "top bottom" (뷰포트의 아래쪽에서 트리거 요소의 위쪽이 보일 때 시작)예시:scrollTrigger: { start: "top 80%", // 요..