[nextjs/swiper] nextjs 환경에서 완벽한 반응형 swiper 구현#swiperjs를 활용하여 완벽한 반응형 swiper 구현https://swiperjs.com/ Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com 사용해본 결과 swiperjs는 버전에 따라서, function들이 제법 바뀌어서 그냥 고정 버전으로 설명 후 해당 버전을 이용하는 걸 추천한다. #설치 (11.0.7)npx create-react-appnpm instal..
[nextjs/framer] framer를 이용한 nextjs에서 애니메이션 적용 https://www.framer.com/ Framer — The internet is your canvasFramer is where teams design and publish stunning sites.www.framer.com https://stackademic.com/blog/next-js-13-framer-motion-page-transitions Next.js 13 + Framer Motion Page TransitionsHow to add a simple slide-in animation to all our pages using Next.js framework and Framer..
[nginx/log] nginx 로그 위치 및 로그 분석하기 위치로 이동하여 목록 조회 특정 URL 접속횟수 (선택)특정 목록을 윈도우나 서버의 특정 ftp로 전송 cd /var/log/nginx/ sudo ls sudo lftp ftp://ftpid:pw@ip(192.168.0.1) put access.log #bash에서 확인 sudo grep '17/Apr/2024' access.log | grep -o "?stp=0c7dd660 HTTP/1.1" | wc -l #js를 통해 확인 const fs = require('fs'); const readline = require('readline'); const filePath = './0419/access.log'; // 로그 파일 경로 설정 const ..
[python/ai/llm/langchain/gpt] python에서 gpt 사용하기 #.env 설정 #chat-gpt에서 api 키 값을 받아서 설정한다. #notebook 파일 생성 notebook.ipynb from langchain.chat_models import ChatOpenAI chat = ChatOpenAI(model_name="gpt-3.5-turbo",) chat = chat.predict("프랑스에 대해서 짧게 이야기해줘?") chat 이후 재생 누르면 기본적인 정보 노출 #python #ai #llm #langchain #gpt
[aws/ec2] amazonlinux2에서 nginx로 react 배포하기 #패키지 인스톨 및 노드,nginx 설치 sudo yum update -y sudo yum install -y git curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash - sudo yum install -y nodejs sudo amazon-linux-extras install nginx1 #서비스 시작 / 부팅시 자동시작 sudo systemctl start nginx sudo systemctl enable nginx #아래 git 주소를 클론하여 경로 설정 git clone https://github.com/gofogo2/2023-ifa-stamp.git -b world..
[react/swiper] react환경에서 완벽한 swiper 구현 #swiperjs를 활용하여 완벽한 반응형 swiper 구현 https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 사용해본 결과 swiperjs는 버전에 따라서, function들이 제법 바뀌어서 그냥 고정 버전으로 설명 후 해당 버전을 이용하는 걸 추천한다. #설치 (11.0.7) npx create-react-app npm install..
[ComfyUI/스테이블 디퓨전] ComfyUI AI 이미지 생성 -노드베이스로 스테이블 디퓨전을 쓸 수 있어서 좋았다. https://github.com/comfyanonymous/ComfyUI?tab=readme-ov-file#installing GitHub - comfyanonymous/ComfyUI: The most powerful and modular stable diffusion GUI, api and backend with a graph/nodes interfac The most powerful and modular stable diffusion GUI, api and backend with a graph/nodes interface. - comfyanonymous/ComfyUI github..
[js/ts/react/nextjs] recoil 사용법 #설치 npm i recoil #RecoilRoot 추가 #src/atom.ts 프로퍼티 정의(상태) import { atom } from "recoil"; export const ShowPopupState = atom({ key: "ShowPopup", default: false, }); #사용 useState처럼 useRecoilState에 위에 프로퍼티 넣어서 사용 #javascript #typescript #react #nextjs #recoil