inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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

미해결

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

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

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

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

미해결

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

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

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

Jest의 test와 it 사용에 대한 컨벤션 질문

미해결

2시간으로 끝내는 프론트엔드 테스트 기본기

강사님, 강의 잘 듣고 있습니다. 강의 중 jest에서 한글로 적을 때는 test, 영어로 적을 때는 it으로 적는 게 가독성이 좋다고 설명해주셨는데, 실무 팀에서는 이런 네이밍 컨벤션을 어떻게 정하고 유지하는지, 혹시 Prettier, ESLint 같은 도구로 특정 스타일(예: test만 사용)을 강제하는 경우도 있는지 궁금합니다.

  • react
  • jest
  • 소프트웨어-테스트
  • Cypress
  • storybook
  • chatgpt
JW Yang 댓글 1 좋아요 0 조회수 77

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

미해결

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

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

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

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

해결됨

프론트엔드 마스터클래스

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

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

만약 문서 수가 매우 많아진다면 성능 이슈는 없을까요?

해결됨

Vanilla JavaScript로 직접 구현하는 Notion

문서 수가 수백개 이상으로 늘어나면 findDoc(), childrenOf() 등의 함수에서 전체 배열을 순회하는 부분이 성능면에서 문제가 될 수 있을까요? 만약 그렇다면 최적화할 수 있는 방법은 어떤 것이 있을까요?

  • javascript
  • 웹앱
  • dom
  • frontend
쌀밥 댓글 2 좋아요 0 조회수 110

섹션 10을 들었을때 궁금증

미해결

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

primitive는 map을 통해 texture를 불러올 수 없을까요? 다른 텍스쳐 불러오는 연습을 하면서 Material에서는 map이라는 속성을 통해 texture를 불러올 수 있다고 알게 되었는데 primitive에서는 안되서 궁금합니다!

  • javascript
  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • react-three-fiber
study with dino 댓글 2 좋아요 0 조회수 125

supabase 오픈 소스 사용에 대해서

미해결

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

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

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

useState vs useReducer 실무에서 주로 사용하는 것은??

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강의를 통해 useReducer를 사용하면 복잡한 useState의 set 함수 들로 case로 깔끔하게 정리할 수 있는 것을 보았습니다. 그렇다면 실무에서는 어떤 것을 더 많이 사용하나요? 아니면 두 hooks의 대표 사용하는 케이스 ?? 경우 들을 알려주시면 감사하겠습니다!!! 🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다!

  • javascript
  • react
  • node.js
동원참치 댓글 2 좋아요 0 조회수 135

개발 환경에 대해서 궁금한게 있습니다!

미해결

React Native with Expo: 제로초에게 제대로 배우기

맥북 환경에서 수업을 따라가다 보니, Java가 설치되어 있지 않아 라이브러리 설치 시 오류가 발생했습니다. 이처럼 개발 환경(운영체제, 설치 여부 등)에 따라 발생하는 오류는 실무에서는 어떻게 사전에 파악하고, 배포 시에는 어떻게 대응하는지 궁금합니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
조영제 댓글 1 좋아요 0 조회수 88

리액트 기본기 이해도 기준에 대해 질문드립니다

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강의를 통해 React의 여러 개념을 배웠습니다. 어느 정도 수준에 도달해야 리액트의 기본기를 제대로 이해했다고 스스로 판단 할 수 있을 지 궁금합니다. 예를 들어, 이 강의에서 다룬 TodoList 프로젝트를 혼자서 처음부터 끝까지 구현할 수 있는 정도라면, React의 핵심원리를 충분히 체화했다고 볼 수 있을까요 ?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
BT 댓글 2 좋아요 0 조회수 135

알고리즘 개념에 대한 추천 자료문의

해결됨

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

안녕하세요. 이제 막 자료구조와 알고리즘을 알아가고 있습니다. 선생님의 강의 덕분에 천천히 음미하며 재밌게 수업을 듣고 있습니다. 혹시 이런 제게 추천할 만한 자료나 사이트가 있으실까요?

  • javascript
  • 코딩-테스트
  • 알고리즘
  • data-structure
