inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

8분 20초 배포 관련

해결됨

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

안녕하세요! 마지막에 8:20에 나오는 설명대로 commit을 나누어서 진행하고 push and build를 하였는데 아래와 같이 error가 발생하고 있습니다. 어떤 부분이 문제인지 궁금합니다 Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error SyntaxError: Unexpected token < in JSON at position 0 Error: Export encountered errors on following paths:/ 아래에 코드로 build하면 정상적으로 동작합니다.. const stores = (await import('../public/stores.json')).default

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

python pandas dataframe을 엑셀 vlookup처럼 활용하고 싶은데 쉽지 않습니다. 도와주세요

미해결

하고 싶은 것 일부 주문이 서비스 유형: 픽업임에도 배달메뉴코드로 생성되어 이를 찾고 싶습니다. (배달메뉴와 픽업메뉴 코드는 서로 다름) 엑셀 vookup을 사용해서 상품코드를 배달 메뉴 테이블에서 검색하고, 검색되지 않으면 오주문으로 판단하는 코드를 구현했습니다. 같은 프로그램을 파이썬을 통해 구현해보고 싶은데, 다른 dataframe에 없는 값을 찾아 행을 추가하는 과정이 어려워 조언을 구하고 싶습니다. 파이썬 코드 df_pickup = 픽업 주문내역 데이터 프레임 delivery_menu_code = df_delivery_menu["상품코드"] df_misorder = pd.DataFrame() # 픽업 주문내역에서 상품코드를 꺼내 해당 상품코드가 배달 메뉴 코드에 포함되어 있는지 확인 # 만약에 코드가 없으면 해당 row를 df_misorder에 추가 for idx, row in df_pickup.iterrows(): misorder = df_delivery_menu[delivery_menu_code.str.contains(row["상품코드"], na = False)] if len(misorder) != 0: df_misorder.concat(row) else: pass # 어떻게 추가해도 계속 0개로 나와서, 도와주시면 감사드리겠습니다! len(df_misorder)

  • python
  • pandas
  • excel
  • vlookup
최경완 댓글 1 좋아요 1 조회수 1020

안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다

미해결

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

아니요: 'X-Robots-Tag' http 헤더에서 'noindex'가 감지됨 페이지 색인을 생성할 수 없음: ‘NOINDEX’ 태그에 의해 제외되었습니다. 라고 뜨는데, Robots.txt 도 제 url 에 맞춰서 변경했는데 뭐가 문제가 되는지 모르겠습니다..! 네이버 서치어드바이저에는 잘 등록된 상태 입니다.

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
박혜민 댓글 2 좋아요 0 조회수 2747

app.module.ts 하는도중에

미해결

탄탄한 백엔드 NestJS, 기초부터 심화까지

화면처럼 AppModule에 붉은 줄이 떠서 확인을 해보니 'AppModule' 클래스가 'NestModule' 인터페이스를 잘못 구현합니다. 'configure' 속성이 'AppModule' 형식에 없지만 'NestModule' 형식에서 필수입니다.ts(2420) nest-module.interface.d.ts(6, 5): 여기서는 'configure'이(가) 선언됩니다. 라고 뜨는데 어떤식의 해결을 해야할 지 모르겠습니다.

  • node.js
  • mongodb
  • express
  • nestjs
  • ssr
댓글 1 좋아요 0 조회수 402

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

미해결

Nuxt.js 시작하기

{ "id": 0, "name": "Refined Fresh Chicken", "price": "209.00", "imageUrl": "https://picsum.photos/id/{id}/640/480" }, return { products: data.map(item => ({ ...item, imageUrl: item.imageUrl.replace('{id}', Math.floor(Math.random() * 30)) })) }

  • vue.js
  • nuxt.js
  • ssr
geuni 댓글 3 좋아요 2 조회수 628

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

미해결

Nuxt.js 시작하기

// next.config.js build: { transpile: [({ isLegacy }) => isLegacy && 'axios'] }, git clone 받지 않고 하다 보니 계속 에러 발생해서 찾아보니 위처럼 코드 추가해 주면 에러 발생 안 합니다. 다만 axios외 다른 라이브러리에서 버전 관련 문제가 있을 수 있을 것 같긴 합니다. 사실 위처럼 안 하고 axios 버전을 낮춰서 설치 하시거나 clone 받아서 하시면 문제없을 것 같습니다. axios 버전 관련 링크

  • vue.js
  • nuxt.js
  • ssr
geuni 댓글 2 좋아요 2 조회수 799

emotion styles 파일이 빌드시 경고로 뜹니다.

해결됨

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

저는 scss 대신 emotion 스타일을 사용하고 컴포넌트or 페이지를 스타일 파일과 한폴더에 넣어 사용합니다 (아래와 같은 폴더구조) 페이지 폴더가 라우트 기능을 해서인지 다음과 같이 빌드 최적화에 실패햇다고 뜨는 현상이 있는데 컴포넌트폴더 에서는 문제없이 되는데 페이지 폴더에서만 이렇게 되는 원인이 무엇인가요? 또 해당 페이지를 컴포넌트로 이동신후 페이지에서 단순 호출만 하게 한다면 최적화가 정상적으로 되는건가요?

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
최석우 댓글 1 좋아요 1 조회수 465

