Home

[Docusaurus doc/blog] Swizzling(스위즐링)으로 원하는 대로 도큐사우르스 커스터마이징하기(꾸미기)

1. 도큐사우르스의 스위즐링(Swizzling)이란? 도큐사우르스에서 제공해주는 기본적인 컴포넌트나 테마 이외에, 사용자가 원하는 컴포넌트에 값을 추가로 넣거나 컴포넌트를 수정하고 싶은 경우가 있을 것입니다. 사이드바에 원하는 것을 넣거나, 페이지네이션을 구성하거나, 다양한 종류의 커스터미이징을 하고 싶은 경우가 많을 것 같은데요. 이것을 하기 위해서는 도큐사우루스의 핵심 개념인 스위즐링(Swizzling)에 대해 다룰 겁니다. 이를 통하여 유저가 원하는 커스터마이징을 할 수 있습니다.스위즐링(Swizzling)은 테마 컴포넌트를 유저가 작성하여 변경할 수 있으며, 아래의 두 가지 패턴으로 제공됩니다. ...

Read more

[Spring Boot] QueryDSL _ Attempt to recreate a file for type 빌드 에러 해결 방법

Attempt to recreate a file for type QAClass.java Attempt to recreate a file for type QBClass.java Attempt to recreate a file for type QCClass.java Spring Boot 프로젝트를 수행하다가 Attempt to recreate a file for type 에러를 보게 되었습니다. 위 문제는 query dsl에서 생성 해주는 Q Object(객체) 관련된 문제입니다. 해당 에러가 발생하는 경우는 Q Object(객체)를 생성해야 하는데 이미 폴더나 객체가 생성되어 있어서 발생합니다. 새로운 파일을 생...

Read more

[Docusaurus SEO] 도큐사우르스 블로그/사이트 구글 검색 엔진 Search console에서 노출되지 않을 때 _ trailingSlash이란? 개념과 설정

Facebook 이 만든 Docusaurus 는 손쉽게 Doc/Blog를 만들 수 있다는 장점이 있습니다. 하지만 그냥 Google Search Console 에 등록하면 검색되지 않는 문제가 발생했습니다. 이러한 문제는 왜 발생할까요? trailingSlash 관련 설명은 링크를 클릭하면 자세히 볼 수 있습니다. undefined (default) : URL을 그대로 유지하고 합니다. /docs/myDoc.md 파일은 /docs/myDoc/index.html파일로 생성됩니다. true : URL/링크에 트레일링 슬래시를 추가합니다. /docs/myDoc.md 파일은 /docs/myDoc/index...

Read more

[MongoDB aggregation pipeline] collection에서 날짜(Date)로 기간 조회/쿼리하는 방법

몽고 DB 에서 현재 사용 중인 콜렉션에서 Date 를 사용하는 경우가 있습니다. 이 때, 몽고 DB 에서 Date 로 특정 기간 동안의 조회를 하는 방법은 무엇일까요? 아래와 같은 조건이라고 가정해보겠습니다. dateTime key 에 Date 값이 들어있다. 2023-02-01 부터 2023-02-02 까지의 데이터를 조회 아래와 같이 find 함수 내에 $gte, $lte 를 사용하고 원하는 날짜를 new Date 나 ISODate 내부에 넣어주면 됩니다. db.mycollection.find({ "dateTime" : { "$gte" : new Date("2023-02-01T00:...

Read more

[비즈니스 IT/개발 용어 정리] Infra/Server 프로비저닝(Provisioning)이란? 개념정리

1. 프로비저닝(Provisioning)이란? 개발을 하다보면 프로비저닝(Provisioning)이라는 용어를 많이 접할 수 있습니다. 프로비저닝(Provisioning)은 무엇일까요? 프로비저닝(provisioning)은 사용자의 요구에 맞게 시스템 자원을 할당, 배치, 배포해 두었다가 필요 시 시스템을 즉시 사용할 수 있는 상태로 미리 준비해 두는 것을 말한다. 서버 자원 프로비저닝, OS 프로비저닝, 소프트웨어 프로비저닝, 스토리지 프로비저닝, 계정 프로비저닝 등이 있다. 수동으로 처리하는 ‘수동 프로비저닝’과 자동화 툴을 이용해 처리하는 ‘자동 프로비저닝’이 있다. 위키피디아에 따르...

Read more

[React/Javascript] Js에서 동작하는 setInterval/setTimeout 함수 중지/제거하는 방법(clearInterval, clearTimeout, unMount, useEffect)

1. 문제 JS 나 React 를 사용할 때, setInterval/setTimeout 함수를 자주 사용하게 됩니다. 사용하던 두 함수를 필요 없는 시점에는 제거해야 하는데요. 예를 들어, React 같은 경우에는 컴포넌트가 마운트 될 때 동작시키고, 언마운트 될 때 제거하고 싶을 수 있을 것입니다. 이 때, 동작하고 있는 setInterval, setTimeout 를 중지하고 싶을 때 어떻게 해야 할까요? 2. 해결방법 setInterval/setTimeout 함수를 호출하면 id를 return 해줍니다. 이 id 를 clearInterval, clearTimeout 에 각각 넣어주면 손쉽게 동작하고...

Read more

[NVM & Xcode error Solution] node: command not found _ Command PhaseScriptExecution failed with a nonzero exit code - Permission denied

1. Problem When i make a program on Xcode, i saw a error. This makes problem. I cannot build because of this problem. Command PhaseScriptExecution failed with a nonzero exit code" - "Permission denied" 2. Solution In my case, i used nvm on my laptop. Under command solve this problem. I saw this(node: command not found) comments and found ...

Read more

[Android Studio/React Native] 에뮬레이터 AVD is already running, delete *.lock and try again 오류 해결하기

1. 문제 Android Studio/React Native 를 이용하여 개발을 하다보면 에뮬레이터(시뮬레이터)를 사용하는 경우가 많습니다. 에뮬레이터를 사용하다가 아래와 같은 에러 메시지를 볼 수 있는 경우가 있습니다. 가상 디바이스를 반복적으로 실행하거나 종료가 제대로 되지 않았을 때 새로운 시뮬레이터를 실행시키면, 이러한 에러가 발생하게 됩니다. Device Manager AVD Pixcel_5_API_33 is already running. If that is not the case, delete the files at /Users/user/.android/avd/Pixcel_5_API_33.av...

Read more

[비즈니스 IT/개발 용어 정리] 이미지/메일에 쓰이는 Base64(인코딩) 이란? 개념정리

1. Base64(인코딩) 이란? Base64 는 64진법이라는 뜻입니다. 8비트 이진 데이터(Binary, 이미지/오디오 등)를 플랫폼 or 시스템에 영향을 받지 않는 공통 ASCII 문자열로 바꾸는 인코딩(encoding) 방식입니다. Web 에서 이미지를 표현하거나, 전자 메일을 통한 이진 데이터(Binary)를 전송하는 등의 역할로 쓰이고 있습니다. Base64 인코딩(encoding)을 하게 되면, 전송해야 할 데이터의 용량이 약 1/3(33%) 정도 늘어납니다. 6bit당 2bit의 Overhead가 발생하기 때문입니다. 이진 데이터(Binary) 데이터를 텍스트 기반 규격으로 다룰...

Read more