inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

메인페이지에서 fetchBoardsOfTheBest 질문입니다.

해결됨

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

(위 화면은 fetchBoardsOfTheBest에서 images을 보여주는 파일입니다) 메인화면 하다가 질문이 있어서 글 남깁니다. API fetchBoardsOfTheBest에서 images 부분에 0번째는 0 : "codecamp-file-storage/2023/4/18/copy-1616378722-5.jpg" 이런식으로 뜨고 1번째는 0 : " https://storage.googleapis.com/codecamp-file-storage/2023/5/2/SampleJPGImage_100kbmb.jpg " 1 : " https://storage.googleapis.com/codecamp-file-storage/2023/5/2/file_example_JPG_100kB.jpg " 이렇게 두개가 뜹니다.. 저희가 여태 배웠던 BoardDetail.presenter에서는 src={` https://storage.googleapis.com/${el}` } 이런식으로 주소를 주어서 사진을 가져왔는데 fetchBoardsOfTheBest 의 이미지는 src=" ? " 어떻게 가져와야할까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
임프런 댓글 1 좋아요 0 조회수 329

openWeartherMap - fetch()부분

해결됨

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

강의 영상에서 https:// 해당 부분 에서 3.0을 2.5로 바꿔서 수정하면 오류가 해결된다고 하셨는데 적용 시켜봐도 오류가 계속 유지 됩니다

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

emotion styled 에서 백틱

해결됨

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

안녕하세요 리액트 01-02 emotion 강의를 들을때 styles 폴더 안에 만든 emotion.js 입니다. 강사님과 다르게 백틱 안에서의 문법이 문자열 처리된 것처럼 나오고 있습니다. 제가 사용하는 윈도우, 맥 모두 이러한 증상이 나타나는데 윈도우는 문법 적용이 안되고 맥은 적용이되네요.. 자동완성도 안되니까 많이 불편한데 vscode 에서 문제인 걸까요?

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

중고마켓 게시글의 유효기간이 따로 있나요?

해결됨

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

중고마켓으로 포트폴리오를 만드는중인데 혹시 제 게시물이 사라질 수도 있을 것같아서 유효기간같은게 있는지 궁금합니다. 아니면 계정당 상품등록 개수에 제한이 있는지 궁금합니다.

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

프로퍼티와 메서드의 초기화 질문입니다.

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

public class student { public int score; public int getScore() { return this.score; } } 위와 같은 코드가 있고 연관관계 매핑이 되어있어 현재 프록시 상태라고 가정했을 때 점수를 얻기 위해 student.score를 사용 하면 영속성 컨텍스트로부터 초기화를 받지 못하고, student.getScoret()를 하면 초기화를 받는 건가요 ? 만약 프로퍼티 접근을 사용했을 때 초기화를 받지 모한다면 studnet.score 안에는 무슨 값이 들어있게 되는 건가요 ?

  • java
  • jpa
댓글 1 좋아요 0 조회수 344

fetch join 과 EAGER

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예 [질문 내용] 제가 이해한게 맞을까요? 일단 기본적으로 type을 LAZY 로 하는 이유는 조회할때 한 방에 다른 엔티티까지 쿼리가 나가고 그거에 연관된 엔티티까지 쿼리가 나가면 비효율 적이다. 그래서 LAZY 를 쓰는데 조회할때 다른 Entity 의 값도 가져오려면 LAZY 타입이니 쿼리가 많이 나가서 fetch JOIN 으로 한 쿼리로 연결 시킨다. 그러면 EAGER 바꾸면 될 것같지만, EAGER 는 예측할 수 없는 문제도 있고, 다른곳에서 조회할때는 또 다른 엔티티의 값이 필요가 없을 수도 있기 때문에 기본은 LAZY로 해두고 다른 엔티티의 값이 필요한 특수한 경우에만 fetch JOIN 을 한다.

  • java
  • spring
  • spring-boot
  • jpa
dionisos198 댓글 1 좋아요 1 조회수 429

와 진짜 대박이네요 디폴트 파라미터 하나로 이렇게 편해질수가 ㅜ

미해결

