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

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개의 댓글
·
post-thumbnail

docker -i -t -it 란?(bonus)

https://docs.docker.com/engine/reference/run/#detached--d STDIN : 스탠다드 인풋 STDOUT : 스탠다드 아웃풋 STDERR : 스탠다드 에러 -i는 not attach 일경우 계속해서 인풋모드를 지원함 -t는

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

docker host 와 container 연결하기!

docker host와 container >도커가 띄운 컨테이너들을 관리하는 곳을 docker host라고한다 하나의 도커 host에는 여러게의 container가 만들어질 수있다. 만약 container안에 서버가 존재할경우에 외부에서 호스트 단으로 접속한다고해서

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

도커 이미지와 실행

도커이미지? >도커에서 서비스 운영에 필요한 서버 프로그램, 소스코드 및 라이브러리, 컴파일된 실행 파일을 묶는 형태를 Docker Image라고한다. 그리고 그 이미지들은 docker hub라는 곳에서 pull하여 container으로 실행시킨다 이 이미지들은 여러

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