inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

immer 에서 불변성이란

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

immer 에서 불변성이란게 무슨 뜻인가요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
j j 댓글 2 좋아요 0 조회수 110

프론트엔드 부트캠프 가기 전, 짧은 감사 인사드립니다!

미해결

자바스크립트 비기너: 튼튼한 기본 만들기

안녕하세요 이전에 커리어에 관한 질문 드렸었습니다(아래링크) https://inf.run/N5Wz7 . 다름이 아니라 강사님의 강의가 저의 프론트엔드에 대한 시각을 완전히 바꿔 놓았음을 전하고자 이 글을 씁니다. 단순히 라이브러리 숙련도를 넘어, 자바스크립트를 통해 클라이언트 공통 스펙을 깊이 있게 다루는 강사님의 강의는 저에게 큰 울림을 주었습니다. 이는 언어의 경계를 넘어선, 클라이언트 개발의 본질을 꿰뚫는 강의라고 생각합니다. 현재 텐서플로우 강의를 제외한 대부분의 강의를 90% 이상 수강했으며, 앞으로 여러 번 반복해서 들으며 더 깊은 깨달음을 얻을 수 있으리라 확신합니다. 국내외를 통틀어 이처럼 프론트엔드 펀더멘털을 유일무이하게 다루는 강의는 없다고 생각하며, 앞으로도 많은 분께 클라이언트 개발자의 공통 교과목으로 강력히 추천할 것입니다. 강사님의 강의를 들으며 현업에서의 경험과 맞물려 많은 것을 느꼈습니다. 특히 현업 프론트, 백엔드 개발자들이 자신의 포지션에만 집중하여 발생하는 소통의 단절과 비효율성에 대해 깊이 공감하게 되었습니다. 한 프로젝트를 함께 완성해나가는 과정에서 각자의 파트에만 몰두하여 전체적인 흐름을 놓치고 소통이 원활하지 않은 모습들을 보며, 강사님의 강의가 제시하는 깊이 있는 이해의 중요성을 더욱 절감했습니다. 곧 프론트엔드 부트캠프에 참여하게 되는데, 강사님의 강의를 통해 얻은 통찰력이 큰 자산이 될 것이라 믿습니다. 앞으로도 변함없이 좋은 강의를 제공해주시기를 바라며, 늘 응원하겠습니다. 감사합니다.

  • javascript
  • 객체지향
bigger 댓글 2 좋아요 2 조회수 142

빌드 오류

미해결

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

빌드 까지 성공했는데 orbit에서 시뮬레이터 실행하면 사진처럼 오류가 나옵니다 .

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
지환 댓글 2 좋아요 0 조회수 87

DOM API-2 1분54초 경 질문드립니다.

해결됨

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

안녕하세요 강의 잘 듣고 있습니다 좋은 강의 만들어주셔서 감사합니다! DOM API-2 1분54초 경 질문드립니다. let $type = document.createElement("div"); $type.className = "info-item"; $type.id = "type"; $type.textContent = "말티즈"; console.log($type); 이렇게 출력이 되고 div# type.info -item let $type = document.createElement("div"); $type.className = "info-item"; $type.id = "type"; $type.textContent = "말티즈"; console.log($type.outerHTML); 다음과같이 .outerHTML을 출력해야 강의와 같이 아래처럼 출력이 되는데 <div class="info-item" id="type">말티즈</div> 어떤 차이가 있는 걸까요? 환경설정을 어떻게 하면 강의처럼 그냥 console.log($type); 만 출력해도 <div class="info-item" id="type">말티즈</div> 와 같이 웹사이트 콘솔창에서 볼 수 있을까요? ⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다. ⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.

  • javascript
  • rest-api
  • spa
  • dom
robot 댓글 2 좋아요 1 조회수 92

List컴포넌트에서 필터링 하는 것과 App 컴포넌트에서 필터링하는 것의 차이

해결됨

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

🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다! 안녕하세요. 강사님! 8.5) Read - 투두리스트 렌더링하기 강의에서 질문이 있습니다. 검색어로 필터링하는 기능이 List.jsx에 되어있는데요, 이 부분 관련해서 질문이 있습니다. 필터링이 App.jsx에서 필터링 하는 것과 어떤 차이가 있나요?? 어떤 이유에서 List.jsx에서 필터링하는지도 궁금합니다. (원본 데이터를 건들지않기 위함(?)일까요?) 그리고 어떤 컴포넌트에서 필터링 하더라도 리렌더링이 발생하는건가요? 감사합니다!

  • javascript
  • react
  • node.js