실전! 코틀린과 스프링 부트로 도서관리 애플리케이션 개발하기 (Java 프로젝트 리팩토링)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 자바 스프링에서는 테스트용 생성자 메서드가 있어도, 매번 일일히 null을 넣어준다거나 하는 문제점들이 있어서 결국 Builder를 사용했었는데 코틀린에서는 롬복 Builder가 지원되지 않는다고 해서 엄청 고민 중이였습니다 근데 이번 강의 보니까 그냥 온전한 객체 만들어주는 팩터리 메서드 하나 만들어놓고 테스트용으로 필요한 인자 값들만 설정해주면 되는 거였군요 진짜 미쳤다.. 갓틀린.. 잘 배워갑니다..

  • java
  • spring
  • kotlin
  • spring-boot
  • 리팩토링
euni 댓글 1 좋아요 1 조회수 343

설치단계 오류

해결됨

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

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 저는 지금 막 시작한 코린인데요 . 지금 사실 최신 버신에서는 설치할떄 물어보는게 많더라구요. 그런데 영상처럼 설치후에, npm run dev를 했는데 에러가떠서 영상에는 제가 잘못아는진모르겟지만 자세히설명이안되있어서 막혀있습니다 ㅠㅠ어떡하죠?

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
김우용(Noel) 댓글 1 좋아요 1 조회수 527

현재버전의 포트폴리오/퀴즈 깃 레포가 없는것 같습니다.

해결됨

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

포트폴리오/퀴즈가 과거 강의와 달라진 것 같은데 해당 과제를 구현한 깃 레포를 찾을수 없어서 적절한 도움을 받기 어렵습니다. 현재 과제 풀이는 어디서 확인할 수 있을까요?

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

R_CONNECTION_TIMED_OUT 오류

미해결

만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)

안녕하세요 이번에 배우면서 일부분 리팩토링 하면서(?) 진행 중입니다. 그런데 하다가 보니 이런 R_CONNECTION_TIMED_OUT 오류가 나오더라고요 관련 코드들 싹 다 찾아보니 www. 관련 검색해도 안나오고 뭔지 모르겠네요 따로 추가하신 거라도 있을까요? / www.welcometoscotland.com/blog/2013/06/19/%20glasgow-a-green-urban-oasis-with-style net::ERR_CONNECTION_TIMED_OUT Image (async) eval @ chakra-ui-image.esm.js:89 eval @ chakra-ui-image.esm.js:126 commitHookEffectListMount @ react-dom.development.js:20568 commitLifeCycles @ react-dom.development.js:20629 commitLayoutEffects @ react-dom.development.js:23421 callCallback @ react-dom.development.js:3945 invokeGuardedCallbackDev @ react-dom.development.js:3994 invokeGuardedCallback @ react-dom.development.js:4056 commitRootImpl @ react-dom.development.js:23146 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 commitRoot @ react-dom.development.js:22985 performSyncWorkOnRoot @ react-dom.development.js:22324 eval @ react-dom.development.js:11327 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushSyncCallbackQueueImpl @ react-dom.development.js:11322 flushSyncCallbackQueue @ react-dom.development.js:11309 unbatchedUpdates @ react-dom.development.js:22433 legacyRenderSubtreeIntoContainer @ react-dom.development.js:26015 hydrate @ react-dom.development.js:26081 renderReactElement @ index.js:721 doRender @ index.js:880 _callee$ @ index.js:601 tryCatch @ runtime.js:45 invoke @ runtime.js:274 prototype.<computed> @ runtime.js:97 asyncGeneratorStep @ index.js:185 _next @ index.js:203 eval @ index.js:208 eval @ index.js:200 _render @ index.js:637 render @ index.js:640 eval @ next-dev.js:110 eval @ fouc.js:13 requestAnimationFrame (async) displayContent @ fouc.js:8 eval @ next-dev.js:109 Promise.then (async) eval @ next-dev.js:69 ./node_modules/next/dist/client/next-dev.js @ main.js?ts=1683339159009:567 options.factory @ webpack.js?ts=1683339159009:633 __webpack_require__ @ webpack.js?ts=1683339159009:37 __webpack_exec__ @ main.js?ts=1683339159009:1236 (anonymous) @ main.js?ts=1683339159009:1237 webpackJsonpCallback @ webpack.js?ts=1683339159009:1179 (anonymous) @ main.js?ts=1683339159009:9

  • next.js
