inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

next.js가 문제인지 구성폴더와 파일이 달라요

해결됨

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

버전이 달라서 그런지 모르겠는데 다른분들은 딱히 그런 문의가 없어서 왜인지 모르겠지만 저는 page 폴더도 없고 app.js 도 없고 style폴더도 없어서 그냥 제가 따라서 만들었는데 API수업에서 app.js가 없다보니 기본컴포넌트를 사용할수 없네요..있는거라곤 app폴더안에 layout.js와page.js는 있는데 page.js이 시작파일인것 같은데 여길 수정해도 달라지는건 없더라구요..

  • react
  • node.js
  • seo
  • graphql
  • next.js
inah1001 댓글 1 좋아요 0 조회수 2029

nextjs 폴더구조 다르신분(pages/, styles/ 없는분)

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

혹시나 모르실분들이 있을거 같아서 남깁니다. 영상에 보이는 구조로 받으시려면 npx create-next-app@12.1.0 --typescript ./ 로 하면됩니다. 꽤나 당황했네요 ㅎㅎ

  • react
  • redux
  • tdd
  • typescript
  • next.js
  • 소프트웨어-테스트
22gas 댓글 1 좋아요 4 조회수 3312

포트폴리오 과제

해결됨

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

안녕하세요! '학습자료 ver2 노션이 업데이트 되긴 했으나 여전히 포트폴리오 링크만 볼 수 있고, 포트폴리오 리뷰 강의 수강 전 무엇을 구현해야하는지에 대한 설명은 확인 할 수 없어서 다시 한 번 질문드립니다' 라는 글에 업데이트 되었다는 댓글은 봤지만, 저는 노션에 깃허브 링크만 보여서요ㅜㅜ 업데이트가 될까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
조충범 댓글 2 좋아요 0 조회수 384

회원가입 만들기 과제

해결됨

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

왜 이렇게 라디오 버튼을 생성했을 때 여성 남성 글자가 라디오 옆에 안오고 밑으로 올까요...?

  • react
  • node.js
  • seo
  • graphql
  • next.js
sirlyun23 댓글 1 좋아요 0 조회수 448

vercel로 배포를 했을때 local db에 어떻게 액세스 할 수 있을까요?

해결됨

Next.js 시작하기(feat. 지도 서비스 개발)

포트포워딩으로 외부에서 db에 접속가능하게끔 포트 뚫어주고 테스트 해봤습니다. build한뒤 start 했을때 해당 local db에 데이터 삽입 되는거 까지 확인했고 폰으로 와이파이 연결끊고 접속도 해서 적용되는것 또한 테스트 해봤습니다. 하지만 vercel에서 배포를 하게되면 요청은 처리 되지만 Application error: a client-side exception has occurred (see the browser console for more information). 해당 오류가 발생하게 되네요. prisma + mysql db 사용중입니다. env 설정, axios url까지 다 맞는데 왜 안되는걸까요...? vercel postgre beta 버전으로 연동하면은 되기는 하지만 저는 local db에 연결해서 배포를 하고 싶습니다. 하지만 찾아봐도 vercel이랑 db 연동하는 방법은 잘 나오지않네요.

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
댓글 1 좋아요 0 조회수 1639

컨트롤러 반환 타입 질문입니다.

해결됨

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

안녕하세요, 강사님. 컨트롤러 코드 관련 질문입니다. 작성한 코드는 컨트롤러의 메소드 반환 타입을 void로 해서 아무것도 반환하지 않는데요, 만약 postmapping 관련 메소드 작성 시, 작성한 게시글의 id값을 반환해주는 코드와 큰 차이가 있을까요? 그리고 찾아보던 중, ResponseEntity를 사용해서 반환해주는 메소드를 보았는데, 메소드의 반환 타입에 따라 기능에 큰 차이가 있는지, 아니면 API 명세의 차이만 있고 기능에는 크게 차이가 없는지 궁금합니다!

  • java
  • spring
  • aws
  • mysql
  • spring-boot
  • jpa
jd 댓글 1 좋아요 1 조회수 842

Module not found: Can't resolve '@/styles/globals.css' 에러가 뜹니다ㅜ

해결됨

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

안녕하세요. 처음 시작부터 에러가 떠서 구글링을 해봐도 해결이 안되어 질문글 올립니다ㅜ 섹션 23 오티 부분 듣고 있구요. 처음 보일러 플레이팅에서 yarn dev를 하면 자꾸 Module not found: Can't resolve '@/styles/globals.css' 라는 에러 문구가 뜹니다. 지웠다 다시 깔아도 마찬가지 입니다ㅜㅜ..

  • react
  • node.js
  • seo
  • graphql
  • next.js