cdf313 댓글 2 좋아요 0 조회수 121

파일확장자 질문

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

기본적으로 tsx 확장자로 된 파일을 만들어서 작업을 하는데 때에 따라 ts 같은 파일도 만든데 무슨 차이가 있나요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
j j 댓글 2 좋아요 0 조회수 180

section 8-2 css 선언 문의

해결됨

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

안녕하세요. 강사님. section 8-2 투두리스트 프로젝트 UI 구현하기에서 css 스타일에 대해서 질문이 있습니다. .List > input 과같이 중간에 > 연산이 있는 경우와 없는 경우의 차이는 무엇인가요? 미션 day15 ContactEditor css 스타일에서 .input_wrapper className이 이미 적용되어 있는데 아래와 같이 부모 속성인 .ContactEditor를 명시할 필요가 있는지도 궁금합니다. .ContactEditor .input_wrapper

  • javascript
  • react
  • node.js
유일용 댓글 2 좋아요 0 조회수 107

Navbar.jsx 메뉴 바 제작 (2부) 강의 MobileToggleButton.jsx 코드가 다른 것 같아요

해결됨

React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!

Navbar.jsx 메뉴 바 제작 (2부) 강의 입니다. MobileToggleButton.jsx 강의 코드와 노션에 올라와 있는 코드가 다른 것 같네요? 강의에서는 toggle 관련 코드이고 노션에서는 onClick={() => setIsOpen(!isOpen)} 이렇게 되어있는데요 노션 코드로 하니 에러가 발생하는데 강의코드가 맞는건가요??

  • react
  • mysql
  • docker
  • rest-api
  • FastAPI
호호하하 댓글 1 좋아요 0 조회수 124

"" , '', `` 각각 사용 방법이 궁금해요.

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

"" , '', `` 각각 사용 방법이 궁금해요.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
j j 댓글 2 좋아요 0 조회수 57

interface 와 type

미해결

@시코 - TypeScript 제대로 배우기(초중급)

안녕하세요. 잘듣고 있습니다:) 강의에서 웬만하면 interface 대신 type 을 쓰라고 말씀하시더라고요! 저는 줄곧 type 만 쓰다가 최근에 props 같은 객체 타입은 interface를 사용하는 방향으로 바꿨는데, 이런 경우도 interface 보다 타입을 쓰는게 좋나요?(왜 그런지가 궁금합니다..!!) 그리고 interface 랑 type의 차이를 더 자세히 알고싶어요!

  • javascript
  • react
  • typescript
프빌쳐 댓글 2 좋아요 2 조회수 137

프레임워크 여론 파악법

미해결

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

next 15, app router를 알아갈수록 어째.. 제 취향에 안맞거나 제 서비스에 적용하기에 불리한 점들이 많은데요 저만 그런건지 궁금하기도 해서, 특정 프레임워크에 대한 평가나 여론을 알아보는 팁 같은게 있으신지 궁금합니다. 지금은 유튜브 검색해서 상위노출 영상 몇개에 의존하는데 모수가 부족한 느낌입니다 정석적으론 각 프레임워크 공식문서를 보고 그 특성들을 이해해 자기 서비스에 맞는걸 스스로 판단하는 것이겠지만, 그래도 집단지성에 기대고 싶네요ㅎ

  • react
  • next.js
  • react-query
  • next-auth
  • msw
Eric J 댓글 2 좋아요 0 조회수 150

router.push() 오류

미해결

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

npm ls react : react@19.0.0 npm ls react-native: react-native@0.79.5 npm ls expo: expo@53.0.19 강의와 소스코드 자료에서 주어진 것과 동일하게 \[username]\index.tsx에 다음과 같이 작성했는데 router.push()에 동적 주소 넣는 부분에서 오류가 발생하는 것 같아요. 이 경우에는 어떻게 해결해야 하나요? import { Text, View, TouchableOpacity } from "react-native"; import { useLocalSearchParams, useRouter } from "expo-router"; export default function Index() { const router = useRouter(); const { username } = useLocalSearchParams(); return ( <View style={{ flex: 1, justifyContent: "center", alignItems: "center", }} > <View> <TouchableOpacity onPress={() => router.push(`/${username}`)}> <Text>Threads</Text> </TouchableOpacity> </View> <View> <TouchableOpacity onPress={() => router.push(`/${username}/replies`)}> <Text>Replies</Text> </TouchableOpacity> </View> <View> <TouchableOpacity onPress={() => router.push(`/${username}/reposts`)}> <Text>Reposts</Text> </TouchableOpacity> </View> </View> ); } '`/${string}`' 형식의 인수는 'RelativePathString | ExternalPathString | "/modal" | `/modal?${string}` | `/modal#${string}` | "/home" | `/home?${string}` | `/home#${string}` | "/[username]/index" | `/[username]/index?${string}` | ... 53 more ... | { ...; }' 형식의 매개 변수에 할당될 수 없습니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
dbrud5804 댓글 2 좋아요 0 조회수 100

