html javaScriptfunction secScroll(){ const screenHeight = document.documentElement.clientHeight; $(window).scroll(function(){ $('.item').each(function(){ let crtHeight = $(window).scrollTop(); // current scroll top let t..
GA setting @next/third-parties 설치 src/app/[lng]/layout.tsximport type { Metadata, Viewport } from 'next';import { dir } from 'i18next';import { locales } from '@/i18n';import { NextIntlClientProvider } from 'next-intl';import { getMessages, unstable_setRequestLocale } from 'next-intl/server';import { GoogleAnalytics, GoogleTagManager } from '@next/third-parties/google';import '@/assets/css/glo..
next.js 환경에서 스크롤 이벤트 구현하기 요구사항은 스크롤이 특정 영역에 진입했을 때 canvas로 그린 animation이 구현되는 것이었다 스크롤을 감지하기 위해 JS의 intersection observer 기능을 사용했고next.js 환경에서 사용하고자 useIntersectionObserver hook을 생성했다. 그리고 페이지 초기 렌더링 시에는 해당 canvas animation이 로드되지 않고scroll event가 수행될 때 canvas 컴포넌트가 렌더링 되도록 하기 위해next/dynamic을 import 했다. src > hooks > useIntersectionObserver.tsimport { useEffect, useState, useRef } from 'react';..
a 태그의 mail to에 메일 주소, 메일 제목, 참조 메일 주소 설정하는 방법 send 메일 제목을 설정하지 않아도 되고 참조 메일 주소가 여러 개인 경우 send 예시)Contact Email *참고https://stackoverflow.com/questions/26509787/mailto-with-multiple-cc-addresses Mailto with multiple cc addressesI would like to know how to include multiple email addresses in mailto link. I am trying this: stackoverflow.com
개발 작업을 진행하다가 자주 보는 에러 메시지 Web server failed to start. Port 3000 was already in use. 해당 포트가 이미 사용 중이라 서버를 띄우지 못하는 상황 이처럼 로컬 포트에서 작업하다가 해당 port를 kill 해야 하는 경우가 발생했다면해당 port의 정보를 조회해 pid 번호를 알아낸 뒤 kill 한다 1. MAC 특정 port의 정보를 찾으려면lsof -i:[포트번호]lsof -i:3000 해당 프로세스를 강제 종료하려면kill -9 [PID]kill -9 00000 (+) lsof란?List Open Files의 약자현재 시스템에서 열려 있는 파일들의 목록을 보여주는 유닉스 명령어파일을 열고 있는 프로세스의 PID(프로세스 식별 번호)..