자동 생성되는 괄호 넘어가는 단축키

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

중괄호 등을 통해서 코드를 작성할 때 중괄호가 [] 이렇게 두개 자동으로 생성되는데요. 이외에도 '' 등 두개씩 자동으로 만들어줘서 코드를 작성하는데는 편리한데 'LEE' 등 코드를 쓰고 EE에서 '를 넘어 가기 위해 방향키를 눌러줘야 하는 불편함이 있습니다. 혹시 빠르게 작성하기 위해 단투키 같은게 별도로 있을지 문의드립니다

  • python
9시30분출근 댓글 1 좋아요 0 조회수 581

naver map 이 출력되지 않습니다.

미해결

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

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 네이버 클라우드 플랫폼에도 사용횟수는 늘어나고 있고 css를 건드려봐도 map이 생성이안되서 height 100% 가 먹히질 않고있습니다.. 뭐가문제일까요 ㅠㅠ ++ 개발자 도구 Network 를 열어봐도 잘 받아오고잇고 지도 이미지도 받아오는것을 확인 하였습니다.

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
복실묘 댓글 1 좋아요 1 조회수 510

SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?

미해결

Nuxt.js 시작하기

SSG 방식은 말그대로 데이터를 주고받지 않는 static한 사이트에 맞는거라 저희가 만든 사이트에는 안맞는 배포방식인거죠? 예시를 봐도 /404.html 같은데 쓰는거 같은데.. 맞게 이해한걸까요?

  • vue.js
  • nuxt.js
  • ssr
daj33 댓글 2 좋아요 1 조회수 412

뭐가 문제인지 모르겠습니다.

미해결

탄탄한 백엔드 NestJS, 기초부터 심화까지

구글링을 하고 이래저래 강의를 다시 보면서 수정을 거쳐봣는데 왜 오류가 나는지모르겠어요 분명 보충강의전까지는 잘 동작하고 중반까지는 잘됫었는데

  • node.js
  • mongodb
  • express
  • nestjs
  • ssr
herkwak 댓글 2 좋아요 0 조회수 400

페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?

해결됨

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

next Link를 이용하게 되면 해당 페이지에서 링크 페이지의 js를 미리 불러온다는 내용이 강의에 존재하였는데 헤더나 푸터등 모든페이지에 공용으로 들어가는 영역에 site맵 존재하고 모든 링크를 걸어 놓게 된다면 모든 페이지가 미리 js 형태로 불러와 지게 되는건가요? 해당 경우에는 next의 강점이 많이 무뎌질거 같아 질문합니다.

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
최석우 댓글 2 좋아요 1 조회수 299

어디서부터 잘못됫는지 모르겠는데 여기까지 저장된 파일이나 혹시 제 파일을 보내드려볼테니 확인이 가능한가요?

미해결

탄탄한 백엔드 NestJS, 기초부터 심화까지

수강생분들의 질문을 기다립니다! - 에러에 해당하는 질문은 "에러가 발생한 상황에 대한 충분한 설명", "에러 메세지", "에러가 난 코드 스크린샷"을 함께 첨부해주세요. - 언어에 해당하는 질문은 구글링 및 서치 후에 구체적으로 질문해주시면 좋습니다. - 간단한 진로 및 방향성에 대한 질문은 메일로 보내주세요. - 패키지 버전 관리은 실무 환경과 트랜드에 맞추어 강의를 업데이트 하고 있습니다. 강의를 그대로 따라갔는데 에러가 발생한다면 패키지 버전을 강의에서 사용하는 버전과 동일하게 맞춰주세요! - 강의 노트, QA 목록, 공지 사항을 먼저 확인해주세요. - 논리적이고 구체적인 질문은 학습 효과를 올립니다 :)

  • node.js
  • mongodb
  • express
  • nestjs
  • ssr
herkwak 댓글 1 좋아요 0 조회수 353

Failed to load resource: the server responded with a status of 404 ()

해결됨

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

안녕하세요! nextjs 실습중입니다. next/Image를 사용해서 이미지를 띄웠는데, dev 환경에서는 이미지가 잘 떴는데, 실제로 배포하니까 에러가 나면서 이미지가 안뜨네요 아무리 구글링 해봐도 모르겠어서 질문 드립니다ㅜㅜ

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

VSCode 익스텐션 궁금합니다.

해결됨

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

수업 잘듣고 있습니다. 수업 외적으로 VSCode 에서 코딩 중에 회색으로 코드 힌트가 들어가 있던데요. 어떤 익스텐션인지 알려 주실 수 있을까요? 검색 중인데 못찾겠네요. 죄송하지만 도움을 주셨으면 감사하겠습니다. 좋은 주말되세요

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

