inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

next.js 13에 dynamic import 적용 시 SEO 영향

미해결

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

안녕하세요, 아래와 같은 방식으로 dynamic import 적용하려는데 SEO에 부정적인 영향이 가는지 궁금해서 질문드립니다. 조금 찾아보니 Dynamic Import로 모두 제외해 버렸기 때문에 Google Bot 등의 크롤러가 웹 페이지에 방문했을 때 접속한 document 페이지에 크롤링할만한 정보가 없게 될 것이라는 이야기가 있어서 사실인지 궁금합니다. 사실이라면 dynamic import의 해당 단점을 보완할 수 있는 방법으로 ssr:true 설정 이외에 무엇이 있는지 궁금합니다 import dynamic from "next/dynamic"; const Zerocho = dynamic(() => import("features/Zero/components/templates/Zerocho"), { ssr: false }); export default function Hi() { const seo = getPageSeo("hihi"); return ( <> <NextSeo {...seo} /> <SchemaScript schema={schema} /> <Head> <meta name="hello" content={seo.hh} /> </Head> <Title>{seo.title}</Title> <Body> <Zerocho /> </Body> </> ); } export const getServerSideProps = async (context) => { return { props: { mode: true, modeCont: false, ...(await serverSideTranslations(context.gggg, ["hihi", "dodo"])), }, }; };

  • next.js
  • seo
  • dynamicimport
  • 다이나믹임포트
  • 다이내믹임포트
ㅎㅇㄴ 댓글 2 좋아요 0 조회수 180

[js section07-2-2] 타이머 값 변경에 대해서

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

if(타이머 === "아직실행안함") 상태에서 스크롤퍼센트가 >= 0.7 이면 타이머 값을 다른 값으로 변경해주어야 타이머 = setTimeout(()=>{타이머="아직실행안함"},1000) 이 코드로 스로틀링 되는게 아닌가요? 영상에서는 타이머 값을 다른 값으로 변경해주지 않는데 이러면 타이머 = setTimeout(()=>{타이머="아직실행안함"},1000) 이 코드를 추가하기 전과 같지 않나요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
nabis12 댓글 1 좋아요 0 조회수 96

Ex1RefMainV1 질문

해결됨

김영한의 실전 자바 - 중급 1편

[질문 내용] 안녕하세요, 영상에서 영한님이 "메서드를 전달"하라고 하시기에 다음과 같이 풀어봤는데, 영한님 풀이와는 접근 방법이 조금 다른 것 같아 문의드립니다. 제가 봤을 때는 영한님 풀이의 경우 "메서드를 전달" 한다는 느낌보다는 "메서드를 구현해놓은 인스턴스를 전달" 한다는 느낌으로 받아들여져서 질문드립니다. 다음과 같이 풀이해도 익명 클래스의 목적에 부합하는 풀이일까요? 추가로 강의록에 "그런데 지금까지 학습한 내용으로는 메서드를 전달할 수 있는 방법이 없다." 라고 언급되었는데 이는 결국 "(아직 학습하지 않았지만) 메서드를 전달할 수 있는 방법이 존재한다." 라고 해석되고, 이에 해당하는 방법이 아래 풀이와 같은 방법인지 궁금합니다. // my solution-2 package nested.anonymous.ex; import nested.local.Process; import java.util.Random; public class Ex1RefMainSOL2 { public void process(Process process) { System.out.println("프로그램 시작"); process.run(); System.out.println("프로그램 종료"); } public static void main(String[] args) { Ex1RefMainSOL2 main = new Ex1RefMainSOL2(); main.process(new Process() { int randomValue = new Random().nextInt(6) + 1; @Override public void run() { System.out.println("주사위 = " + randomValue); } }); main.process(new Process() { @Override public void run() { for (int i = 1; i <= 3; i++) { System.out.println("i = " + i); } } }); } }

  • java
  • 객체지향
dev.rudevico 댓글 1 좋아요 0 조회수 137

Unsigned 연산 결과인 156이 -100의 2의 보수가 되는 원리가 궁금합니다.

해결됨

설계독학맛비's 실전 Verilog HDL Season 1 (Clock부터 Internal Memory까지)

안녕하세요. [1. 질문 챕터] : HDL 9장, 5분 50초 [2. 질문 내용] : Unsigned 연산 결과인 156이 -100의 2의 보수가 되는 원리가 궁금합니다. [3. 시도했던 내용, 그렇게 생각하는 이유] : Unsigned A : 01100100 (십진수 : 100), Unsigned B : 11001000(십진수 : 200) 강의에서, 2의 보수 위키백과 내용 중, '2의 보수는 대부분의 산술연산에서 원래 숫자의 음수처럼 취급한다'. (2분 57초) A - B = A + (-B) = 01100100 + 00111000 = 10011100 (십진수 : 156) 이를 통해, Unsigned 연산 결과 156이 나온 원리를 알았습니다. 하지만, A, B를 signed type이라고 가정했을 때의 결과인 -100이 unsigned type으로 정의한 A, B의 연산 결과의 2의 보수값이 되는 원리를 정확히 모르겠습니다. 8bit 중, MSB를 취급하는 방법이 완전히 다른데, 어떻게 2의 보수 관계가 되나요?

  • verilog-hdl
  • fpga
  • 임베디드