energy 댓글 1 좋아요 0 조회수 2609

memberServiceTest 회원가입 NullPointerException 오류

해결됨

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 안녕하세요. 강의를 한 번 완주한 후 개별적으로 예제와 다르게 다시 공부하고 있는데 오류가 나서요..ㅜㅜ https://drive.google.com/file/d/1Fe9hZbwSCKFYyQtmj_TU2Sl9VwqeXCsO/view?usp=sharing 무엇 때문에 오류가 났는지 알 수 있을까요??

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
새싹 댓글 2 좋아요 0 조회수 604

postman 화면

해결됨

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

강의 내용과 다른 화면이 나오는데 어디로 들어가야 하나요.?

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

페이지 이동시 css 중복 관련해서 질문 남깁니다!

해결됨

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

안녕하세요! 수업 따라가면서 개인공부하다가 질문이 있어 남깁니다! next js가 Client-Side Rendering 방식이라서 그런건지 Link 또는 useRouter를 이용해서 페이지를 이동할 때 이전페이지의 css와 중복되어서 겹쳐보입니다 ㅠㅠ 어떻게 해야할까용??

  • react
  • node.js
  • seo
  • graphql
  • next.js
김무연 댓글 1 좋아요 0 조회수 417

토큰이 나와있는 수업이 어디 부분에 나와있나요?

해결됨

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

제가 놓쳤을수도 있습니다. Math학습 부분에서 뭔가 비어 있는 듯한 느낌이 있었는데 오늘 보니 Token에 관해 수업을 하셨다했는데, 어느 강의부분인가요? 함수 작성 방법 수업을 듣는데 hex에 관해서도 설명하셨다는데 어디있는지 모르겠습니다.

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

우분투에서 빌드 시 오류가 생깁니다..

미해결

[리뉴얼] React로 NodeBird SNS 만들기

back과 front 둘다 우분투 서버 연결 해놓고, node -v / npm -v 해서 버전 확인도 했습니다. 기본 node는 버전이 19이고 우분투에 설치한건 14버전입니다. front에서 빌드 하려는데 npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR!/home/ubuntu/.pm/_logs/2023-05-19714_54_17_6527-debug. log 이런 오류의 원인은 뭘까요.. ㅠㅠ 몇시간동안 방법을 찾지못해서 글남깁니다 ㅠㅠ 제 깃허브 주소도 남깁니다.. +레파지토리는 미리 생성해둔거라서 그냥 여기있는 git init을 하지 않고, 주소를 그대로 사용하여 clone 했는데도 이것도 문제가 될까요? https://github.com/nuring9/next.js-redux-saga-SSR-nodebird.git

  • react
  • redux
  • node.js
  • express
  • next.js
hyuri 댓글 1 좋아요 0 조회수 549

로그인을하면 'Missing credentials' 이 뜹니다

미해결

[리뉴얼] React로 NodeBird SNS 만들기

회원가입을 끝내고 똑같이 이메일과 비밀번호 입력하고 로그인을 하면 401에러가 뜹니다. 그래서 routes/user.js에서 info값을 콘솔로 보니 이렇게 info값이 들어오더라구요 제 코드는 이렇습니다. < local.js > <routes/user.js> <passport/index.js> 에러를 인터넷에 서칭해보니까 local.js 안에 new LocalStrategy 안에 usernameField와 passwordField를 제대로 값이 바인딩 됐는지 여부를 보라고 되어있는데 틀린게 없어보입니다... 어떤걸 잘못한걸까요 ㅠㅠ

  • react
  • redux
  • node.js
  • express
  • next.js
김준용 댓글 1 좋아요 0 조회수 424

styled-components 설치 에러

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

styled-components version 6 이후로 강의에 나오는 npm install styled-components --save 명령어로 설치하면 에러가 발생해요 npm install styled-components@5.3.10 으로 5버전대로 설치했습니다 //Use V5, npm install styled-components@5.3.10 //Use yarn yarn install styled-components //To use the beta version npm install styled-components@latest

  • react
  • redux
  • tdd
  • typescript
  • next.js
  • 소프트웨어-테스트
info 댓글 1 좋아요 1 조회수 1066

싸이월드 만들기 1탄에서 height 값 관련 질문입니다.

해결됨

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