halfwing1998 댓글 1 좋아요 0 조회수 650

서버 요청 시 request cookie 가 2개가 생성이 됩니다..

해결됨

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

안녕하세요 제로초님! 최근 다시한번 노드버드를 참고하여 따로 사이드 프로젝트를 진행중에 있습니다. 진행은 nginx 설정까지 마무리 하고 배포까지 성공적으로 진행이 되었습니다. 실제 사용도 했었고, 어제까지만 해도 큰 문제가 없었습니다. 다만 오늘 이미지를 로드해오는 과정에서 gateout 에러가 좀 발생하는것 같아 방법을 찾아보면서 pm2의 ecosystem.config.js 설정 등을 하다가 잘 안되는것 같아 다시 지우고 재 실행을 했습니다. 실행을 다시 하니 로그인은 유지가 되는데, 데이터를 가져오려니 401 인증 에러가 발생하여 질문 드립니다.. 오류가 뜨는 이유가 무엇일까 생각했었는데, 우선 쿠키가 관련이 있겠다 생각해서 application - cookie 탭에서 확인을 해봤습니다. 실제 도메인 주소, secure 설정까지 다 맞춰서 들어와있음을 확인했고, 그렇기에 새로고침을 했을 시 로그인은 유지가 되었습니다. 네트워크 쪽을 살펴보니 분명 쿠키가 같이 request 되고 있었습니다. 근데 이상하게도 쿠키가 application 에 저장된 문자와 다름을 확인했고 request 의 cookie 탭을 확인해보니 이렇게 2가지 도메인으로 쿠키가 생성되어 전달되고 있음을 확인했습니다. 하나는 api. 가 붙어있었고 하나는 실제 로그인을 유지시켜주는 도메인이었습니다. 계속 고민을 해봐도 왜 request 에 위와같이 2개의 쿠키가 전달이 되는지 이유를 알 수 없어서 질문드립니다.. 도메인은 강의처럼 .주소 형식으로 했습니다. 백엔드 nginx.conf 입니다 프론트 nginx.conf 입니다 프론트 pm2 list 입니다 백엔드 pm2 list 입니다. 답변 부탁드리겠습니다 ㅜㅜ...

  • react
  • redux
  • node.js
  • express
  • next.js
최원익 댓글 1 좋아요 0 조회수 374

데이터 베이스 연결 에러 질문

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강의 도중 데이터베이스 연결 설정 후 에러가 나서 질문 드립니다! 혹시 뭐 터미널이 달라서 그럴까요?

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
김두다 댓글 1 좋아요 0 조회수 511

백엔드 https 설정

미해결

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

안녕하세요 제로초님 혹시 백엔드도 /etc/nginx/nginx.conf 이것만 따로 설정해주고 /etc/nginx/sites-enabled/default 이건 프론트랑 똑같이 설정해주면 되는건가요?

  • react
  • redux
  • node.js
  • express
  • next.js
장산 댓글 1 좋아요 0 조회수 489

연관관계 메서드의 위치는 핵심적으로 컨트롤 하는 쪽이 무슨 말일까요?

미해결

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

24분 30초부터 연관관계 메서드에 관련해서 설명해주시는데 연관관계 메서드의 위치는 핵심적으로 컨트롤 하는 쪽에 있는 것이 좋다 이게 무슨 말인지 잘 이해가 되지 않습니다 ㅠㅠ

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
댓글 1 좋아요 0 조회수 361

초기설정 질문

해결됨

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

pages 폴더랑 styles폴더가 없는상태로 초기 설정이 되는데 어떻게 설정해야 할까요?? ㅜㅜ

  • react
  • node.js
  • seo
  • graphql
  • next.js
wsws 댓글 2 좋아요 2 조회수 634

처음 리액트 yarn dev시 문제

해결됨

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