hanbrang 댓글 1 좋아요 0 조회수 90

모듈 시스템 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

4.2) 첫 React App 생성하기 강의 질문 입니다. 10:15에서 module.exports = { … } 로 시작하는데 이건 cjs 시스템 문법으로 알고 있는데, 5:14에서 나오는 package.json의 type은 module로 되어있는데 두개의 시스템을 동시에 사용하는게 가능한건가요?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
ab kim 댓글 2 좋아요 0 조회수 131

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

해결됨

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

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

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

프론트엔드 실무에서 어떤때에 쓰이는지 궁금합니다

미해결

함수형 프로그래밍과 JavaScript ES6+

안녕하세요. 추석챌린지로 수강하고있어 미션으로 질문을 남기게되었습니다. 함수형프로그래밍과 지연성 확장성… 의 중요성을 알게되긴했는데 실무에서 어떤때에 쓰일수있는지… 궁금합니다.

  • javascript
  • 함수형-프로그래밍
muddy 댓글 1 좋아요 1 조회수 141

Promise 객체

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

안녕하세요! 강의 너무 잘 듣고 있습니다 ㅎㅎ 21강 비동기 처리 부분에서 비동기란 무엇인지 너무 잘 알려주셔서 어느정도 이해를 했다고 생각했습니다. setTimeout을 활용해서 시간으로 생각하니까 이해가 잘 되는것 같아요! 그 다음 강의에서 Promise 라는 부분이 나오는데, const promise = new Promise() 이와 같은 생성자 함수(?)로 Promise 객체를 생성해서 사용하는 이유가 궁금합니다. 정확히는 Promise 객체가 무엇인지 잘 와닿지 않습니다 ㅠㅠ 강의를 듣다 보면 "Promise를 반환한다." 라는 말을 자주 들어볼 수 있는데, 이 말이 잘 이해가 안되고 있어서 이렇게 질문 남겨봅니다.

  • javascript
도비 댓글 2 좋아요 1 조회수 82

질문아닙니다ㅜㅜ

미해결

React Native with Expo: 제로초에게 제대로 배우기

질문은 아닌데..챌린지 미션에 질문하기가 있어서 쓰니까 신경쓰지 말아주세요... Link Share 공유 url은 components/Post.tsx에 있음 공식문서: share 부분 확인 ios에서는 url을 같이 넣어주면 좋고, 안드로이드에서는 title을 넣어주면 좋음 File Share expo-sharing 라이브러리 설치 후 사용 폰에 있는 파일을 다른 앱에 공유 가능 다른 앱에서 내 expo앱으로 공유하고 싶을 때 expo기본지원x Expo Share Extension이라는 외부 라이브러리를 따로 설치해서 사용해야 함 근데 npm run prebuild를 해야하는데, 이럼 expo-go에서 벗어나 native단을 건듦 한번 설치하면 못돌아옴

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이수민 댓글 1 좋아요 0 조회수 59

강의를 들으면서 궁금한 점

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

Spring(Java)을 약 1~2년 정도 공부하다가, 최근 입사 후 NestJS를 새롭게 배우고 있습니다. 공부하기 위한 강의를 듣던 중 문득 궁금증이 생겨 이렇게 질문을 남깁니다. NestJS를 사용하는 이유가 무엇일까요? 제가 지금까지 배워온 관점에서 보면, Spring은 생태계가 훨씬 풍부하고 레퍼런스도 많으며, 엔터프라이즈 환경에서 안정성이 매우 높다고 느껴졌습니다. 반면 NestJS는 비동기 I/O 처리에 강점이 있어 성능적으로 빠르다는 인상을 받았지만, 단순히 그 이유만으로 NestJS를 선택해야 할까 하는 의문이 들었습니다. 물론 기술 선택에는 여러 요소가 있겠지만, 실무적으로나 기술적으로 Spring 대신 NestJS를 선택하는 명확한 이유가 무엇인지 궁금합니다. 단순 궁금증이었습니다...!

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
JeonTak 댓글 2 좋아요 0 조회수 138

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

미해결

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글