inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

싸이월드 만들기 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 조회수 522

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

해결됨

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

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

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

fetchUseditemsISold 가 이상해요(?)

해결됨

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

안녕하세요. 현재 마이페이지의 판매중상품 페이지네이션을 구현중입니다. fetchUseditemsISold 를 하면 아래와 같이 상당수의 판매중인 중고상품이 조회되는데 fetchUseditemsCountISold 를 하면 0개가 조회됩니다. 동일한 Authorization으로 조회하였는데 원인이 무엇일까요? 혹 다른 api를 사용하여 갯수를 조회해야하나요? 감사합니다.

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

배포 관련질문 드립니다.

해결됨

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

수업들으면서 만든 포트폴리오는 배포 할 수가 없나요 ?

  • react
  • node.js
  • seo
  • graphql
  • next.js
정재민 댓글 1 좋아요 0 조회수 401

스토어 json 가져올 때, '.default' 를 하는 이유?

해결됨

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

const stores = (await import('../public/stores.json')).default; 라고 next api routes로 변경전에 json 파일을 가져오는데, '.default' 를 붙이는 이유가 있을까요? 정확히 무슨 의미인지 알고 싶습니다.

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
poan1221 댓글 1 좋아요 2 조회수 572

웹서버 실행시 무한로드

미해결

[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]

위에 코드와 같이 웹서버를 열 때 처음 실행만 정상적으로 뜨고 두 번째부터는 로드중으로 계속 화면에 아무것도 안 뜹니다. 주피터 노트북과 아나콘다 프로그램을 완전히 종료하고 다시 접속해 위에 코드를 입력하면 다시 처음만 정상실행되고 두번째부터는 무한로드중으로 뜹니다. 다른 컴퓨터로 실행해봤을 때는 정상적으로 화면에 출력되는 것을 확인했고 제 노트북만 이러네요. 이거 때문에 아나콘다도 다시 설치해보고 윈도우에 내장되어 로컬호스트 주소도 확인하고 윈도우도 재설치해보고 컴퓨터 자체를 포맷해봤는데도 계속 같은 증상이네요. 혹시 문제가 무엇일까요? 이거 때문에 수업 진도를 못 나가고 있어요. 도와주세요ㅠㅠ

  • python
  • rest-api
  • flask
댓글 1 좋아요 0 조회수 533

타입스크립트오류

해결됨

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

강의를 여러번 따라해봐도 이런 오류가 뜹니다ㅠ

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

강의 자료 링크

미해결

모든 개발자의 실무를 위한 올인원 기본기 클래스

강의 자료 링크가 동작이 안되는데 확인 부탁 드립니다!

  • python
  • git
  • docker
  • tdd
  • 객체지향
  • 아키텍처
  • ci/cd
  • 동시성
  • 소프트웨어-테스트
최일규 댓글 1 좋아요 0 조회수 654

Colab 에서 한글 사용시 셀이 확대 되는 문제

미해결

안녕하세요 colab을 이용하던 도중에 갑자기 이상한 현상이 생겨서 질문 남깁니다! 영어를 사용하면 별 문제가 없는데 이상하게 한글만 사용하면 글씨색도 변하고 위의 사진 처럼 셀의 화면이 내려가거나 확대 됩니다. 주석뿐만 아니라 코드에도 한글을 넣으면 똑같은 현상이 발생합니다. 작성시에는 화면이 보이지 않지만 작성후 방향키나 공백을 넣으면 다시 원래 화면으로 돌아옵니다. ㅠㅠㅠㅠ 너무 거슬려서 주석을 작성 할 수 가 없습니다ㅠㅠㅠ 해결책이 있을까요 이것저것 옵션 다 만져봤지만 해결이 안돼서 여쭙니다.

  • colab
  • 한글
  • python
한승훈 댓글 1 좋아요 0 조회수 592

nextjs link / sass + css.module 사용시 경고 문제

해결됨

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

<Link href={`/search/${storeName}`}>{`${idx + 1} ${storeName}`}</Link> 이렇게 만들고 링크된 페이지는 (href로 이동하는 페이지는) sass + css.module 로 스타일링 하고 있습니다 이 경우 사진과 같은 경고 메세지가 나옵니다. (링크를 hover 시 css 파일을 미리 가져오는데 사용되고잇지 않은 상태) https://nextjs.org/docs/pages/api-reference/components/link#if-the-child-is-a-tag 를 보고 <Link href={href} passHref legacyBehavior> <RedLink>{name}</RedLink> </Link> 와 같이 작성하엿으나 여전히 문제가 지속됩니다. 이 경고메세지의 해결방법을 알수있을까요? 비슷한 문제인건지 정확하게 확인은 안했지만 본 강의 마지막 커밋에서도 동일한 경고가 발생합니다.

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
콩팥팥죽 댓글 1 좋아요 1 조회수 498

리액트 globals.css가 원래 적용이 안되는건가요?

해결됨

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

게시물 등록 실습중이던 학생입니다. input 크기를 잡을 때 padding값을 주어서 크기를 잡고 있었는데 미묘하게 input 태그들 마다 가로길이가 다릅니다..ㅠㅠ(컴포넌트 분리한 상태입니다.) globals.css내부를 보니 *{box-sizing:border-box} 이 ,기재되어있는거같은데 실제로는 적용이 안되는거 같습니다. padding으로 크기를 잡는게 아닌건가요? 아니면 globals에 있는 스타일이 원래 적용이 안되는건가요? 따로 작업을 해주어야하는게 있을까요?

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

로그인, 로그아웃 시 문제

해결됨

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

안녕하세요, 로그인과 마이페이지를 구현하였고, 로그인 후에 router.push로 페이지 이동하고 거기서 다시 마이페이지를 눌렀을때 로그인이 안되었다고 hoc에서 걸립니다. 로그아웃도 마찬가지로 문제가 발생됩니다. 다만, 새로고침을 했을땐 정상적으로 작동이 잘 됩니다. fetchUser 받아올 때의 문제인건지 accessToken과 refreshToken에서의 api 문제인건지 도저히 혼자서 해결이 어려워 문의 남깁니다..

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

트리에 관해 질문 있습니다

해결됨

코딩테스트 [ ALL IN ONE ]

해당 코드에서 LCA에 첫번째 인자값에 배열을 넣어주는데 LCA의 함수에서 root는 left와 right를 가지고 있습니다. 무엇인가요...

  • python
  • 코딩-테스트
  • 알고리즘
유제환 댓글 1 좋아요 1 조회수 509

vercel 배포 후 지도서비스가 네이버 API key인증 실패관련문의..

해결됨

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

안녕하세요~ 버셀에 프로젝트를 베포할때 .env 파일에 있는NEXT_PUBLIC_NCP_CLIENT_ID와 키넘버를 vercel에 직접 입력했는데요. .env 파일도 있고요. 결론적으로 둘다 입력하고 파일을 가지고 있는 경우에는 네이버 클라우드에 도메인을 등록하더라도 API Key 인증에 실패되나요? 페이지를 새로고침 했을 시 지도가 잠깐 정상적으로 떳다가 바로 인증에 실패했다고 뜨지 않습니다 ㅠㅠ

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
Nuri Park 댓글 1 좋아요 1 조회수 1272

메인페이지에서 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

인기 태그

인프런 TOP Writers

주간 인기글