꿀팁
1.[꿀팁] ssr을 위한 react-dom/server 씹고 뜯고 맛보기 (1)
Next.js를 활용하면 서버 사이드 렌더링을 쉽게 알아서 해주니 정확히 어떤 동작을 수행하여 이를 할 수 있는 것인지 알 수가 없었다. react-dom/server를 사용해보자.
2.윈도우에서 리눅스 개발 환경 구축하기
이 글은 최근에 공부하게된 내용을 정리하는 차원에서 작성한 글입니다. INTRODUCE 왜 리눅스인가? 보통 사람들의 리눅스와 윈도우의 사용 빈도를 생각해 보면 거의 100% 윈도우 10 기반의 OS를 사용할 것이다. 왜일까? 무엇보다 조립형 pc, 게이밍 노트
3.[RN error] Macbook m1 podfile fliper관련 이슈
몇 주전에 새로운 프로젝트에 참여하게 되면서 기존 코드를 git clone 한 다음에 ios simulator를 실행했는데 다음과 같은 오류가 나왔다. error 1 Failed to build iOS project. We ran "xcodebuild" command
4.MAC OS 에서 dart 실행하기 (with VSCode)
참고로 현재 환경 상태는 다음과 같다. macOs Big Sur 버전 11.6Homebrew 버전 3.4.21) dart 설치하기 dart 버전이 뜬다면 성공적으로 설치된 것이다. 이제 환경변수를 설정해 줘야 한다. 여기서 bin 부분까지만 복사한다. ex) /usr/
5.[꿀팁] 왜 useEffect에서 데이터 패칭을 하면 안될까?
왜 하면 안되죠? 라고 질문하면 뭐라고 대답해야 할까
6.[꿀팁] React의 tearing 현상과 React v18의 동시성 렌더링 문제점
Suspense와 startTransition같은 동시적 렌더링을 사용할 때 다른 작업을 수행하기 위한 방식은 Tearing 현상을 유발할 수 있다 !
7.[꿀팁] BFcache를 극복해보자
BFCache는 "Back-Forward Cache"의 약자로, 브라우저가 이전에 방문한 페이지의 상태를 캐시해두고 뒤로가기 또는 앞으로 가기 버튼을 눌렀을 때 캐시된 상태를 불러와 페이지를 더 빠르게 로딩하는 기술이다.
8.[꿀팁] devDependencies는 쓸모가 없다.
왜 굳이 나눠왔던 것인가 ?!
9.[꿀팁] NestJS에서 S3에 이미지 업로드 시 워터마크 추가하기
이미지를 업로드하고 웹사이트나 애플리케이션에서 업로드된 이미지를 사용할 때, 종종 워터마크를 추가하는 것은 이미지의 소유권을 보호하고 브랜딩을 강화하는 데에 유용합니다.
10.[꿀팁] Lighthouse CI와 GitHub Actions를 통한 웹 성능 모니터링과 Slack 알림 연동하기 (1)
현대 웹 개발에서는 사용자 경험과 성능 최적화가 매우 중요합니다.개발을 자주 진행하다보면 Lighthouse 측정을 놓치는 경우가 있을 수 있는데 이를 극복해봅시다.
11.[꿀팁] Lighthouse CI와 GitHub Actions를 통한 웹 성능 모니터링과 Slack 알림 연동하기 (2)
전편에 이어서 계속 진행해봅시다.
12.[꿀팁] 도커 이미지 최적화하기
이미지를 최적화해 돈과 시간을 아낍시다.
13.[꿀팁] nestjs에서 redis cache를 활용해 api call 최적화하기 (1)
NestJs에 Redis와 cache manager를 결합하여 API 호출을 최적화 해봅시다.
14.[꿀팁] nestjs에서 redis cache를 활용해 api call 최적화하기 (2)
지난 글에 이어서 작성해보려고 합니다.