React에서 Oauth 로그인(구글) 구현하기현재 프로젝트는 마무리 단계인데주변에서 솔깃솔깃 들려오는 JWT.. OAuth..개념은 알고있지만 구현해본 적이 없어서남는시간에 사이드프로젝트로 하고있는곳에 적용해보았다구글 oauth 라이브러리 설치2023년 3월부로 re

REACT에서 팝업 영역 밖 클릭시 닫기

프로젝트 진행 중, 현황을 지속적으로 체크해주고,효율성 및 서버부담을 줄이기 위해 상태에따라 체크를 지속할지 말지 분기처리를 해주어야 했다.useQuery : refetchIntervaluseQuery의 옵션으로 refetchInterval을 사용할 수 있다.일정시간마

\-v 명령어docker run -v "host 절대경로":"도커 컨테이너 절대경로" httpd호스트 PC에 있는 폴더를 컨테이너 안으로 넣을때,컨테이너가 삭제되더라도 호스트 PC에 있는 폴더를 참조하여 유지하려할때 사용한다fileZila 활용FTP 프로그램인 File

docker로 apache 서버 실행해보기우선 apache 컨테이너를 를 실행해준다docker run httpd본래 pull 하는 과정을 거쳐서 진행해야 하지만run으로 바로 실행할 경우, 로컬에 해당 이미지가 없으면 알아서 과정을 거쳐 run 해준다포트포워딩이렇게 d

docker run 주요 옵션\-i : 컨테이너 입력{(STDIN)을 열어놓는 옵션 (주로 it 로 -i 옵션과 -t 옵션을 함께 사용함)\-t : 가상 터미널(tty)을 할당하는 옵션 (주로 -it로 -i 옵션과 -t 옵션을 함께 사용함)=> 컨테이너 안에 키보드 입

도커의 구조를 이해한대로 간단히 쓰자면백그라운드에서 docker 프로세스가 실행중이고,docker로 시작되는 커맨드는 그 프로세스에 명령을 전달하는 역할을 한다따라서 docker가 실행되고 있는중에만 사용가능하므로, 명령어를 사용해 도커 status를먼저 확인해 준 후

mac에서 설치해서 쓰는게 좋다는데 어쩔수없이 windows 환경에 설치해서 썻다.Docker for Windows와 제어판의 Windows기능켜기 에서 Hyper V를 켜줘야한다.이후 linux 환경에서 나머지 설치를 진행한다이후 sudo 명령 없이 docker 명령

기본적으로 aws의 EC2 서비스에 서버접속하면 vim 이 기본적으로 세팅되어있음

배포 관련하여 CI/CD 및 협업 시 서버에 대한 이해도를 높이기위해 공부를 시작했다.AWS, Docker, GCP, nginx, HTTPS를 공부할 예정기본적으로 서버프로그램은 리눅스환경에서 동작하는 경우가 많기때문에리눅스 부터 공부를 해야할 필요성을 느꼈다자주쓰는

input에 숫자만 입력하도록 해야하는데type을 number로 하기엔 애매한 상황이어서 따로 체크를 해줘야했다추가로 정규식을 활용해 유저가 입력한 값에서 숫자만 남기고 지우도록 하였음

프로젝트 진행중 선택한것 외에선 스타일을 빼고,선택한것에만 강조를 주는 기능을 넣어야했다jQuery로 한다생각하면 removeClass와 this add / toggle 을 사용해서쉽게 구현할 수 있겠지만 리액트로는 처음이라 조금 구글링을 하고 구현했다map으로 생성된

진행중인 프로젝트에서 reactQuery를 활용해 보기로 하였다.post요청을 useMutation이 아닌 useQuery로만 구현해보려 했고,여러방법으로 해당 코드를 작성해보았다

문제발생프로젝트 진행중, 폴더채로 파일을 보내는 작업을 해야했다이를 위해 유저가 폴더를 선택하면, 그 폴더내의 모든 파일들을formData에 append하는식으로 코드를 짰는데, 백엔드쪽에서파일명에 파일경로까지 포함해서 와서 파일이 제대로 들어가지 않는다는 피드백이 왔

이해한 내용대로 적어본다useState : state가 변하면 해당 부분을 다시 로드한다useEffect : 컴포넌트가 로드될때마다 실행된다useRef : 컴포넌트 로드와 상관없이 고유한 값을 가지고 있는다var,let등 변수 : 컴포넌트가 로드될시 초기화된다이것때문에

여러 상황속의 if, else를 간단하게 쓰기위해물음표 연산자가 추가되었다.실용적으로 자주쓰이는 세가지를 정리해보았다삼항연산자( ? : )Null 병합 연산자( ?? )옵셔널 체이닝(Optional Chaning)( ?. )서버에서 api로 데이터를 받아오는경우, 데이

리액트로 코드를 진행하면서 화살표함수를 쓰는 빈도가 부쩍 늘어났는데,타이핑 수를 줄이는 정도로 쓰던것 외에 추가적으로 알게된 문법들을 정리해본다

퇴사후 잠시 개인적인 일들을 처리하고두번째 이직할 회사를 찾게된다.조금 돈이 급했기에 되는대로 다 면접을 보고 다녔는데메타버스 게임개발을 하는 회사로 알고 입사했었다.회사는 공유오피스를 이용하는 소호형태로 운영되고있었고....나름 연봉은 대우를 받고 들어갔으나 운영자체

nodejs + mongodb로 기록테이블 만들기nodeJS로 post,get을 할 수 있게되어mongoDB의 findOne, updateOne 기능을 활용해보았다간단하게 게시물번호, 날짜, 내용을 넣는 기록테이블을 하나 만들어봄먼저 nodejs쪽findOne, upd

mongodb 계정 생성 및 테이블 세팅이 완료된 이후를 기준으로한다먼저 터미널로 mongoDB를 설치한다서버 세팅한 스크립트 파일에 아래처럼 추가한다간단한 post 요청 예시request body 객체에 \_id가 없으면 mongoDB 자체적으로 생성해서 넣어준다