넥스트js

리액트는 라이브러리이고 넥스트는 프레임워크 입니다.라이브러리 : 소프트웨어의 구성요소 중 한 가지로, API를 기반으로 대상 환경(플랫폼:Linux, macOS, Windows)에서 바로 실행될 수 있도록 모듈화된 프로그램 모음이다. 라이브러리는 혼자서 동작하는 완전한

먼저 적용하는 법을 간략하게 공식 문서에 있는 그대로 하면 됩니다.https://nextjs.org/docs/app/building-your-application/styling/tailwind-css위에 링크는 넥스트 공식문서로 시키는 대로 하면 됩니다.터미널

next.js에서 Context Api로 각기 다른 tap에서 화면을 다르게 렌더링하는 방법을 간단하게 적어보겠습니다.먼저 전체 코드는 다음과 같습니다.긴글 읽으시기 불편하신 분들은 코드만 참고하셔도 좋습니다!!next는 서버 컴포넌트와 클라이언트 컴포넌트로 나뉘어 있

위 코들 작성 중에 다음과 같은 에러 코드를 받았다.'false | void' 형식은 'ReactNode' 형식에 할당할 수 없습니다. 'void' 형식은 'ReactNode' 형식에 할당할 수 없습니다 애러 내용은 내가 지금 false 또는 void 를 리턴 중이

모델: 데이터와 비즈니스 로직을 관리합니다.뷰: 레이아웃과 화면을 처리합니다.컨트롤러: 모델과 뷰로 명령을 전달합니다.죄송합니다 공부 더 해서 작성하겠습니다...https://developer.mozilla.org/ko/docs/Glossary/MVChttps

노마드 캐럿마켓 클론코딩을 수강 중인데 강의에서 사용해서 공부하게 됐습니다.사실 지금도 잘 모르지만 유명하다고 맨땅에 해딩하면서 nextjs에 잠깐 사용했을 때 css 코드 하나 구현하려고 문서를 이거저거 뒤져가면서 시간을 마구 흘려보낸 기억이 있어서 그냥 대충 따라치

1. 작성 동기 노마드 코더의 당근마켓 클론코딩을 진행하면서 6강에 input의 유효성 검사 부분이 인상깊었습니다. 그동안 내부적으로 유효성 검사를 하려고 봐도봐도 잘 모르겠는 정규식을 열심히 작성하느라 너무 힘들었는데 npm에서 zod라는 매우 편리한 라이브러리를 사

next.config.mjs 파일 수정하기!app 디렉터리 아래에 폴더러 존재함에도 불구하고 url 경로가 되지 않는 경우가 있습니다.url 경로에 해당 폴더가 제외되지만, 라우팅 시스템 내부에 여전히 포함된다.app/(hello)/page.tsx vs app/hell

언제 쓰나요?컴포넌트 내에서 hook을 사용할 때!window, document 등 브라우저 환경에서만 존재하는 변수에 접근할 때!컴포넌트 앞에 async가 붙는다.

Next.js는 풀스택 프레임워크라도 불리는데요, 그 이유는 바로 백엔드 서버 처럼 기능하는 라우트를 만들 수 있기 때문이에요.백엔드 서버처럼 기능하는 라우트는 app 디렉터리 하위에 위치한 디렉터리들 내에서 route.ts라는 이름으로 파일을 만들면 사용할 수 있어요

만들어보고 싶은 사이트가 생겼다.성경 api를 이용하여 서로의 의견을 주고받을 수 있는 고민거리 커뮤니티 사이트를 만들어보고 싶었다.열심히 성경 api를 찾았지만 영문버전 말고는 구할 수가 없었다...json 파일은 인터넷에 있어서 우선 다운 받았다.파일 크기가 아주아

superbase 마무리 어제 1탄에서 마지막에 작성하던 부분 : 파이썬으로 수퍼베이스에 데이터 삽입하는 부분에서 타임아웃 에러가 발생해서 중간정도에서 멈춰 있었다. 그래서 해당 부분부터 다시 시작할 수 있도록 superbase에서 해당 부분 삭제해주고 json 파일

서버 컴포넌트 너무 느려 Link 태그로 서퍼컴포넌트 페이지로 이동하는 중에 너무 긴 시간이 소요됨을 느꼈습니다. 데이터를 모두 부르고 화면을 다 만들어서 보내주다보니 유저 입장에서는 순간 사이트가 고장난 것 같은 강한 답답함이 느껴져서 해당 문제를 해결하는 방법들을

supabase로 로그인을 구현하는 중에 아이디나 비밀번호가 틀렸거나, 존재하지 않는 아이디 등 다양한 에러상황을 구분해서 유저에게 로그인 에러 정보를 주고자 시도해봤다.근데 돌아오는 에러 코드는 위의 이미지와 같이 계속 undifined가 찍혔다...https&#x3

supabase 미들웨어를 사용해서 로그인 여부에 따라 유저의 접근을 제한하고자 했습니다.위의 코드는 공식문서를 아주 살짝 변형한 문서로 // 여기 주석부분만 봐주시면 됩니다.위의 코드에서 로그인이 되어 있지 않을때 loggedInOnlyPathsRegex.test(r