profile
RN/react.js개발자이며 배운것들을 제가 보기위해서 정리하기 때문에 비속어 오타가 있을수있습니다.

LangChain

프래임워크이다 => 즉 chatGPT를 쉽게 사용하기 위한 툴이다른 언어모델(아마 chatGTP말고 다른 AI)을 차용해서 사용가능하다Be agentic : 언어모델이 환경(아마 사용자가 설정한 환경(env 라던지 파라미터라던지))상호작용하도록 허용한다.Be data-

2023년 7월 21일
·
0개의 댓글
·
post-thumbnail

NEXT.JS 서버 펫칭 방법

Static Gerneration(Recommended): Build Time에 HTML파일을 미리 생성해둠Server-side Rendering : 매 요청마다 HTML을 생성함sg 방식은 프로젝트 빌드시에 data-fething 메서드를 호출하는 방식이다 따라서 해

2023년 5월 26일
·
0개의 댓글
·

scroll menu navigation

2023년 3월 22일
·
0개의 댓글
·

blob 다운로드

2022년 6월 27일
·
0개의 댓글
·
post-thumbnail

ga4

ga4!

2022년 6월 2일
·
0개의 댓글
·

캘린더

2022년 5월 3일
·
0개의 댓글
·

드롭다운 만들기

드롭다운 > 드롭다운을 visible한 element와 드롭다운 컨텐츠를 제외한 곳을 클릭할시에 없어져야한다. 위에 조건때문에 드롭다운을 만드는게 까다롭긴하다 때문에 다음과같이 웹퍼를 만들어 사용하자.

2022년 4월 28일
·
0개의 댓글
·
post-thumbnail

tailwind 아무대서나 className 자동완성 사용하기

테일윈드는 아무대서 className사용하기tailwindCss intellisence를 설치 후확장설정 ㄱ클래스 리렉스 편집 클릭마지막줄에 다음 코드를 추가

2022년 4월 18일
·
0개의 댓글
·
post-thumbnail

nginx+docker으로 무중단 배포 설정

3000포트는 a컨테이너를 3001포트는 b컨테이너를 바라본다.nginx 는 리버스 프록시로 9090포트를 3000또는 30001 으로 연결시켜준다.a컨테이너가 배포중이였다면 b컨테이너를 띄운다.nginx의 9090포트가 바라보는 포트를 바꿔준다.nginx 리로드a컨테

2022년 4월 15일
·
0개의 댓글
·
post-thumbnail

nginx 설치및 설정

결국 웹서버의 한종류이다.서버는 js html 이미지 동영상 등등을 제공한다주로 http통신 프로토콜로 리소스를 전달한다.비동기 event driven에 의한 non blocking처리를 한다는것이다.또한 동시 접속수가 늘어날 수록 물리 메모리가 증가하는 프로세스 기반

2022년 4월 14일
·
0개의 댓글
·

pageNation 스닙팻

// baseimport Image from 'next/image';import React, { Dispatch, SetStateAction, useMemo } from 'react';// imagesimport iconArrowLeft from 'assets/imag

2022년 4월 11일
·
0개의 댓글
·
post-thumbnail

jenkins으로 CICD환경 만들어보기_셋팅_webHook

이제 github에서 코드 push가 일어나면 jenkins에서 캐치하는 방법을 알아보자!webhook 에서 payload URL을 http:// 젠킨스IP:PORT/github-webhook/으로 지정하자보인 젠킨스 주소는 cmd에서 을 입력해서첫 ipv4

2022년 3월 13일
·
0개의 댓글
·
post-thumbnail

jenkins으로 CICD환경 만들어보기_셋팅_build

젠킨스 셋팅하기전에 git repo에다한 권한 얻기 대분의 저장소가 공부하는 곳이면 public이면 상관없게지만 업무환경이면 private일것이다 private의경우 개인 액새스 토큰을 만들어주어야한다. 왼쪽의 메뉴중 클릭 다시 왼쪽의 메뉴중 클릭 그런뒤

2022년 3월 13일
·
0개의 댓글
·
post-thumbnail

jenkins으로 CICD환경 만들어보기_설치

시나리오를 만들어보자 젠킨스에서 자동으로 배포하는경우(편리함) 코드가 dev-qa를 거처 승인이 남 master branch에 코드를 푸시 젠킨스가 감지하고 자동 배포 젠킨스에서 빌드 버튼을 누를경우(안전함) dev-qa을 거처 승인이 남

2022년 3월 13일
·
0개의 댓글
·
post-thumbnail

docker-compose란?

즉 컨테이너들을 run할 명령어를 파일로 만든 것이라고 보면된다.docker-compose 파일정리

2022년 3월 9일
·
0개의 댓글
·
post-thumbnail

docker-compose 작성해보자

컨테이너를 관리해주는 명령어를 파일화시켰다대략적으로 docker run 할때 작성하는 옵션들을 파일화 시켰다고 생각하면된다.그럼 docker 으로 run 할 옵션을 살펴보자.위와같을때 다음과같이 docker-compose 파일을 작성한다.파일이 변경될때 전에는 dock

2022년 3월 9일
·
0개의 댓글
·
post-thumbnail

docker hub으로 이미지 업로드하기

그런뒤 컨테이너에서 빠져나와그런뒤 다음과같으 커맨드를 입력한다위와같이 뜬다면 성공!일단 처음 commit한 이미지를 지운뒤 pull해야한다.pull

2022년 3월 9일
·
0개의 댓글
·
post-thumbnail

도커파일을 작성한뒤 이미지 만들기

도커파일로 이미지만들자 >그런뒤 로컬의 package.json의 스크립트를 하나 추가하자 >도커파일 정보 위와같이 작성한뒤 테스트 이미지 생성 localhost으로 접근 잘 접속된다 이제여기서 소스파일이 바뀌었다는 가정하에 다시 배포하는걸 진행시켜보자.

2022년 3월 8일
·
0개의 댓글
·
post-thumbnail

 도커 이미지 만들기/실행하기

남들꺼 받아쓰지말고 내만내사 해보자 ㅋ 일단 이미지를 만드는 방법은 2가지가 있다. 사용중인 컨테이너에서 commit을 사용하면 해당 컨테이너가 이미지가 된다. => commit docker file을 생성하여 사용한다. => build commit 을 사용하여

2022년 3월 7일
·
0개의 댓글
·
post-thumbnail

docker에서 host file system과 docker file system 과 연결하기

저번 포스트에선 host의 port와 container의 port를 연결시켜주었다.container는 언제라도 지워질수 있는 것이기에 container에서 작업한 파일들 또한 언제라도 없어질수있다.이럴경우를 대비해 host의 file system과 container의

2022년 3월 7일
·
0개의 댓글
·