Next.js App Router 사용 시 robots meta 태그 noindex 관련 이슈 해결
2024-01-08
⚠️ 해당 이슈는 작성하는 현재 최신 릴리즈 버전(v14.0.4) 기준의 이슈로, Next.js 버전이 업데이트 되면서 내용이 변경될 수도 있습니다. 블로그 환경을 Next.j...
Next.js 13 App Router 적용기
2023-10-02
Next.js 13 버전이 릴리즈 되고 가장 큰 변화인 App Router 기능이 출시가 되었는데요. 현재 보고 계신 블로그에 적용을 해보며 Server Components ...
Yarn berry + Yarn workspaces 패키지 Github Packages에 배포해보기 - 2
2022-09-12
지난 포스트에 이어서 이번에는 Github Packages에 npm 패키지를 배포해 보도록 하겠습니다. 배포를 위한 준비 우선 지난 포스트 내용처럼 설정을 진행했다면 배포...
Yarn berry + Yarn workspaces 패키지 Github Packages에 배포해보기 - 1
2022-09-11
Node.js 기반의 프로젝트 개발을 진행하다 보면 많은 패키지를 npm을 이용해서 설치하고 사용하게 되는데요. npm을 통해 설치하여 사용하는 모듈은 기본적으로 npm ...
오픈소스 저작권과 컨트리뷰션
2022-06-14
오픈소스란 오픈소스 소프트웨어(Open Source Software, OSS)를 뜻하는 용어이다. 요즘 우리가 일반적으로 소프트웨어 개발에 사용하는 프레임워크, 라이브러리 등...
React Typescript 기반 Electron 개발 환경 구축
2022-05-02
우선 CRA 라이브러리를 통해 typescript 기본 프로젝트를 생성 Electron 모듈 설치 package.json 수정 public/elctron.ts 작성 ...
React CRA & Typescript & craco & Cypress & Jest 테스트 환경 세팅
2022-04-16
cypress란 프론트엔드를 위한 E2E(End-to-End) 테스팅 프레임워크 입니다. 사내에서 진행 중인 프로젝트에 cypress를 도입하였는데, CRA(Create...
Safari CSS transition 관련 문제
2022-03-09
Safari에서(이 놈의 사파리...) css transition 사용 시 발생하는 문제 사내에서 진행하고 있는 프로젝트에 MUI를 사용하는데, MUI의 Input 컴포넌트...
Safari Date 포맷 관련
2022-02-27
Chrome 에서는 정상이지만 Safari 에서는 아래와 같은 Date 객체 생성 시 Invalid Date로 생성된다 Chrome Devtools Console Safa...
React 18 변경점
2022-02-01
현재 날짜(2022년 2월 1일) 기준으로 React 18 버전이 RC 단계이다. React 18에서의 변경사항들을 정리하자면 다음과 같다. React 18 버전부터 re...
meta tag 정리
2022-01-16
HTML 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용한다. 작성자, 키워드 목록과 같은 HTML 문서의 속성을 설명하거나 하는 등의 역할을 한다. 기본적...
Next.js SEO 관련 정리
2022-01-05
이번에 블로그를 직접 개발하면서 SEO 작업을 진행하였는데 해당 부분을 정리해 보려 한다. 일반적으로 프론트엔드에서 통용되는 내용과 NEXT.js에서의 내용을 같이 정리할 예정이...
console.log() 속도 관련
2021-11-25
https://www.acmicpc.net/problem/10828 해당 문제를 푸는데, 구현에 이상이 없는데 시간 초과로 오답이 나타나는 현상이 있었다. 원인은 반복문에서 매...
NestJS Heroku를 이용하여 무료로 배포하기
2021-10-25
Nest JS로 만든 토이 프로젝트를 (돈을 아끼고자..) AWS EC2 프리티어를 이용해서 배포하려 하였는데, 프리티어에서 제공하는 EC2 인스턴스인 t2 micro에서...
Webpack
2021-10-25
많은 파일들을 필요한 형태의 하나 또는 여러 개의 번들 파일로 만들어줌 Webpack을 사용하는 이유 1. 네트워크 병목현상 해결 너무 많은 자바스크립트 파일을 로드...