전체 글(259)
-
Vue3 html 렌더링 하는방법 [ v-html ]
Vue 개발 중에 한 줄 띄어쓰기 같은 html 속성을 사용하려고 할 때 // parent.vue modalMsg.value = `안녕! 안녕하세요?`; //children.vue {{ props.msg }} modalMsg에서 받은 데이터를 html태그로 인식 하지않고 그대로 나오게 된다. 해결 방법 // parent.vue modalMsg.value = `안녕! 안녕하세요?`; //children.vue v-html에 전달 받은 데이터를 넣어준다. 결과 를 html 태그로 인식하고 한 줄 띄어쓰기를 한다.
2022.10.04 -
Redis 연결 시 [ioredis] Unhandled error event: ReplyError: WRONGPASS invalid username-password pair 에러 해결 방법
상황 url 로만 접근 할 때 WRONGPASS invalid username-password pair 에러는 url 입력을 잘못하면 생기는 에러이다. 해결 방법 연결 url를 형식에 맞게 작성해주면 된다. 형식 redis://:@: redis://:@: 1. username이 존재 할 때 ex) redis://testmaster:123123@127.0.0.1:6780 redis://:@: ex) redis://testmaster:123123@127.0.0.1:6780 2. username이 존재 하지 않을 때 redis에 설정한 username 값이 없다면 뺴고 쓰면된다. * username을 뺀다고 : 도 같이 빼진 말아야한다. ex) redis://:123123@127.0.0.1:6780 redis..
2022.08.13 -
JEST new Date() Mock 데이터 만드는 방법
Jest에서 expect를 진행 시 new Date() 값을 검증 하려고 할 때 검증은 완료가 되었지만 밀리 초가 차이가 생겨 에러 테스트가 실패하는 경우가 있다. 이런 경우를 방지 할 때 사용한다. 사용방법 jest.useFakeTimer('modern') 을 먼저 입력 해주고 jest.setSystemTime(설정 하려는 시간)를 변경 하지 않는 이상 테스트에 모든 시간은 고정된다. const time = new Date('2022-06-12'); jest.useFakeTimers('modern'); jest.setSystemTime(time); 시간 mock 설정 : https://jestjs.io/docs/jest-object#jestusefaketimersfaketimersconfig 설정 시간..
2022.08.02 -
Git Action Teams 알람 설정하기
사용 이유 Git Action이 진행 될 때 CI/CD가 성공, 실패 시 Teams에 개발자 또는 관련된 사람들에게 알람을 보내준다. 순서 Teams 연결 링크 만들기 Git Action Secret에 연결링크 저장 Teams 연결 Marketplace 복사 yml파일에 Marketplace 코드를 넣고 Git Action Secret를 넣어준다. 1. Teams 연결 링크 만들기 Teams 연결 링크 만들기 : https://crispypotato.tistory.com/233 2. Git Action Secret에 연결링크 저장 3. Teams 연결 Marketplace 복사 해당 링크에서 최신 버전을 코드를 복사 한다. https://github.com/marketplace/actions/micros..
2022.07.27 -
Git Action CI (Test Code 검증, 실패 처리)
로컬에서 Jest 와 같은 테스트 라이브러리를 이용하여 테스트를 진행하고 나온 테스트 파일을 Git Action에서 Test를 진행한다. ex) yml 파일 예시 on: push: branches: - test env: CRYPTO: ${{ secrets.CRYPTO }} JWT: ${{ secrets.JWT }} PORT: ${{ secrets.PORT }} jobs: build: runs-on: ubuntu-latest steps: - name: Checkout code uses: actions/checkout@v2 - name: Set up Node.js version uses: actions/setup-node@v1 with: node-version: '16.x' - name: Download S..
2022.07.27 -
Teams 에러 알람 설정 (WebHook)
사용 범위 서버 이상(500 에러)이 생길 때 Teams를 통해 알림를 보낸다. 방법 * Teams는 설치 상태라고 가정한다. 1. 알림이 가야하는 채널 생성 * 채널이 이미 있는 경우 만들지 않아도 됌 2. Incoming Webhook를 추가 오른쪽 하단 앱를 누르고 검색창에 incoming를 검색한다. 만든 팀이나 현재 존재하는 팀을 선택 한 후 커넥터 설정을 클릭한다. 3. Incoming Webhook 커넥터 설정 이름을 작성 한 후 만들기를 클릭하면 링크가 하나 생성된다. POST로 보내야 하는 링크이므로 복사 한 후 저장해 둔다. 4. 라이브러리 axios를 사용하여 메시지 POST 전송 Teams에 알림이 가는 상황에 맞는곳에 3. 에서 생성 된 링크로 axios로 POST로 값을 보내준다..
2022.07.26