React Context API의 개념 및 사용법

React

깃허브 Organization 레포지토리 vercel 자동 배포(Github Action)

tailwind 추가적으로 알면 좋은것들

TailwindCSS

react-idle-timer 활용한 로그인 연장 버튼 만들기

react-idle-timer (로그인 연장 버튼)

Javascript

Next.js

렌더링 최적화를  위한 React.memo, useMemo, useCallback 

React.memo, useMemo, useCallback역할 및 차이점

히트맵으로 달력 만들고 해당 날에 포스팅된 글 있으면 표시하기

React Developer Tools 설치(크롬 확장프로그램)

Typescript

next-auth session callbacks활용해 값 추가

개인 블로그에 file-saver를 적용하기 (pdf 다운로드)

Rest api, Restful api 특징 및 차이점

notion api 100개 초과일 때 해결법

날짜 순으로 정렬 (배열 안에 객체를 날짜 순으로 정렬하는 방법)

twin.macro (tailwind + emotion 사용) 사용법

Emotion

인스턴스에 접속 & 무중단 배포

useForm 을 활용해 효과적으로 폼 관리하기

Next.js에 mdx 적용, 파일 불러오기

firebase 저장된 이미지 불러오기

Next.js Firebase(Firestore)연동하기 - Firebase 10버전

형제, 부모, 자식 노드 접근 방법 정리

문서의 로딩되는 시점 이벤트 제어하기 -

DOMContentLoaded, load, beforeunload, unload, readyState 이벤트

문서의 로딩되는 시점 이벤트 제어하기

Node와 NPM 버전 확인 및 최신 버전 업데이트

Html

svg <linearGradient>, <radialGradient>, <stop>, <g> 탐구

svg <linearGradient>, <radialGradient>, <stop>, <g>

svg <defs>, <use> - 곡선 따라 글쓰기

동기통신(Sync), 비동기통신(Async) 차이점

웹 디바이스 별 해상도 반응형 분기점 리스트

웹 디바이스 별 해상도 반응형 분기점

input  checkbox 하나만 선택하기 구현

AOS ( Animation On Scroll ) 라이브러리 사용법 ( 스크롤 애니메이션 )

메뉴호버시 서브메뉴(dropdown) 구현

'SetStateAction<never[]>' 형식의 매개 변수에 할당될 수 없습니다. 오류 해결

'SetStateAction<never[]>' 형식의 매개 변수에 할당될 수 없습니다.

로컬스트로지 값 저장, 가져오기 삭제 하는 방법

LocalStorage 값 저장, 가져오기, 삭제

부모에서 자식 / 자식에서 부모 값 전달하기

ReferenceError: window is not defined 에러 해결 빙법

모달 오픈 시 body 스크롤 방지 (이전 스크롤 위치 기억)

모달, 모바일 메뉴 오픈시 스크롤 방지하는 방법

모바일 메뉴 오픈 시 스크롤 방지

특정 위치에 해당하는 문자 찾는 방법 - chartAt(), 대괄호

특정 문자 위치(index) 찾는 방법

특정 문자 위치 찾기 - indexOf 함수

배열에 요소를 추가( push() / unshift() / splice() / 배열이름[n] ) 삭제 ( pop() / 배열이름.length -1 / shift() / splice() / delete )

배열 중복 제거하기 : Set() / filter(), indexOf() / forEach(), includes()

현재 달 1일과 마지막일 구하는 방법

현재 달 1일과 마지막일 구하기