우왕좌왕 개발세계

[MySQL] 오류해결 : Illegal mix of collations (utf8mb4_general_ci,IMPLICIT) and (utf8mb4_unicode_ci,IMPLICIT) for operation '='

khaynugn — Wed, 3 May 2023 13:52:15 +0900

발생

새 테이블을 추가하고 다른 테이블과 조인하려고 하는데 아래와 같은 에러가 발생

Illegal mix of collations (utf8mb4_general_ci,IMPLICIT) and (utf8mb4_unicode_ci,IMPLICIT) for operation '='

원인

기존 테이블과 새 테이블의 Collate 값이 달라서 발생

해결

ALTER TABLE {테이블명} CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

[NestJS] 간단한 미들웨어를 만들어 IP 차단하기

khaynugn — Wed, 3 May 2023 13:44:02 +0900

미들웨어 파일 생성

// ./middleware/IpFilterMiddleware.ts

import { Injectable, NestMiddleware, UnauthorizedException } from '@nestjs/common';
import { NextFunction, Request, Response } from 'express';

@Injectable()
export class IpFilterMiddleware implements NestMiddleware {
    async use(req: Request, res: Response, next: NextFunction) {
      const ipAddress = req.headers['cf-connecting-ip'];

      if (ipAddress == '차단하고 싶은 IP') {
        throw new UnauthorizedException('invalid ip');
      }

      next();
    }
}

AppModule에 미들웨어 주입

// ./app.module.ts

import { MiddlewareConsumer, NestModule } from '@nestjs/common';
import { IpFilterMiddleware } from './middleware/IpFilterMiddleware';

@Module({
  imports: [...],
  controllers: [...],
  providers: [...],
})
export class AppModule implements NestModule {
  configure(consumer: MiddlewareConsumer) {
    consumer.apply(IpFilterMiddleware).forRoutes('/**');
  }
}

[Git] Push 되돌리기

khaynugn — Tue, 11 Apr 2023 12:01:09 +0900

1. 아래 명령어를 통해 되돌리고 싶은 시점의 커밋번호 확인

git log --oneline

2. 커밋 시점으로 리셋

git reset --hard {커밋번호}

추가) 아래 명령어로 푸쉬내역까지 되돌릴 수 있음

git push -f origin master

[Linux] 패스워드 없이 sudo 권한 사용

khaynugn — Mon, 10 Apr 2023 15:32:50 +0900

1. /etc/sudoers 파일 편집

vi /etc/sudoers.d

2. 아래 내용 추가 후 저장

...

{사용자명} ALL=NOPASSWD: ALL

[Linux] 파일&디렉토리의 소유권 변경하는 명령어

khaynugn — Mon, 10 Apr 2023 15:26:11 +0900

파일 소유권 변경

chown {소유권자}:{그룹식별자} {파일명}

디렉토리 소유권 변경

chown {소유권자}:{그룹식별자} {디렉토리명}

디렉토리 소유권 변경 (하위 디렉토리까지)

chown -R {소유권자}:{그룹식별자} {디렉토리명}

[Javascript] axios 라이브러리 사용시 timeout 설정하기

khaynugn — Thu, 6 Apr 2023 17:46:27 +0900

axios 라이브러리는 기본적으로 timeout이 설정되지 않으므로, 아래와 같이 'setTimeout' 옵션을 지정해주는게 안전하다.

GET

const baseURI = 'https://apitest.com/test'
axios.get(baseURI, { setTimeout: 1000 }); // 1초

POST

const baseURI = 'https://apitest.com/test'
const body = {
  key: 'value'
};
axios.post(baseURI, body, { setTimeout: 5000 }); // 5초

[MySQL] 각 행 별로 점수 비율 구하기

khaynugn — Thu, 6 Apr 2023 17:27:32 +0900

백분율로 구하기

전체 점수(score) 대비 각 사용자별 점수(score)를 백분율로 나타내기

SELECT name
     , score
     , ROUND(CONVERT(float, score) / SUM(score) OVER(), 2) * 100 AS score_percent
FROM users

[Go] pprof로 프로그램 CPU, 메모리 사용 정보 분석하기

khaynugn — Mon, 20 Feb 2023 11:06:16 +0900

1. 시각화 된 자료로 보기 위해 graphviz 설치

apt install graphviz

2. 코드 작성

package main

import (
    "http"
    _ "net/http/pprof" // 링크해준다.
    ...
)

func main() {
    ...
    
    go func() {
     http.ListenAndServe("localhost:6060", nil)	// 6060 포트를 열어준다.
    }()
    
    ...
}

3. go tool을 이용하여 프로파일링

CPU 사용정보 분석 (20초)

go tool pprof http://localhost:6060/debug/pprof/profile?seconds=20

메모리 사용정보 분석 (20초)

go tool pprof -png http://localhost:6060/debug/pprof/heap?seconds=20 > heap.pn

위에서 저장된 분석 데이터를 시각화하여 웹페이지에서 확인

go tool pprof -http=:9999 /root/pprof/pprof.__debug_bin.alloc_objects.alloc_space.inuse_objects.inuse_space.001.pb.gz