필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??

미해결

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

next 공식문서에서 서버 fetch를 권장하고 있지만 필터옵션이 다수 포진된 페이지에서도 서버 fetch를 해야할까 의문점이 듭니다. 필터 버튼 하나 누를때마다 다시 fetch 해야하니까 route.push나 replace 할 수 밖에 없는데 이게 과연 좋은 방법인가 의구심이 듭니다. 리액트 쿼리를 사용하는게 더 나을지, 서버 fetch를 사용하는게 나은지 선생님의 의견이 궁금합니다. 추가로 window.history.replaceState webAPI를 사용하면 단순 url만 변경하고 페이지 로드나 컴포넌트 리렌더링은 일어나지 않는걸로 알고 있는데요. 근데 리액트 쿼리로 클라이언트 fetch 할 땐 window.history.replaceState 로 url만 변경해도 다시 fetch가 되더라구요?? 어떤 원리로 동작하게 되는지 궁금합니다!

  • react
  • next.js
  • react-query
  • next-auth
  • msw
변재정 댓글 2 좋아요 0 조회수 139

필터옵션이 많은 페이지에서도 서버 fetch를 사용하는게 맞을까요??

해결됨

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

강의에서 말씀해준 내용도 그렇고, next 공식문서에서도 서버 fetch를 권장하고 있지만 필터옵션이 다수 포진된 페이지에서도 서버 fetch를 해야할까 의문점이 듭니다. 필터 버튼 하나 누를때마다 다시 fetch 해야하니까 route.push나 replace 할 수 밖에 없는데 이게 과연 좋은 방법인가 의구심이 듭니다. 리액트 쿼리를 사용하는게 더 나을지, 서버 fetch를 사용하는게 나은지 선생님의 의견이 궁금합니다. 추가로 window.history.replaceState webAPI를 사용하면 단순 url만 변경하고 페이지 로드나 컴포넌트 리렌더링은 일어나지 않는걸로 알고 있는데요. 근데 리액트 쿼리로 클라이언트 fetch 할 땐 window.history.replaceState 로 url만 변경해도 다시 fetch가 되더라구요?? 어떤 원리로 동작하게 되는지 궁금합니다!

  • react
  • typescript
  • next.js
변재정 댓글 2 좋아요 0 조회수 121

A

미해결

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

안

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

expo가 안깔리고 에러가 납니다.

미해결

따라하며 배우는 리액트 네이티브 기초

안녕하세요 expo qr 코드 진행후 에러가 나서 문의 드립니다. 강의 내용 그대로 진행했고, 맥에 xcode 설치 했고, 아이폰에 expo 설치하고 아이폰 카메라로 qr 찍었는데 첨부한 이미지와 같은 에러가 발생하고 있습니다. 혹시 해결할 수 있는 방법이 있을까요? 구글 검색 시도후 여러가지 해봤는데 진행이 안되네요 답변 부탁드립니다. 감사합니다.

  • react
  • react-native
  • expo
kimdk1406 댓글 3 좋아요 0 조회수 288

11-03 강의

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

Button.tsx에서 const {children, ...rest} = props; 부분이 이해가 가지 않습니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
j j 댓글 2 좋아요 0 조회수 75

GRAPHQL 활용 과제

해결됨

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

과제 10 진행하고 있습니다. "수정을 하기 위해서는 글을 입력할때 설정하였던 비밀번호를 입력받아야 합니다." 이런 조건이 있던데 비밀번호는 어디에 저장되는 건가요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
mh 댓글 2 좋아요 0 조회수 110

vercel login

해결됨

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

저는 이메일에 버튼이 나오는 대신 코드가 나와서 페이지에 입력하라길래 입력했는데 페이지는 로그인이 되는데 vscode는 계속 로딩중이에요...

  • javascript
  • react
tmdxor741 댓글 2 좋아요 0 조회수 237

인기 태그

인프런 TOP Writers

주간 인기글