inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

이미지 최적화 관련 질문

미해결

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

섹션9. 이미지 최적화 수강중 궁금한 내용이 있습니다. 강의 내용은 넥스트에서 제공하는 image 컴포넌트를 사용할 경우 이미지 파일이 webp로 변환되어 성능 최적화 하는 것으로 이해했습니다. 혹시 이미지 확장자 중 webp와 jpg가 동시에 불러올 수 있도록 컴포넌트를 커스텀 할 수 있나요?

  • next.js
말랑한망고 댓글 2 좋아요 0 조회수 89

명령 프롬프트 복원

해결됨

AI 시대, 반나절 만에 웹사이트 개발부터 배포까지 AI 코딩 with MCP & Gemini CLI

강의 잘 듣고 있습니다. 감사합니다. 명령 프롬프트 창을 나가면, 이전 대화한 결과물이 모두 사라지는 데요. 강의 처음 지시사항부터 다시 시작하는 것 외에 방법이 없나요?

  • git
  • next.js
  • ai-활용-(ax)
  • 바이브코딩
이혜경 댓글 2 좋아요 0 조회수 128

css 라이브러리 추천 부탁드립니다

미해결

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

안녕하세요 제로초님 강의에서는 css module 사용하셨고, 왜 그걸 사용하셨는지 이유를 말씀해 주셨는데요 저는 tailwind나 vanilla extract로 css를 작성해가며 수강하려하는데요 현 시점 기준 시장에서는 어떤 라이브러리를 좀 더 활발하게 사용하는지, 제로초님은 어떤걸 더 선호하시는지, 그리고 이유가 있으시다면 무엇인지 궁금합니다

  • next.js
  • tailwind
  • vanilla-extract
ayaan 댓글 2 좋아요 0 조회수 184

클라이언트 컴포넌트에서 fetch 하는 경우가 있는지 궁금합니다.

미해결

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

Next.js에서 서버 컴포넌트가 주로 데이터 페칭을 담당하는 것으로 알고 있습니다. 서버컴포넌트 외에 클라이언트 컴포넌트에서 fetch를 직접 호출하는 사례가 있는지 궁금합니다. 추가로 클라이언트 컴포넌트에서 fetch를 할 때도 Next.js의 request memoization 기능이 자동으로 동작하는지 질문드려요.

  • react
  • typescript
  • next.js
  • 카카오공채-개발
sbbt 댓글 2 좋아요 0 조회수 83

style 속성마다 박스 형태를 따로 따로 가지나요?

미해결

핵심만 골라배우는 CSS3

a tag, span 태그는 각각의 박스 성질을 가지고 있다하셨는데, 줄바꿈을 해도 각각의 박스 성질을 유지하나요?

  • HTML/CSS
D0Lph1n G1rL 댓글 2 좋아요 0 조회수 80

Layout이 Dynamic이면 하위 페이지도 다 Dynamic이 되는지 궁금합니다.

미해결

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

안녕하세요! 좋은 강의로 Next.js를 배울 수 있게 해주셔서 감사드립니다. Full Route Cache 관련해서 궁금한 점이 있습니다. 레이아웃 파일에서 cookies()나 headers() 같은 동적 함수를 사용하는 경우, 그 아래에 있는 페이지들도 영향을 받는지 궁금합니다..! 예를 들어서 블로그 레이아웃에서 사용자 테마를 쿠키로 가져오고 있고, 블로그 포스트 페이지 자체는 force-cache로 정적 데이터만 사용한다면, 이 경우 페이지가 Static으로 빌드될 수 있을까요? 아니면 상위 레이아웃이 Dynamic이면 하위 페이지도 함께 Dynamic으로 처리되는 건지 궁금합니다! 감사합니다.

  • react
  • typescript
  • next.js
  • 카카오공채-개발
junyeokk 댓글 1 좋아요 0 조회수 81

배포 관련 내용 추가될 예정이 있을까요?

해결됨

프론트엔드 마스터클래스

안녕하세요, 좋은 강의 잘 보고 있습니다. 혹시 CDN 등 배포 관련 섹션이나 내용이 추가될 예정이 있을지 궁금합니다.

  • javascript
  • react
  • 함수형-프로그래밍
  • 객체지향
  • next.js
Eun 댓글 1 좋아요 0 조회수 168

supabase 오픈 소스 사용에 대해서

미해결

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

supabase는 공식 사이트에서 요금을 받고 있지만 오픈 소스로 로컬에 설치할 수 있잖아요. 그러면 기존의 스토리지 트래픽 비용이, 리눅스 호스팅 업체의 트래픽 비용으로 대체되나요?

  • firebase
  • next.js
  • tailwindcss
  • react-query
  • supabase
유니온 댓글 0 좋아요 0 조회수 114

CSS까지만 지연에 영향을 주는건가요?

해결됨

DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]

안녕하세요~! 궁금한 점이 생겨 문의드립니다! DOM + CSSOM > Render Tree를 만들기 때문에 CSS 배치에 따라 CRP에 영향을 주는 것까지는 이해했는데요! script는 async 또는 defer 속성을 알맞게 적어주기만 하면 실행 순서만 보장이 되고 안되고의 차이이고 CRP에는 영향을 주진 않는건가요?

  • HTML/CSS
  • javascript
  • react
  • dom
  • frontend
정수지 댓글 2 좋아요 0 조회수 112

