inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

강의 자료 부탁드립니다.

해결됨

팀 개발을 위한 Git, GitHub 입문

강의 자료 부탁드립니다. wnsgml351@naver.com

  • git
  • github
  • 버전관리시스템
이준희 댓글 2 좋아요 0 조회수 161

next.js 에서 서버 컴포넌트 비중을 늘리는 이유

해결됨

손에 익는 Next.js - 공식 문서 훑어보기

1. 강사님께서 올려주신 답변들을 봤습니다. " 공식 문서에서 클라이언트 컴포넌트를 트리의 끝에 보내라고 권한다. 서버 컴포넌트를 최대한 활용하기 위한 권장 사항이라고 이해하시면 좋다. "이라고 봤는데 프로젝트를 서버 컴포넌트의 비중을 늘린다면 이점은 무엇인가요? 2. 서버 컴포넌트의 비중을 늘리면 번들 크기의 감소로 사용자 경험을 최적화 하는 것이라서 next.js를 사용하는 것인가요?

  • react
  • typescript
  • next.js
  • next.js13
yho79555 댓글 1 좋아요 1 조회수 370

GraphQLClient 설치 후 모듈을 못찾습니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드상에서 graphQLClient 자동완성 알될때 부터 이상하였지만 import 하는부분 from 에서는 자동완성이 되었습니다. 하지만 위 이미지 처럼 에러가 발생합니다. package.json 은 아래와 같습니다. node_modules 는 아래와 같습니다. 설치됨을 다 확인하였으나 인식을 못하네요. tsconfig.json 에서 "module": "node" 에서 Bundler로 변경하니 해결되었습니다. 이렇게 수정하여도 문제없을까요? 추가로 해당 이슈에 대해 발생 원인을 알 수 있을까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
gkdlsb1234 댓글 3 좋아요 0 조회수 337

Git 맥북 다운로드

해결됨

빠르게 git - 핵심만 골라 배우는 Git/Github

안녕하세요, 깃을 맥북에 다운로드하려고 하는데, UI가 많이 달라져있어 애를 먹고 있습니다 Homebrew를 설치해야 하는지 아니면 다른 것을 설치해야 하는지 궁금합니다. 혹시 쉽게 다운로드하는 방법 업데이트나 관련 영상이 있다면 주시면 감사하겠습니다. 참고로 저는 Homebrew로 터미널 열어 설치햇는데, 분명 버전이 나오며 설치됬다고 나오지만 vs code로 깃 이닛을 시킬 때 찾을 수 없어 Command not found가 계속 나옵니다. 도움 부탁드립니다. 감사합니 다

  • git
  • github
  • 버전관리시스템
충실한 날치 댓글 2 좋아요 0 조회수 338

강의 자료 부탁드립니다.

해결됨

팀 개발을 위한 Git, GitHub 입문

좋은 강의 감사합니다! 강의자료 부탁드려요! sdgeo2020@gmail.com

  • git
  • github
  • 버전관리시스템
icarus12 댓글 2 좋아요 0 조회수 197

ssh 관련 문제

해결됨

모두의 깃 & 깃허브

소스트리에 ssh로 계정 연결 후 계속 해당 알랏이 주기적으로 나오고 있습니다. 아무리 검색해봐도 무슨 비밀번호를 입력하는건지... 더 이상 팝업이 안나오게 하려면 어떻게 해야 하나요

  • git
  • github
mbest.dev12 댓글 1 좋아요 0 조회수 212

http://localhost:3000/home 오류 문의드립니다.

미해결

Next + React Query로 SNS 서비스 만들기

영상을 3:29 이 부분을 똑같이 하려고하는데, http://localhost:3000/home 로 접속하면 파일이 없다고 합니다.. app 안에 (afterLogin) (beforeLogin)로 나뉘고, home 폴더를 만들어서 layout.tsx 와 page.tsx를 만들어 홈페이지와 홈 레이아웃을 작성하여 루트 레이아웃과 층계별 확인하려고 http://localhost:3000/ 를 들어가면 루트레이아웃은 잘나오는데 http://localhost:3000/home 는 페이지가 없다고 나옵니다.. (afterLogin) 안이 아니라 밖으로 app/home/layout.tsx 와 page.tsx가 있어야만 http://localhost:3000/home 가 잘나오는데 왜이럴까요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
Nuri Park 댓글 1 좋아요 0 조회수 445