안녕하세요 리액트 기초 및 폴더구조와 이모션 듣고있는데 세팅 다 마치고 yarn 데브 쳐서 보니까 이 메세지가 뜨더라고요 저는 초기에 아예 저기에 골뱅이가 써져있어서 다시 ..으로 바꾸고 다시 해봤습니다. 그런데도 이 오류가 떠서 보니까 선생님이 보여준 코드랑 제 index.js코드랑 미묘하게 다르더라고요? 선생님 코드는 이건데 제 초기 코드는 이거입니다.. 리액트 버전도 잘 낮췄는데 왜 다른 걸까요? 갑자기 난데없는 백틱과 변수표현식도 있고......일일이 지워서 선생님 강의랑 맞게 고쳐야할까요? 혹시 index.js전체 코드를 구할 수 있을까요? 보니까 Home.module.css도 선생님 거랑 달라요ㅠㅠ .title은 없고 이런것만 있어요. 노션 보고 지울건 지우고 순차대로 깐 게 맞는데 왜 제 건 이럴까요ㅠㅠ 현재 제 버전입니다 "next": "12.1.0", "react": "17.0.2", "react-dom": "17.0.2"

  • react
  • node.js
  • next.js
치카치카 댓글 1 좋아요 1 조회수 582

https://practice.codebootcamp.co.kr/graphql 접속 안되는 현상

해결됨

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

안녕하세요~ https://practice.codebootcamp.co.kr/graphql 이 링크로 접속했는데 무한 로딩?이 되면서 접속이 안되는 현상이 발생합니다..! 와이파이도 바꿔보고 핸드폰에서도 접속해보고 했는데 계속 이러더라구요 아까는 잘 접속이 됐었는데... 다른 주소( https://backendonline.codebootcamp.co.kr/graphql ) 로 접속을 할땐 잘 되는데 유독 저 주소만 그러네요!! 그래서인지 실습할 때(apollo-client의 사용 및 _app.js 작동원리 수업) 요청하기 버튼을 클릭하면 계속 아무 반응이 없다가 기다리다보면 이렇게 뜨더라구요!! 왜그러는지 모르겠어서 진도를 못나가구 있습니다..ㅜ.ㅜ

  • react
  • node.js
  • seo
  • graphql
  • next.js
희소식 댓글 1 좋아요 0 조회수 506

타입스크립트 설치후 tsconfig.json에 자동 생성이 되지않습니다.

해결됨

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

타입스크립트를 깔때 devdependencies에서 애초에 eslint하고 eslint-config-next가 같이 안까ㅓㄹ려서 수동으로 깔아줬는데 그래도 안되네요. 자꾸 기초적인것들 질문해서 죄송합니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
김진호 댓글 2 좋아요 0 조회수 719

전체 상품 count api 는 없나요?

해결됨

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

모든 사용자가 등록한 상품을 보여주고 거기다 페이지네이션 까지 걸고 싶은데 내가 구매한 상품 카운트 api는 있지만 전체 상품 구매 api는 없는거 같아서요 ㅜㅜ

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

갑자기 에러가 나네요 하... ㅠㅠ

해결됨

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

항상 수업 잘 듣고있습니다! 질문이 하나 있어서 글 올립니다. 다름이 아니라 ver2 section2 듣고 강의 들을때까지는 문제 없었는데 이제 수업 다 듣고 포트폴리오 작성하려고 하는데 yarn dev를 터미널에 쳤는데 에러가 납니다. Error: UNKNOWN: unknown error, readlink 'C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\class\.next\server\middleware-manifest.json'] { errno: -4094, code: 'UNKNOWN', syscall: 'readlink', path: 'C:\\Users\\82109\\OneDrive\\바탕 화면\\codecamp-frontend-mentee\\class\\.next\\server\\middleware-manifest.json' error Command failed with exit code 1. 이렇게 에러가 나서 노드모듈 지우고 캐쉬 지우고 다시 시작해 봐라 구글링했더니 저렇게 하라고 해서 했는데도 안되더라구요 ㅠㅠ 근데 강사님 포트폴리오 리뷰 해주시는거는 또 되더라구요 버전 문제 인건지 ㅠㅠ

  • react
  • node.js
  • seo
  • graphql
  • next.js
지우혁 댓글 1 좋아요 0 조회수 1858

인기 태그

인프런 TOP Writers

주간 인기글