[ArtGarden_PR]

Link 태그 속성 4가지

현재 상황 버튼을 만들어 주려고 한다. 뜻 : onClick 속성을 쓰라고 하는 것 하지만 나는 속성을 쓸 이유가 없다. => 따라서 button 이 아닌 ``를 이용할 것 이렇게 결정했었다. 근데 !!? 관련해서 알아보다가, > Is it a button that also happens to redirect? Then use a button. Is i...

버튼 태그를 이용해서 리다이렉트를 완료해보자! 그에 따른 에러도 함께 살펴보자 !

여기서 핵심 문구는Parsing error: Cannot find module 'next/babel' 일 것이다.

build 명령어를 쳤다. 에러가 났다. 에러 > ./src/app/layout.tsx:2:1 Syntax error: "next/font" requires SWC although Babel is being used due to a custom babel config being present. Read more: https://nextjs.org/doc...

참고) https://tailwindcss.com/docs/customizing-colors tailwindCSS는 기본 색상을 제공한다. 하지만 우리 팀이 원하는 색상들을 추가해주려고 한다! Next.js 에서 어떻게 추가해줄까? tailwind.config.ts 파일로 들어간다. config 객체안, theme 객체안에 colors 객체를 생성한...

public 폴더에 이미지를 끌어다 넣는다. 이미지 이름을 바꿔준다. 원하는 곳에 img 태그를 생성한다.

build를 했을 때 에러가 생긴다. (node:15059) DEP0040 DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.

Next.js에서 라우팅을 다룰 때, Link 컴포넌트를 사용하는 게 일반적

React Application에서 서버 상태를 불러오고, 캐싱하며, 지속적으로 동기화하고 업데이트하는 작업을 도와준다 React component 내부에서 간단하고 직관적으로 API를 사용할 수 있다. React-Query에서 제공하는 캐싱, window focus

내가 직접 custom 해서 사용하는 text-color는 적용이 되는데, tailwindcss에서 제공하는 text-color는 적용이 안된다.

같은 스타일의 버튼을 두번 써야 한다. 하나의 버튼을 만들어서 재사용하면 코드가 더 간결해질 것이다.

Property 'href' is missing in type '{ children: Element; }' but required in type

main 브랜치에 client 폴더를 생성했는데, ec2 ssh 연결에서는 client 폴더가 보이지 않았다.

Ensure your instance network settings are configured correctly for EC2 Instance Connect.

문제 nginx 서버는 열렸지만, 내 코드로 열리지 않았다. 그래서 파일 설정하는 하는 와중에 docker를 설치했다. 그런데 서버를 켜보니, 사이트에 연결할 수 없음이 뜬다. 그 이유를 찾아보고, 해결해보자 ! 원인 nginx 서버 상태를 확인하고 다시 reloa

내 서버로 접속하면 bad gateway 라고 뜬다 . 왤까?

문제 http://artgarden.co.kr 로 접속했을 때, 원인 pm2 상태 에러로 뜬다. 명령어를 통해 에러 상황을 확인해본다. > Cannot find module '/home/ubuntu/git/ArtGarden' 모듈을 찾을 수 없다고 뜬다. 소

배포한 사이트를 들어가보면 502 badgateway가 뜬다.

문제 깃허브 main 브랜치에 코드를 push 해도 배포 사이트에는 이전 코드만 적용이 된다. 해결 변경된 코드를 pull로 가져와서 적용해야 한다.

문제 원인 이미 ec2 서버를 3000번 포트로 열어줬었다. 내가 코드를 다시 pull 하고, 다시 npm run start 를 하기 위해선 코드를 pull 한 후 이전에 쓰던 3000번 포트를 삭제해야 한다. 해결 pid를 알아야 해당 서버를 삭제 가능하다. p

3000번 포트 서버를 삭제하고, 다시 3000번 포트 서버를 키려고 해도 이미 3000번 포트가 생성되어 npm run start를 못하는 중이다. 방금 삭제했는데 3000번 포트 서버가 있다고?해결

01.react-slick css 적용 안됨 문제, 02.responsive 적용 안됨 문제

백엔드 분이 연락이 안된다. (신입이라 바쁘심!! 이해가능😃) 하지만? 난 Next.js(pages router)라고 ~ 따라서 open api를 직접 연결을 시도했다. 모두들 헤매지 말라고 기록을 하려고 한다. 👍 나의 open api는 kopis다! (다른 api를 이용하시는 분들은 좀 ~ 더 ~ 밑에서부터 글을 읽으면 될 듯 싶다!) kopis...

Next.js에서 데이터를 다룰 때 어떤 식으로 내가 원하는 데이터를 추출할 수 있는지 정리하려고 한다. 😙

특정 host에 대한 이미지 구성이 next.config.js 파일에 정의되어 있지 않아서 생긴 문제를 해결해보자 !

Next.js에서 무한 스크롤 구현하기 글을 작성해야 되겠다고 결심한 이유는? 관련 정보글이 정말 없었다. (내가 못찾은 거니?ㅠㅠㅠ,,)왜냐하면 나는 Next.js의 api를 내가 직접 활용했어야 했는데 어떤 식으로 api 파일을 구성하고, 어떻게 데이터를 불러와야

AxiosResponse[T]에러

진행중

현재는 if 로 제한하는데useQuery에 마지막 페이지 속성 있음. 흐름을 잘 모르겠음

같은 key 설정 error: 리뷰 별 평가 임시적으로 key 값을 1로 설정한 이유 때문이였음.

이 오류는 'data' 변수가 배열이 아니라서 발생했고, 백엔드에서 가져오는 data 형식이 바뀜으로 인해 생긴 에러라 전체적으로 코드를 수정해줬어야 했다.

/api/performances/new를 통해 데이터에 fetch가 안되는 문제"data.map is not a function" Runtime Error로 데이터에 access가 안되는 문제 01\. api/performances/new 경로에서 data 가져오는 l