print(soup.a) 태그 값이 None으로 나옵니다.

미해결

파이썬 무료 강의 (활용편3) - 웹 스크래핑 (5시간)

태그 관련 내용이 반환이 안 되는데 어떻게 하면 될까요?

  • python
  • 웹-크롤링
  • selenium
  • 웹-스크래핑
고인규 댓글 4 좋아요 0 조회수 1208

상태관리 질문 있습니다!

해결됨

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

안녕하세요 용주님 swr 대신에 React-query랑 Recoil로 상태관리를 하고 있는데, map에 대한 data를 setMapInfo에 저장하고 있고, Markers에서 mapInfo에 대한 값을 useRecoilValue로 가져오고 있는 상황입니다. const [mapInfo, setMapInfo] = useRecoilState(mapState) const initializeMap = () => { const mapOptions = { center: new window.naver.maps.LatLng(...initialCenter), zoom: initialZoom, minZoom: 9, scaleContorl: false, mapDataControl: false, logoControlOptions: { position: naver.maps.Position.BOTTOM_LEFT, }, } let map = new window.naver.maps.Map(mapId, mapOptions) mapRef.current = map setMapInfo(map) } 그런데 계속 아래와 같이 Type error가 발생하고 있는 상황입니다. 어떤 문제 때문에 발생하는지 알 수 있을까요? 수업과 무관한 질문이여서 죄송합니다! ㅜ 참고로 @types/navermaps : 3.6.5 버전입니다.

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

swr에 대한 질문입니다. (용어 관련)

해결됨

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

안녕하세요 용어에 대한 이해 차원에서 질문드립니다. useMap이나 useStore 훅에서 map이나 store에 대한 정보를 전역상태로 관리한다 라고 표현하시는데요. 이 부분에 대한 질문입니다. 제가 알고 이해하고 있는 바를 먼저 말씀드리면, SWR은 같은 키값로 받아온 값은 다시 요청하지않고 기존의 캐싱된 값을 반환하는 것으로 알고 있습니다. 그래서 같은 키값으로 요청을 하게 되면 결국 캐싱된 값을 사용하게 되는 것이구요. 이러한 과정 을 전역상태로 관리한다라고 표현하시는 것 으로 이해했는데 맞을까요?? [참고] SWR은 데이터의 효율적인 로딩과 캐싱을 위한 라이브러리로서 주로 서버 상태 관리와 데이터 동기화 측면에서 활용되는것이기에 전역상태 관리 라고 하면 약간의 혼란을 야기하는 면 이 없지 않아 있는 것 같습니다.(redux나 기타 다른 client side에 대한 전역상태 관리와 비교하여...) → 이 부분은 개인적인 생각이기에 참고만 해주셔도 괜찮을거 같습니다. 😅 좋은 강의 감사합니다. 🙇🏻

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

연결요소개수 - 파이썬 풀이 공유

해결됨

[자바/Java] 문과생도 이해하는 DFS 알고리즘! - 입문편

안녕하세요 저는 강사님 강의로 공부하고 파이썬으로 코테를 준비하고 있습니다. 저와 같은 상황에 계신분들과 공유하고 싶어 글을 올립니다. 파이썬 풀이에서 부족한 부분 알려주시면 수정하겠습니다.~ import sys sys.setrecursionlimit(10 ** 6) N, M = map(int, sys.stdin.readline().split()) MAX = 1000 + 10 graph = [[False for in range(MAX)] for in range(MAX)] visited = [False for in range(MAX)] for in range(M): x, y = map(int, sys.stdin.readline().split()) graph[x][y] = True graph[y][x] = True def dfs(idx): visited[idx] = True for j in range(1, N + 1): if not visited[j] and graph[idx][j]: dfs(j) cnt = 0 for i in range(1, N + 1): if not visited[i]: dfs(i) cnt += 1 print(cnt)

  • 코딩-테스트
  • 알고리즘
  • dfs
  • python
8055kjh 댓글 1 좋아요 1 조회수 335

완전탐색 강의 1090번 문제 풀이 방법 의문

미해결

2주만에 통과하는 알고리즘 코딩테스트 (2024년)

완전탐색 강의 마지막 문제 1090번 문제 풀이 방법에 의문이 생겨서 질문 올려봅니다. 강의에서는 우리의 집 중에서 한 곳에 모이면 된다고 풀이를 하셨는데, 예시에 나온 4 15 14 15 16 14 15 16 15 4명이 모이기 위한 최적의 장소는 (15,15)입니다. 백준에서도 이것이 정답 좌표이고. 그래서 혹시 제가 1번 2번 3번 아이디어를 이해하는데에서 잘못 이해한 부분이 있을까 싶어 질문을 올립니다. (15 14) (15 16) (14 15) (16 15) 중에 하나에 모인다는 말이 아닌것인가요?

  • python
  • 코딩-테스트
  • 알고리즘
migaele98 댓글 2 좋아요 4 조회수 987

인기 태그

인프런 TOP Writers

주간 인기글