본문 바로가기
개발일기.2022.2.9 개발일기 next/link next/link 에러 발생 pages/main.js 더보기 {`>`} Failed to compile. ./pages/main.js 12:21 Error: Do not use the HTML tag to navigate to /news/. Use Link from 'next/link' instead. See: https://nextjs.org/docs/messages/no-html-link-for-pages. @next/next/no-html-link-for-pages nextjs에서는 server단에서 a 태그를 막아놨다. 그래서 next/link 사용을 권고한다. 수정한 코드 더보기 {`>`} 나는 새 창에서 열고 싶어서 next/link 를 열심히 찾아봤다. next/link | Next.js E.. 2022. 9. 26.
개발일기.2021.10.29 - Command failed with exit code 1 Command failed with exit code 1 에러가 발생했다. 반영을 위해 docker를 실행시켰는데 위의 에러가 발생했다. code1이 무슨 에러일까... 1. 일단 하라는대로 해본다. 방문하라는 주소대로 방문해보았다. https://classic.yarnpkg.com/en/docs/cli/run Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com 그냥 yarn 에 대한 내용으로 에러 해결에는 도움을 주지 않는다. 2. Command failed with exit code 1 라고 구글 검색을 했을 때 나온 방법으로 해결을 시도해보았다. yarn.lock 삭제 후 yarn install => 실패 yarn u.. 2022. 9. 26.
docker 로그 관리하기(docker logs, service, swarm) docker 로그 관리하기 현재 docker에서 프로젝트를 진행을 하고 있기 때문에 docker로 log를 확인하는 방법을 알아보려고 한다. docker container id 확인하기 docker container가 동작하고 있는 서버에서 container id을 얻는다. docker container ls docker container 로그 확인 docker logs $containerId --tail --tail 옵션을 이용해 원하는 로그를 확인할 수 있다. --tail 10 일 경우 발생한 로그 중에서 마지막 10줄을 확인할 수 있다. docker logs --tail 10 $containerId -f (실시간 로그 보기) -f 옵션은 --follow로 실시간 로그 확인이 가능하다. docker .. 2022. 9. 15.
Lodash의 isNaN, isNil, isNull, isEmpty 차이점 Lodash Lodash란 Modern Javascript 유틸리티이다. Javascript로 코딩을 하는데 필요한 기능을 모듈화하여 제공한다. 속도도 빠르고, 사용하기 매우 쉽다. Lodash는 배열, 숫자, 객체, 문자열 등으로 작업하는 번거로움을 없애서 JavaScript로 코딩을 하는데 더 쉽게 만들어준다. 배열, 객체 및 문자열 반복/ 값 수정 및 테스트, 복합 함수 만들기 등이 매우 쉬워진다. How to use 사용하는 방법은 아래 공식 사이트를 통해 쉽게 알 수 있다. Lodash _.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });_.partition([1, 2, 3, 4], n => n % 2);DownloadLodash is released under the .. 2022. 3. 25.
Data Fetching > Client-side data fetching [공식 문서로 공부하는 Next.js] Client-side data fetching Basic Features > Data Fetching > Client-side data fetching component 레벨에서 클라이언트 측 데이터 가져오기를 사용할 수 있습니다. Client-side data fetching은 페이지에 SEO indexing 이 필요하지 않거나, 데이터를 미리 렌더링할 필요가 없거나, 콘텐츠를 자주 업데이트해야할 때 유용합니다. Page 레벨에서 수행하면 런타임에 데이터를 가져오고 데이터가 변경되면 페이지 내용이 업데이트 됩니다. Component 레벨의 경우 component 마운트시 데이터를 가져오고 데이터가 변경되면 component 내용이 업데이트 됩니다. Client-side에서 데이터 가져오는 방법은 애플리.. 2022. 1. 27.
Data Fetching > Incremental Static Regeneration [공식 문서로 공부하는 Next.js] Incremental Static Regeneration Basic Features > Data Fetching > Incremental Static Regeneration ISR는 페이지별로 정적 생성 할 수 있는 기능입니다. Next.js를 사용하면 사이트를 구축한 후 정적 페이지를 만들거나 업데이트할 수 있습니다. ISR(Incremental Static Regeneration)을 사용하면 전체 사이트를 다시 빌드할 필요 없이 페이지별로 정적 생성을 사용할 수 있습니다. ISR을 사용하면 수백만 페이지로 확장하면서 정적의 이점을 유지할 수 있습니다. ISR을 사용하려면 getStaticProps에 revalidate Props를 추가하면 됩니다. function Blog({ posts }) { re.. 2022. 1. 26.

티스토리툴바