dlgigi324 댓글 2 좋아요 1 조회수 198

강의 내용

미해결

앨런 iOS 앱 개발 (15개의 앱을 만들면서 근본원리부터 배우는 UIKit) - MVVM까지

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 혹시 강의 내용에서 오토레이아웃에 관해서도 자세히 다뤄주시나요? 특히 코드로 하는 부분이요!

  • ios
  • swift
밀라이 댓글 2 좋아요 0 조회수 118

띄어쓰기를 꼭 언더바로 표시하는 이유가 있나요?

미해결

문과생도, 비전공자도, 누구나 배울 수 있는 파이썬(Python)!

딕셔너리 키 값에 한글이나 영어로 값을 입력할때 띄어쓰기를 언더바로 표시 안해도 공백으로 해도 정상적으로 값이 입력이 되는데 꼭 언더바로 하는 이유가 있을까요? 그리고 변수 값을 지정할때 강의에서 my_dict인 부분에서는 Eh 파이썬이 띄어쓰기 공백을 인식을 못하더라구요 그래서꼭 _를 표시해줘야 에러를 안띄우던데 둘 차이가 뭔가요?

  • python
escho94 댓글 1 좋아요 0 조회수 610

타입스크립트 설치에 대해 질문있습니다.

해결됨

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

기본타입 강의 마지막 부분에서 ts-node src/index.ts 라고 명령어를 입력하니 아래 이미지처럼 에러가 뜹니다. 찾아보니 tsx src/index.ts 이게 있던데 이걸 사용하면 될까요?

  • typescript
부드러운 족제비 댓글 2 좋아요 0 조회수 223

cpu, memory 모두 100%를 치지 않았을 때 병목을 확인하는 방법

미해결

대규모 트래픽 처리를 위한 부하테스트 입문/실전

안녕하세요! 수업 잘 듣고 저희 서비스에서 테스트를 해보고 있습니다. duration 3m, target 500 으로 테스트를 해보았는데, 46TPS 정도 에서 병목이 생긴걸로 파악 했습니다. 다만 메트릭들을 확인해보니, ec2 메모리 사용률은 46% 정도고, CPU 사용율도 58% 정도며, DB 의 메모리도 충분히 남아있고, CPU 사용율도 59%정도로 여유가 있어보이는데요, 이 메트릭 외에도 병목을 확인할 수 있는 메트릭이 있을까요? 예시로 보여주셨던 걸로는 100% 에 가깝게 수치가 튀어야할거 같은데, 그정도가 아닌 상태에서 병목이 발생해서요!

  • infrastructure
  • k6
  • performance-test
  • performance-tuning
jomminii.dev 댓글 3 좋아요 0 조회수 288

.eslintrc.json 파일 없음

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요. 프로젝트 세팅을 진행하고 파일목록을 보는데, .eslintrc.json 파일은 없고 eslint.config.mjs 파일이 있는 것을 확인했습니다. 이대로 진행을 해도 되는 것일까요..?

  • react
  • typescript
  • next.js
배현아 댓글 2 좋아요 0 조회수 363

useAuth

미해결

맛집 지도앱 만들기 (React Native & NestJS)