generate-types씨 발생하는 에러 해결방법

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

failed to retrieve generated types: {"message":"Your account does not have the necessary privileges to access this endpoint. For more details, refer to our documentation https://supabase.com/docs/guides/platform/access-control "} generate-types씨 발생하는 에러 해결방법이 궁금합니다.

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
김용민 댓글 1 좋아요 0 조회수 383

실무에서 리버스 인피니트 스크롤링 최적화 방법

해결됨

Next + React Query로 SNS 서비스 만들기

채팅을 계속 올려서 몇개월 치를 사용자가 본다면 위로 채팅 기록이 엄청 쌓일텐데, 실무에서 메모리가 넘치는걸 방지하는 방법으로 사용하시는게 있는지 어떤걸 사용하시는지 궁금합니다. 찾아보니 react-window 같은 라이브러리를 사용해서 실제 랜더링 하는 요소 갯수를 제한하고 스크롤을 유지 시켜서 성능 향상을 하는 글을 봤습니다. 실제로 실무에서 이런 방법을 주로 쓰는지 궁금합니다.

  • react
  • next.js
  • react-query
  • next-auth
  • msw
geekgleeguru 댓글 1 좋아요 0 조회수 235

스페이스 + 컨트롤 눌러도 활성화 안되시는분 참고하세요...

해결됨

Next.js 시작하기

인텔리센스 단축키 (Intellisense shortcut) ¶ https://stackoverflow.com/questions/51341555/visualcode-shortcut-to-display-autocomplete-list-before-typing-in-macos 인텔리센스 사용시 한영 전환(ctrl + space)와 스팟라이트(cmd + space) 단축키와 충돌이 발생하므로 (option + esc) 조합을 사용합니다. 메인 메뉴 Code > Preferences > Keyboard Shortcuts (cmd + K, cmd + S)에서 단축키(Trigger Suggest)를 (ctrl + .)로 변경할 수 있습니다.

  • javascript
  • react
  • next.js
장 서운 댓글 3 좋아요 3 조회수 400

section11 - event-bubbling 에러 문의있습니다

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

새 pc에서 강의를 듣는 중에 yarn dev 후 웹페이지에서 이런 에러가 뜹니다 ㅜㅜ node_modules 삭제 후 재설치 해도 이렇게 뜨는데 어떻게 해결해야 할까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
wizitbiz 댓글 2 좋아요 0 조회수 133

혹시 ssr과 csr을 병행하여 사용하고 싶을 땐

해결됨

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

api/(site)/page.tsx 에 actions/todo/todo.actions.ts를 사용하고 하위컴포넌트들에서는 ex) api/(site)/compoents/...container.ts 내부에서는 hook을 임포트한것들이 apis/todo-no-rls.ts를 사용하면 될까요? *위 예시는 강의에서 다룬 파일만을 예를 들었보았습니다.

  • react
  • 클론코딩
  • next.js
  • supabase
루키키키 댓글 2 좋아요 1 조회수 310

배포 중 문제

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

ec2 터미널에서 node를 14버전으로 설치 후에 강의대로 따라가는 중인데요 git clone해와서 yarn install시에 node의 버전이 맞지 않아서 설치가 안되고 있습니다 ec2의 node 버전을 업그레이드하면 /lib64/libm.so.6: version GLIBC_2.27 not found(required by node) 가 뜨면서 ec2의 버전이 맞지 않는거같고 14버전으로 진행하면 설치한 프로젝트의 버전이 달라서 안되는데 class_build의 버전은 이런데 react의 버전을 바꿔야 해결되는걸까요? "dependencies": { "react": "^18", "react-dom": "^18", "next": "14.2.5" }

  • react
  • node.js
  • seo
  • graphql
  • next.js
박현민 댓글 0 좋아요 0 조회수 119

프로필 업로드시 파일명 한글깨짐 현상

미해결

Next + React Query로 SNS 서비스 만들기

