Space
반응형
article thumbnail
[Github] 잔디 안 심어질 때
VScode & Github & Git 2024. 6. 7. 00:31

[Github] 잔디 안 심어질 때열심히 Commit, Push를 했지만 이상하게도 나의 Github에는 잔디가 심어지지 않았다. 결국 왜 잔디가 안 심어지는지 찾아보게 되었고, 결론은 git user email과 github email이 달라서 잔디가 심어지지 않았던 것이다. 🥹Check확인하는 방법은 생각보다 간단하다. 1. Github에 등록된 이메일 주소 확인  - Github 계정에 등록된 이메일 주소를 확인한다. 2. Git 설정 확인git config --list여기서 여러 가지 값이 나올 텐데그중 user.email 값과 1번에 확인한 이메일이 같은지 확인한다.만약 다르다면 3번을 따라 하자 3. Git 수정git config --global user.email "your_register..

article thumbnail
[NextJS] Cache (캐시)
React & NextJS 2024. 5. 10. 19:07

[NextJS] Cache (캐시)fetch 등을 사용하면 NextJS는 cache로 저장한다. 데이터를 호출할 때마다 DB에 접근하면 DB가 힘들기 때문에,캐시를 사용한다면, DB에게 휴식을 주는데 엄청난 도움이 된다.unstable_cacheimport { unstable_cache } from 'next/cache';const data = unstable_cache(fetchData, keyParts, options)() fetchData : 캐시 하려는 데이터를 가져오는 비동기 함수 keyParts : 캐시 된 키를 식별하는 배열, 고유한 값을 가져야 함                  (NextJS는 cache를 메모리에 저장하는데, NextJS가 key 이름으로 그 데이터를 찾는다.) optio..

article thumbnail
[NextJS] Parallel Routes
React & NextJS 2024. 5. 9. 15:59

Before you learn🔗 [NextJS] hard / soft navigation🔗 [NextJS] Intercepting Routes[NextJS] Parallel RoutesNextJS의 13.3 버전에 추가된 기능입니다. 영상 instagram의 사진을 눌렸을 때 모달이 나타나지만,해당 모달이 나타났을 때 새로고침을 하면 해당 사진 페이지로 이동합니다. Intercepting Routes와 Parallel Routes를 사용하면 instagram의 모달처럼 구현할 수 있습니다.장∙단점굳이 Parallel Routes를 사용할 필요는 없다.직접 페이지에 컴포넌트를 여러 개 넣으면 되기 때문이다.하지만, Parallel Routes를 사용하면 각각의 Loading 파일을 작성하기에 용이하다...

article thumbnail
[NextJS] Intercepting Routes
React & NextJS 2024. 5. 5. 15:50

Before you learn 🔗 [NextJS] hard / soft navigation [NextJS] Intercepting RoutesNextJS의 13.3 버전에 추가된 기능입니다. 영상 윗 영상은 Intercepting Routes만 사용하였습니다. instagram의 사진을 눌렸을 때 모달창이 나타나지만,해당 모달창이 나타났을 때 새로고침을 하면 해당 사진 페이지로 이동합니다. Intercepting Routes와 Parallel Routes를 사용하면 instagram의 모달처럼 구현할 수 있습니다.Intercept 사전적 의미말 그대로 Intercepting Routes는 특정 경로를 가로채서 다른 경로를 표현할 때 사용합니다.  예를 들어,/feed에서 사진을 클릭하면,/photo/1..

반응형