22:41 타임을 보시면 src/hooks/queries/useAuth.ts파일에서 리액트 쿼리를 이용하여 선언한 것을 useAuth라는 함수로 만들어서 반환해주고 있는데요 function useAuth() { const signupMutation = useSignup(); const refreshTokenQuery = useGetRefreshToken(); const getProfileQuery = useGetProfile({ enabled: refreshTokenQuery.isSuccess, // true일떄 쿼리가 실행 }); const isLogin = refreshTokenQuery.isSuccess; const loginMutation = useLogin(); return { signupMutation, refreshTokenQuery, getProfileQuery, isLogin, loginMutation, }; } src/navigations/root/RootNavigator.tsx 파일에서 위의 함수를 호출할때 const isLogin = useAuth(); 로 반환받고있습니다. 구조분해할당이 아니라 객체 그 자체로 받는 이유가 있을까요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
gga01075 댓글 2 좋아요 0 조회수 233

ABP_Mannequin_Base 세팅 관련

미해결

[Rookiss University] UE5 Lyra 클론 코딩 (Haker&Liu)

B_Hero_ShooterMannequin에 ABP_Mannequin_Base를 설정해주는데 Base에서는 어떤 설정들을 해줘야 하나요?

  • c++
  • unreal-engine
강건희 댓글 2 좋아요 0 조회수 133

논문구현 강의수강 관련

해결됨

[AI 기초] AI Research Engineer를 위한 CNN 이해하기

안녕하세요, 선생님의 논문구현 강의 수강 전에 문의드릴 것이 있어 부득이하게 여기에 질문 드립니다. 가용할 gpu가 마땅치 않아 코랩을 이용해야 할 것 같은데 해당 강의를 수강하는데 문제가 될까요? 감사드립니다

  • python
  • pytorch
  • 컴퓨터-비전
  • cnn
Emilie 댓글 2 좋아요 0 조회수 196

[실무에서 판다스 copy()메서드의 깊은복사 얕은복사 조정 소요가 생길까?]

미해결

처음하는 딥러닝과 파이토치(Pytorch) 부트캠프 (쉽게! 기본부터 챗GPT 핵심 트랜스포머까지) [데이터분석/과학 Part3]

단순히 궁금증이 생긴겁니다. 텐서 복사를 보다보니까 판다스 copy()메서드 생각나서 찾아보니 판다스에서 COPY()메서드도 깊은복사, 얕은복사(deep 인자가 기본값으로 true)조정이 가능하더라고요(판다스공식문서) 제 질문은 이겁니다. copy()메서드의 deep 인자를 실무에서 조작할 일이 생기나요?

  • 머신러닝
  • 딥러닝
  • 인공신경망
  • pytorch
  • vision-transformer
hhs834373 댓글 1 좋아요 0 조회수 145

이차원 배열 (int형)dp로 0 혹은 -1로 체크하는 방법 말고 boolean형 배열로 체크해서 바로 리턴해줄 수 없나요?

미해결

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

제가 자바로 공부중이라 파이썬이 알고리즘 풀이에 좋은 건 알지만 코드 공부하는 겸 자바로 풀고 있습니다. 그런데 자바는 배열은 선언하고 -1일 때는 따로 초기화를 해줘야되는 번거로움이 있습니다. 그래서 혹시 이차원 배열 (boolean형)으로 방문했는지 체크해서 문제를 풀 수 있는 방법이 있을까해서 질문드립니다.

  • python
  • 코딩-테스트
  • 알고리즘
송현진 댓글 0 좋아요 0 조회수 179

안녕하세요 2계층과 4계층의 오류 제어에 대해 질문드립니다.

해결됨

20년 경력자의 알기 쉬운 컴퓨터네트워크

- 학습 범위를 넘어서는 개인적인 문의나 기타 회사 정책 및 운영에 대한 문의는 답변하지 않습니다. - 서로 예의를 지키며 존중하는 문화를 만들어가요. 2계층 장치인 스위치에서 프레임 전송 시 발생한 오류를 복원하거나 재전송한다고 하셨는데, 4계층인 전송계층의 주요역할에도 오류 제어가 있어서 혹시 그 둘의 오류 제어 차이점이 따로 있을까요?

  • 네트워크
  • 프로토콜
dasss41 댓글 2 좋아요 1 조회수 380

[!] Error installing boost

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 다시 따라해보는중인데 npx react-native@0.72.6 init ykservice --version 0.72.6 로 할경우 cocoapods 설치시 boost 설치 실패에러가 발생합니다. 0.72.6 으로 진행하려면 아래 링크 참조하여 수정하면 가능합니다. https://github.com/boostorg/boost/issues/843#issuecomment-1872943124 근데 인퍼런은 수업별로 질문게시판이 있으면 좋겠네요.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
안호민 댓글 2 좋아요 0 조회수 569

강의 문의

미해결

안드로이드 모바일 앱 모의해킹과 시큐어코딩

현재 강의 업데이트가 잘 안이뤄지고 있는것 같은데요.. 이전 강의(삭제예정) 이건 너무 예전 거라 지금 환경에서는 따라서 환경 구축하는것도 어렵네요 에러만 나고 강의 들이 너무 혼잡하게 되어있는 느낌 이예요 강의 업데이트는 언제 이뤄지는건가요?

  • android
  • 모의해킹
호이니 댓글 1 좋아요 0 조회수 212

3-O 질문있습니다.

해결됨

10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 선생님, (3-O) 15684번 : 사다리조작 문제 질문있습니다. 이 문제의 조건으로 " 두 가로선이 연속하면 안된다. " 이 부분을 코드로 표현하면 어떻게 되나요?

  • c++
  • 코딩-테스트
광교js 댓글 2 좋아요 0 조회수 92

IntellJ에서 JDK 설정

미해결

카프카 완벽 가이드 - 코어편

안녕하세요! JAVA17을 설치하였는데, IntellJ에서 JDK 경로에 JAVA가 안 뜹니다...ㅠㅠ 계속 이렇게 loading중이라고만 뜨고, jdk가 설치된 경로를 넣어도 그런데... 혹시 어떻게 해야할까요? cmd java 버전도 이렇게 설치된 버전이 나오고 시스템 변수 설정에도 이렇게 설정하였습니다..!

  • kafka
  • 데이터-엔지니어링
rosy 댓글 1 좋아요 0 조회수 114

value라는 필드가 없어도 value값이 출력되네요?

미해결

김영한의 실전 자바 - 기본편

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] (자바 기본 - NullPointerException강의 입니다) 제목 그대로 NullMain3.java파일에서 System.out.println(" bigData.data .value=" + bigData.data .value);코드를 보면요. value라는 필드가 없는데 0이 출력되는 이유가 궁금합니다!

  • java
  • 객체지향
  • nullpointerexception
댓글 1 좋아요 0 조회수 159

인기 태그

인프런 TOP Writers

주간 인기글