회원가입 페이지 에서 프로필 이미지를 한글이 포함된 이미지명로 업로드했을때 , nextjs의 서버 Formdata에서 한글 파일명이 깨지는 현상 이 있습니다. 해결방법이 있을까요?? Step1. 회원가입 페이지 Step2. 서버 에러 결과 회원가입 페이지 경로 : D:\z-com\src\app\(beforeLogin)\_lib\signup.ts 업로드시 한글 파일명 출력 확인을 위해 아래코드를 추가해봤습니다. formData.getAll("image").map((data, idx) => { console.log(data); }); 업로드 이미지명에 한글이 포함되었을때 출력 -- 한글파일명이 깨져서 출력되고 데이터베이스에 저장됩니다.

  • react
  • next.js
  • react-query
  • next-auth
  • msw
rlagywhd019 댓글 3 좋아요 0 조회수 749

api 에 대한 질문있습니다.

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

안녕하세요. 이 인강을 듣기 전에는 db에 데이터를 GET 하고 POST하기 위해서는 Rest API를 통해서 했었습니다. 하지만 이 강의에서는 supabase를 통해서 create,select 등을 이용해서 data를 다루던데 supabase를 통해서는 rest api를 통해서 data를 만들고, 가지고올수도 있나요? 만약 둘다 된다면 어떤 방식을 통해서 주로 data를 다루는게 좋을까요? 현업에서는 어떤 방식을 더 추구하나요? 현재 대학생이라 개인플젝을 할때 db가 필요해서 강의를 오늘부터 듣게되었는데 db를 어떻게 다뤄야할지 감이 안잡히네요. 아직 개념이 좀 잡히지 않아서 헷갈립니다. 추가적으로 저는 팀이나 , 특히 개인프로젝트를 하면서 사용자 정보(id,pw)나 여러 데이터들을 저장하고 싶어서 mongodb를 혼자서 공부하다가 어려워서 여러가지를 찾던 중 supabase(serverless)를 알게되어서 강의를 듣고있습니다. 하지만 그냥 mongodb를 공부해서 db를 다루는게 나은지 아니면 supabase를 공부해서 db를 저장하는게 나은지 잘 모르겠습니다. 긴 글 읽어주셔서 감사합니다..!

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
EDDY 댓글 1 좋아요 0 조회수 238

require 문법 질문드립니다.

해결됨

Next + React Query로 SNS 서비스 만들기

제가 알기로는 require는 commonjs에서 쓰는걸로 알고 있는데 useEffect내부에서 쓰시는걸 보고 궁금점이 생겨 질문드립니다. require 대신에 dynamic import를 쓰는건 보았는데 require도 클라이언트에서 사용이 가능한가요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
geekgleeguru 댓글 1 좋아요 1 조회수 242

route.ts에 async 키워드가 필요한가요?

해결됨

손에 익는 Next.js - 공식 문서 훑어보기

/app/api/revalidate/route.ts 파일 내 POST 함수가 async로 선언되어 있습니다. 본문에 await이 없는데 async로 선언되어야 하나요?

  • react
  • typescript
  • next.js
  • next.js13
yjkim325 댓글 1 좋아요 1 조회수 206

타입에러에 관해 질문있습니다

해결됨

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

아래와 같은 타입에러가 발생했습니다. 데이터베이스와 todoDto모두 설정 및 정상적으로 가져온거 같은데요 마우스를 올려보고 에러내용도 확인해보면 타입은 다 같게 설정되어있는거 같습니다. 타입자체를 비교해서 대입 하려해도 에러가나오네요.. 플러그인을 통해서 시각화해서 좀 더 자세하게 머가 문제인지 비교해봐도 타입이 같습니다.. 혹시 뭐가 문제인지 알 수 있을까요?...

  • react
  • 클론코딩
  • next.js
  • supabase
루키키키 댓글 4 좋아요 0 조회수 321

강사님 REST API와 GraphQL에 관하여 질문이 있습니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

graphql의 장점이 딱 원하는 데이터만 가져온다는 것은 이해가 되는데, REST API도 딱 원하는 DB 컬럼만 요청해서 가져오거나 할 수도 있지 않나요? 이게 어떠한 차이가 있나 궁금합니다. ㅎㅎ

  • react
  • node.js
  • seo
  • graphql
  • next.js
  • restapi
건태 댓글 2 좋아요 0 조회수 170

인기 태그

인프런 TOP Writers

주간 인기글