next와 react query 버전 업데이트 관련 질문

미해결

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

next와 react query 버전이 업데이트 되면서 서버 액션에 폼데이터를 전달하는 것이 불가능해진것 같은데 어떤식으로 수정하면 좋을까요?

  • firebase
  • next.js
  • tailwindcss
  • react-query
  • supabase
둘기 댓글 1 좋아요 0 조회수 91

학습자료는 따로 공유가 안되는건가요?

해결됨

프론트엔드 마스터클래스

그 전까지는 크게 불편함이 없었는데 이번 장에 위에 설명이 건너뛰기가 돼서 놓치게 되네요. 다양한 학습자료 제공에 miro형식 파일이라고 강의 소개에 적혀있긴한데, 따로 첨부파일이나 링크는 등록이 안돼있는것 같아서요.

  • javascript
  • react
  • 함수형-프로그래밍
  • 객체지향
  • next.js
임영민 댓글 2 좋아요 0 조회수 230

query-string과 url파라미터 이름이 같은 경우는 어떻게 되나요?

미해결

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

안녕하세요 예를 들어서 book 디렉토리 밑에 [id.tsx] 을 만들고 /book/10?id=test 이런 형태로 넘긴다면 router.query의 값은 어떤 형태로 저장이 되나요?

  • react
  • typescript
  • next.js
  • 카카오공채-개발
qazwsxqaz 댓글 3 좋아요 0 조회수 129

강의에 언급된 영상 질문

미해결

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

안녕하세요! 좋은 강의 만들어주셔서 감사합니다 🙂 수업을 순서대로 보고 있는데, 지난 시간에 살펴봤다는 에러 정의가 담겨 있는 영상이 무엇인지 궁금합니다..! 커리큘럼 상으로는 이전 영상이 라우팅 관련된 것이라서 에러 관련 내용이 없었거든요.

  • react
  • typescript
  • next.js
Lofo 댓글 2 좋아요 0 조회수 90

차후에 추가 업데이트 같은 것이 있을까요?

해결됨

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

강의 잘 보고 있습니다. 추후에 클로드코드 외에 Codex 같은 새로운 것들에 대한 내용이 추가 업데이트 될 예정이 있을까요?

  • spring-boot
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
  • claude
테이크 댓글 2 좋아요 0 조회수 147

추가 강의 주제 문의드립니다!

미해결

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

안녕하세요 정환님! 강의 정말 잘 듣고 있습니다. 설명이 이해하기 쉽게 정리되어 있어 큰 도움이 되었습니다. 혹시 앞으로 Next.js를 활용한 실무 프로젝트나 자바스크립트 심화 개념을 다루는 강의도 제작하실 계획이 있으실까요?

  • react
  • typescript
  • next.js
sujin kim 댓글 2 좋아요 0 조회수 52

tailwindcss 와 ai tool

미해결

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

ai tool(cursor, claude code ...) 에서 tawilwindcss 를 다룰 때, 팁이나 주의해야 할 점에 대해서 공유해주셔도 좋을것 같다는 생각이 들었습니다. 🙂

  • HTML/CSS
  • javascript
  • 반응형-웹
  • tailwindcss
Jiho Bak 댓글 1 좋아요 0 조회수 101

sitemap 에 Pormise가 필요한 이유

미해결

손에 익는 Next.js - 블로그 만들기

5:53 부분에서 sitemap 에서 Promise가 필요하다 하셨는데 왜 필요한지 궁금합니다.

  • react
  • 블로그
  • next.js
gmldnjs0402 댓글 2 좋아요 0 조회수 88

private folders 와 전역 폴더

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

프로젝트 개발 중에, src/components 폴더에 재사용할 것들을 만들어서 사용하는 것과, src/app/_components 를 사용하는 것을 배웠는데, 둘의 사용성 차이가 있나요? 굳이 이 두 기능을 둘 다 사용을 할 필요가 있을까요? 오히려 하나만 사용하는게 좋지 않나 싶었습니다. 반드시 분리를 해야만 하는 특별한 이유가 있어서 굳이 분리를 하게 되는 것일까요?

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
Junho 댓글 2 좋아요 0 조회수 107

가상환경 같은건 없나요?

해결됨

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

안녕하세요 리액트나 NextJS는 익숙하지 않아 질문드립니다. 파이썬을 쓸때는 가상환경을 만들어서 프로젝트 마다 관리를 하는데 NextJS는 각 프로젝트 폴더마다 관리가 되나요? 이것저것 하다가 실수하면 다 지우고 처음부터 다시 하는편이라서 파이썬 가상환경이 너무 마음에 들었는데 혹시 NextJS도 가능한가 궁금합니다. 잘 모르기 때문에 실수해서 패키지가 엉망이 된 경우가 많아서 걱정부터 되네요. 다들 기본적으로 잘하셔서 그런가 보통 강의를 들을때 이런 부분은 잘 안물어보시나봐요.

  • react
  • 클론코딩
  • next.js
  • supabase
히징징 댓글 3 좋아요 0 조회수 141

class 값 한 번에 부여하는법

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

<article></article> <article></article> <article></article> 값에 한 번에 class를 주고싶을 때 강사님은 한 번에 선택하여 동시입력하시던데 방법이 있나요?

  • HTML/CSS
  • jquery
권민정 댓글 1 좋아요 2 조회수 108

인기 태그

인프런 TOP Writers

주간 인기글