[VSCode] 자바스크립트 확장 플러그인 ESLint & Prettier 사용법

khaynugn — Wed, 15 Feb 2023 13:50:50 +0900

플러그인명	설명
ESLint	문법 상 오류 방지 및 교정
Prettier	코드 스타일 통일 및 교정

1. VSCode에서 확장 플러그인 설치

VSCode extensions에서 'ESLint', 'Prettier' 검색 후 설치 (Node.js 필요)

2. 터미널에서 필수 플러그인 설치

/* 1. 필수 플러그인 설치 */
yarn add -D eslint prettier

/* 2. config 파일 생성 (프로젝트 root 위치에 생성됨) */
npx eslint --init // 개발환경에 맞게 대답 선택 (아래 질문들은 보기와 같이 선택 권장)
  How would you like to use ESLint?
  > To check syntax and find problems

  What format do you want your config file to be in?
  > Javascript

  Would you like to install them now?
  > Yes

  Which package manager do you want to use?
  > Yarn

/* 3. 기타 플러그인 설치 */
yarn add -D eslint-config-prettier // eslint의 코드 스타일 규칙을 비활성화 (prettier와 conflict 방지)
yarn add -D eslint-plugin-prettier // prettier를 eslint 플러그인으로 추가 (포맷오류를 eslint 오류로 출력)

yarn을 통한 설치를 권장하나, npm으로 설치를 원하는 경우 위 코드에서 ‘yarn add’ 를 ‘npm install’ 로 변경해서 실행

3. 프로젝트 루트 경로에 있는 '.eslintrc.js' 파일 일부 수정

/* .eslintrc.js */

module.exports = {
  env: {
    browser: true,
    node: true, // Node.js 전역 변수 및 Node.js 범위 지정
    es2022: true, // ECMAScript 2022 전역 추가, ecmaVersion 파서 옵션을 13으로 설정
  },
  ignorePatterns: ['node_modules/'], // 해당 폴더는 형식 무시
  extends: [
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',
    'plugin:prettier/recommended', // eslint와 prettier 간 충돌 방지
  ],
  parser: '@typescript-eslint/parser',
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
  },
  plugins: ['@typescript-eslint', 'prettier'],
  rules: {
    'prettier/prettier': ['warn'], // prettier 형식에 맞지 않을 경우 경고로 표시
		@typescript-eslint/no-var-requires': 'off', // typescript: 변수 requires 사용 제한
  },
};

4. 프로젝트 루트 경로에 .prettierrc.js 파일 생성

/* .prettierrc.js */

module.exports = {
  "printWidth": 80, // 한 줄 최대 문자 수
  "tabWidth": 2, // 들여쓰기 너비
  "semi": true, // 문장 끝 세미콜론 사용 여부
  "useTabs": false, // 탭 사용 여부
  "singleQuote": true, // 작은 따옴표로 통일 여부
  "bracketSpacing": true, // 중괄호 양 끝에 공백 추가 여부
  "trailingComma": "all", // 꼬리 콤마 사용
  "arrowParens": "avoid", // 화살표 함수 단일 인자 시, 괄호 생략
  "proseWrap": "preserve", // 마크다운 포매팅 제외
  "endOfLine": "auto", // 개행문자 유지 (혼합일 경우, 첫 줄 개행문자로 통일)
  "vueIndentScriptAndStyle": true, // vue: 파일에서 태그 안에 있는 코드 개행
}

추후 해당 파일 내용 수정 시 VSCode를 재시작해야 기존 규칙과 충돌이 나지 않음

5. 저장 시 포맷에 맞게 자동 변환 기능 활성화 (VSCode 설정 파일 수정)

Command+Shift+P > Open Settings.json(JSON)

/* settings.json */

...
"files.autoSave": "onFocusChange",
"editor.formatOnSave": true, // 저장시 자동으로 포맷팅
"editor.defaultFormatter": "esbenp.prettier-vscode", // 기본 포맷터를 prettier로 설정
// "editor.codeActionsOnSave": { // eslint에 의한 자동 수정 활성화 (필요한 경우 추가)
//   "source.fixAll.eslint": true
// },

6. 안전한 적용을 위해 VSCode 완전히 종료 후 다시 시작

[Nginx] 프록시 설정하는 방법

khaynugn — Wed, 15 Feb 2023 11:59:34 +0900

1. conf 파일 수정 (/etc/nginx/nginx.conf)

server {
	listen80 default_server;
	...

	location / {
		proxy_http_version 1.1; 		#추가
		proxy_pass http://127.0.0.1:3300;	#추가
	}

	...
}

2. 서버 네트워크, 방화벽 설정

# 네트워크 연결 설정
setsebool -P httpd_can_network_connect 1

# 방화벽 설정
firewall-cmd --zone=public --permanent --add-service=http
firewall-cmd --reload

3. 설정을 마쳤는데도 "permission denied connecting to upstream" 오류 발생시

sudo cat /var/log/audit/audit.log | grep nginx | grep denied | audit2allow -M mynginx
sudo semodule -i mynginx.pp