안녕하세요 혼자 실습중에 궁금한 점이 생겨서 질문드립니다. 수업시간에 싸이월드 1탄 했던 것을 복습하는 중인데요. 의문이 생긴 점이 있습니다. 수업의 약 18분 30초 경에 .wrapper__left 의 height 값에 대해서 472px이라고 언급하셔서 수업들을 때는 그냥 그런가보다 하고 따라했었습니다. 그런데 복습하기 위해서 피그마로 보면서 하고 있는데 아무리 생각해도 이게 왜 472px이 나오는지 의문이 들더라구요. wrapper__left 값을 봐도 484내지는 496이 아닌가 싶은데.. 지엽적인 질문을 드려서 죄송합니다만 어떠한 원리로 이게 472px인지 알 수 있을까요? 아무리 피그마 내에서 확인을 해도 472px이 나오는 이유를 모르겠습니다.. 읽어주셔서 감사합니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
jimyjeon 댓글 1 좋아요 0 조회수 432

백틱안에 css

해결됨

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

백틱안에 css속성적용할때 자동완성하는 방법 뭔가요?? 저는 이렇게 주황색으로만 뜨네요

  • react
  • node.js
  • seo
  • graphql
  • next.js
dydtjq324 댓글 1 좋아요 0 조회수 485

restoreAccessToken Mutation 관련 질문

해결됨

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

https://backend-practice.codebootcamp.co.kr/graphql URL에 직접 접속하여 로그인 mutation 쿼리를 직접 실행하며 테스트 하고 싶어서 진행 중인데요, restoreAccessToken 쿼리에 대한 의문이 생겼습니다. 제가 잘못 사용한건지 작동이 되질 않아서 몇 시간 동안 삽질하다가 문의드립니다. 제가 알기로 restoreAccessToken 쿼리는 accessToken이 만료된 경우 refreshToken을 통해 accessToken을 새로 발급해주는 것으로 알고 있습니다. 그래서 우선은 테스트로 로그인 쿼리를 날려서 만료되지 않은 accessToken을 받고 복사한 뒤, 위와 같이 쿼리를 작성하고, { "authorization": "Bearer [accessToken값]" } 이러한 방식으로 헤더에 직접 입력 후 request를 날렸습니다. 그런데 아래와 같은 에러 문구가 뜹니다. 토큰이 제공되어야 한다는 에러 메시지에 제가 뭔가 설정을 잘못했나? 싶어서 accessToken을 필요로 하는 fetchUserLoggedIn 쿼리에 요청을 날려보니 잘 작동합니다. 하지만 restoreAccessToken 은 똑같이 헤더 설정을 하고 요청을 보내도 jwt must be provided 와 같은 메시지만 계속 나옵니다. 그리고 다음으로 만료된 토큰을 넣어봤습니다. loginUserExample 쿼리를 통해 만료된 토큰을 만들고 넣어서 요청을 보내니까 Context creation failed: 토큰 만료 와 같은 메시지가 나옵니다. restoreAccessToken 이건 어떻게 사용하는 쿼리인가요? 제가 잘못 사용하고 있는 걸까요..?

  • react
  • node.js
  • seo
  • graphql
  • next.js
FRONTEER 댓글 1 좋아요 0 조회수 264

fetchUseditemsIPicked 검색 시 오류발생입니다.

해결됨

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

안녕하세요. fetchUseditemsIPicked 의 search 공백인 상태로는 정상 조회가 되는데 값을 넣으면 아래와 같은 에러가 발생합니다. 에러 원인과 해결방법 부탁드립니다! 감사합니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
용준 댓글 1 좋아요 0 조회수 350

노션에 있는 퀴즈 섹션 문의드립니다!!

해결됨

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

안녕하세요. 강의를 들으며 신세계를 느끼는 중인 학생입니다. 다름이 아니고 혹시 퀴즈섹션 보면 마지막에 만들 수 있게 피그마제시해주는걸로 아는데, 혹시 답지라면 좀 이상하긴 하지만, 코드를 볼 수 있는 그런 자료들은 따로 없나요? 깃헙이나 등등...

  • react
  • node.js
  • seo
  • graphql
  • next.js
조충범 댓글 1 좋아요 0 조회수 520

figma 픽셀 단위 확인법이 따로 있는지요?

해결됨

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

제가 강박이 있어서 피그마 있는거 그대로 픽셀따라가면서 하려고 노력중입니다. 그런데 간격이라든지 몇몇군데는 상세하게 잘 보이지 않더군요. 그래서 드리는 질문이 피그마를 참조하면서 전반적인 틀만 수용하고 픽셀이나 % 같은거는 제 임의대로 해도 되는지요? 만약 그렇지 않다면 혹시 피그마 내에서 간격이나 픽셀 하나하나를 확인하는 방법이 있나요? 가령 강의에서 wrapper__left의 height 값이 472px라고 알려주셨는데 피그마에서는 이 값을 확인할 수 없어서 계속 찾다찾다 답답해서 이렇게 질문드립니다. 아무쪼록 읽어주셔서 감사합니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
댓글 1 좋아요 0 조회수 3405

인기 태그

인프런 TOP Writers

주간 인기글