개발

안녕하세요. 웹사이트중에 새창(자식창)을 띄우고어떠한 이벤트를 완료 하였을때 부모창에서 데이터를 다시 받아오게 할 수 있는 hook을 알려드릴려고합니다.회사 사이트 활용 예시흔히 사이트에서 볼 수 있는 문의 게시판 입니다.상단에 문의하기를 클릭후 문의할 수 있는 새창이 띄우는 형식이 많습니다.이때 새창에서 문의 내용을 입력후 확인 버튼 클릭시 새창을 닫고 부모창 데이터를 리프레쉬 시켜줘야 새로 등록된 문의를 볼 수 있습니다.부모창과 자식창과의 이벤트 플래그를 받을 수 있는 간단한 커스텀 훅 소개 드리겠습니다.(저도 구글링해서 작성한 코드입니다.)전체코드import { useEffect, useState, useRef } from 'react';const useCrossTabState = (stateKey..

안녕하세요.간단하지만 굉장히 많이 쓰이는 자바스크립트 문법을 저희 회사 웹,앱에서 실제 사용사례와 함께 기록 및 공유 드릴려고 합니다.1. DB에서 데이터를 뽑았는데 카테고리별로 데이터를 나누고 싶을 때!보통 DB에서 쿼리문을 실행후 데이터를 뽑을 때 이런식으로 데이터를 뽑는 경우가 많을 겁니다.const data = [ { category:"스냅+영상", name:"뭐 그냥 제목!11111", prise: 120000, count : 4032, }, { category:"스냅+영상", name:"뭐 그냥 제목!22222", prise: 550000, count : 85, }, ..

안녕하세요. 대중적으로 데이터를 요청해서 받아올때 axios를 많이 사용합니다.해당 라이브러리를 커스텀해서 사용할 수 있게 문서화가 되어있는데요.기본적인 api설정할 수 있고 토큰 만료시 api retry하는 커스텀 axios를 만들어 활용하는 코드를 소개하겠습니다.1. 저희팀이 사용하는 커스텀 axios의 전체적인 코드import axios from 'axios';import { getAccessToken, haveAccessToken, setAccessToken } from '../service/TokenService';const myAxios = axios.create({ withCredentials: true, baseURL: process.env.NEXT_PUBLIC_LOCAL_API_HOS..

안녕하세요. 회사내 물리서버 교체로 인한 프론트,백엔드,QA 배포환경 작업을 진행함.새로 설치할 물리서버에 젠킨스 설치후 깃허브 웹훅 연결하였습니다.jenkins install1. JDK install$ sudo apt-get install openjdk-11-jdk2. jenkins repo key install$ curl -fsSL https://pkg.jenkins.io/debian-stable/jenkins.io.key | sudo tee \/usr/share/keyrings/jenkins-keyring.asc > /dev/nullecho deb [signed-by=/usr/share/keyrings/jenkins-keyring.asc] \https://pkg.jenkins.io/debian-st..

안녕하세요. 회사내 물리서버 교체로 인한 프론트,백엔드,QA 배포환경 작업을 진행함.이참에 bitbucket -> github로 이동하자고 팀원 의견이 들어와 옮기기로함.1.젠킨스 키파일 생성일단 회사내 물리서버 ssh연결후cd /sudo -u jenkins /bin/bashjenkins bash쉘 접근cd /var/lib/jenkins/.ssh젠킨스 .ssh폴더로 이동ssh-keygen -t rsa -f jenkins_key정상적으로 키가 생성되었다.2. 깃허브 저장소 Deploy키 생성해당 키는 아까 생성한 키파일에서 확인한다.cat /var/lib/jenkins/.ssh/jenkins_key.pub3.젠킨스 프로젝트 생성후 깃허브 저장소 연동젠킨스에서 프로젝트 생성후"구성"클릭하여 프로젝트 설정 준..