'분류 전체보기' 카테고리의 글 목록

@chakra-ui/react V3 커스텀 them 설정

2024.11.27

src/them.tsimport { createSystem, defaultConfig, SystemConfig, SystemStyleObject,} from '@chakra-ui/react';// container 커스텀 스타일 설정const containerStyle: SystemStyleObject = { maxWidth: '100%', paddingInline: '0',};const config: SystemConfig = { // 전역 스타일 설정 globalCss: { 'html, body': { letterSpacing: '-0.02em', color: 'black', fontFamily: `'Pretendard Variable', Pretenda..

카테고리 없음

nvm 설치 및 버전관리

2024.08.28

1. homebrew로 nvm 설치brew install nvm 2. nvm 설정code ~/.zshrc 3. 파일 끝에 아래 내용 추가 사용자마다 다를 수 있음 !export NVM_DIR="/opt/homebrew/Cellar/nvm/0.40.0"[ -s "/opt/homebrew/Cellar/nvm/0.40.0/nvm.sh" ] && \. "/opt/homebrew/Cellar/nvm/0.40.0/nvm.sh" # This loads nvm[ -s "/opt/homebrew/Cellar/nvm/0.40.0/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/Cellar/nvm/0.40.0/etc/bash_completion.d/nvm" # This loads..

카테고리 없음

nestjs https 적용 (feat: mkcert)

2024.08.06

mkcert란?로컬 개발 환경에서 쉽게 신뢰할 수 있는 인증서를 생성할 수 있는 도구이다. mkcert를 사용하면 로컬에서 브라우저가 신뢰할 수 있는 인증서를 생성할 수 있다. 설치mkcert 설치brew install mkcertbrew install nss # Firefox를 지원하기 위해 필요 로컬 CA 설치mkcert를 처음 사용할 때 로컬 CA(Certificate Authority)를 설치해야 한다.mkcert -install 인증서 생성로컬 호스트를 위한 인증서를 생성mkcert localhost 위 명령어를 입력하면 현재 경로에 `localhost-key.pem` 파일과 `localhost.pem` 파일이 설치된다. nestjs https 설정import { NestFactory } fro..

카테고리 없음

OpenSSL로 인증서 발급 방법

2024.08.06

OpenSSL 설치brew install openssl 자체 서명된 인증서 및 비밀키 생성openssl req -x509 -nodes -newkey rsa:4096 -keyout ./secrets/private-key.pem -out ./secrets/public-certificate.pem -days 365 x509: X.509 인증서 생성nodes: 비밀키를 암호화하지 않음newkey rsa:4096: 4096비트 RSA 비밀키를 생성keyout: 비밀키를 저장할 파일 경로out: 인증서를 저장할 파일 경로days 365: 인증서의 유효 기간을 365일로 설정로컬 개발 환경에서 CSR 생성 시 입력할 정보Country Name (2 letter code)두 자리 국가 코드를 입력합니다.예시: KR (..

database/PostgreSQL

[postgreSQL] 명령어 모음

2024.08.03

1. 데이터베이스 접속psql postgres 2. 유저 생성CREATE USER admin WITH LOGIN PASSWORD '1234';admin이라는 사용자 아이디를 갖고, 비밀번호는 1234인 새 유저를 생성3. 유저 확인\du 4. 권한 부여# admin에게 슈퍼유저 부여ALTER ROLE admin SUPERUSER; # admin에게 DB 생성 권한 부여ALTER ROLE admin CREATEDB; # admin에게 권한 생성 부여ALTER ROLE admin CREATEROLE; 5. 데이터베이스 생성# 소유자가 admin이고 인코딩은 UTF-8이며 연결제한이 없는 'koharu' 라는 데이터베이스 생성CREATE DATABASE koharu WITH OWNER = admin..

Homebrew

homebrew postgreSQL 설치 방법

2024.08.03

1. 설치brew install postgresql 2. 서비스 실행brew services start postgresql 3. 접속psql postgres 4. 삭제# PostgreSQL 서비스 중지brew services stop postgresql@14# PostgreSQL 14와 관련된 모든 데이터를 삭제rm -rf /opt/homebrew/var/postgresql@14rm -rf /usr/local/var/postgresql# PostgreSQL 삭제brew uninstall --force postgresql

카테고리 없음

prettier 설정

2024.08.01

shift + cmd + p // 명령 팔렛트 열기open user settings 명령어 입력 -> 실행{ "terminal.integrated.fontFamily": "MesloLGS NF", "workbench.colorTheme": "Material Theme High Contrast", "workbench.iconTheme": "material-icon-theme", "editor.defaultFormatter": "esbenp.prettier-vscode", // 포맷터를 prettier로 설정 "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "svelte.enable-ts-plugin": tr..

Study/JavaScript

원시 값과 객체의 비교

2024.07.01

원시 값원시 타입(숫자 타입, 문자열 타입, 불리언 타입, undefined 타입, null 타입, 심벌 타입)의 값, 즉 원시 값은 변경 불가능한 값이다.한번 생성된 원시 값은 읽기 전용 값으로서 변경할 수 없다."원시 값은 변경 불가능하다"는 말은 원시 값 자체를 변경할 수 없다는 것이지 변수 값을 변경할 수 없다는 것이 아니다. 변수는 언제든지 재할당을 통해 변수 값을 변경(교체)할 수 있다. 단 상수는 단 한 번만 할당이 허용되므로 변수 값을 변경(교체)할 수 없다. // const 키워드를 사용해 선언한 변수는 재할당이 금지된다.const name = "Kim";s = "Jung"; // TypeError: Assignment to constant variable.// 하지만 const 키워드를..

@chakra-ui/react V3 커스텀 them 설정

nvm 설치 및 버전관리

nestjs https 적용 (feat: mkcert)

OpenSSL로 인증서 발급 방법

[postgreSQL] 명령어 모음

homebrew postgreSQL 설치 방법

prettier 설정

원시 값과 객체의 비교

티스토리툴바