ZungTa's Blog
- All
- backend
- frontend
- gatsby
- docker
- react
- fronted
- flutter
NestJS 에서 package.json의 version 적용하기
발단 NestJS 프로젝트에 버전을 적용하려고 했다. v1, v2 이런 API Versioning 말고 에 version을 작성해서 그 값을 프론트엔드에서 확인할 수 있게 하자는 취지였다. 문제 version용 module을 만들었고, 에 버전 쓰는 것까지는 좋았는데 version을 반환해주는 API를 만들면서 문제가 생겼다. 에서 을 import 해서 …
sequelize.js 동적으로 생성된 테이블 모델 접근방법
models 디렉터리에서 db를 export 해 줄 것이다. 이렇게 에서 모델들을 가져와서 작업하고 관계 연결하고 등등을 하고 export 하는데 N:M 관계를 위해 생성된 Follow 모델을 어떻게 접근할 것인가? module.exports 해주는 객체에 보면 안에 모델들이 들어있다. Follow 모델 포함해서. 그래서 이렇게 작성하면 된다. 더…
npx 명령어
으로 전역 설치한 패키지는 에 기록되지 않아서 기피할 수 있는데. 그럴 경우 명령어를 사용하면 된다. 와 같이 모듈을 의 에 기록한 뒤, 앞에 명령어를 붙여 실행하면 된다. 패키지를 전역 설치하여 사용한 것 같은 효과를 얻을 수 있다. 2023-12-14 따로 을 수행하지 않아도 명령어로 실행하면 해당 패키지를 알아서 설치 후에 실행한다. 를 사용하…
npm 명령어 정리
주요 명령어 npm install npm 패키지를 설치한다. : package.json 에 있는 패키지목록을 설치한다. : 패키지명을 설치한다. 로 줄여서 쓸 수 있다. -> -> : npm 버전 5부터 쓸 필요 없다. -> : devDependencies 로 설치한다. npm uninstall npm 패키지를 제거한다. : 패키지명을 …
React + TypeScript에 전역 저장소 설정
폴더에 폴더를 생성하고 파일을 생성한다. 이제 원하는 컴포넌트에서 및 를 해서 간편하게 사용할 수 있다. 물론 그 전에 에서 원하는 및 을 작성해줘야한다. 버전 기준 react 17.0.2
React + Typescript에 i18n 적용
와 를 설치해준다. 폴더에 폴더를 만들고 파일과 폴더를 만들어준다. 폴더 안에 언어별로 ts 파일을 생성해준다. 에서 를 import 해준다. 이제 원하는 컴포넌트에서 을 임포트해서 에디터의 지원을 받으며 편하게 사용할 수 있다. 버전 기준 “react”: “^17.0.2” “i18next”: “^20.2.2” “react-i18next”: …
Docker로 PHP올리기
참고 사이트: docker 이미지로 apache및 php 개발환경 구축 일단 해당 php 프로젝트가 있는 폴더에서 Dockerfile을 생성한다. 그리고 docker build를 진행한다. 그럼 도커 이미지가 만들어졌다. 그 이미지를 이용해서 컨테이너를 올리자. 같은 식으로 실행한다. 성공적으로 컨테이너가 실행되었으면 에 접속해보면 된다.
Gatsby Post 날짜 요일 표시하기
템플릿 https://github.com/JaeYeopHan/gatsby-starter-bee 기준으로 포스트의 날짜 표시 부분을 변경하였다. 기존에 같은 형식으로 뜨던 날짜 표시를 와 같이 뜨게 변경하였다. 에서 쿼리 부분에서 의 을 변경한다. 에 변수를 추가해준다. 에서 표시 내용을 변경해준다.
Gatsby 블로그 만들기 중 배포 이슈
다른 블로그에 있는 가이드를 보면서 Gatsby로 블로그를 만들고 배포하던 중 발생한 이슈와 해결과정에 대해서 공유하고자 한다. gh-pages 브랜치로 푸시하였으나 Github Action이 작동 안함 이 이슈는 내가 지식이 부족했기 때문에 발생하였으나.. 솔직히 많은 블로그를 찾아봐도 그냥 github 웹사이트에서 workflow 만들라고 되어있어서 …
React isValidElement Implementation (구현체)
React를 사용할 때 특정 변수가 ReactElement인지 검증할 때 함수를 사용한다. TypeScript에선 Type Guard처럼 쓰면 된다. 에선 이렇게 타입이 선언되어있고 를 보면 (minify 되어있음) 소스가 압축된 캔처럼 되어있다. 이 중에 를 검색해보면 이런 내용을 볼 수 있다. 이제 function L을 찾아보면 이런 내용이고 n의…