inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

해결됨

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

73. Next.JS의 캐싱 전략 4가지 74. 데이터 캐시 - 1 (이론) 74. 데이터 캐시 - 1 (이론) 강의가 누락된거같아요 73. Next.JS의 캐싱 전략 4가지와 같은 강의가 재생됩니다.

  • javascript
  • react
  • typescript
  • next.js
  • jwt
tjsdn052 댓글 1 좋아요 0 조회수 76

2강 nodejs 3단계 설명 질문

해결됨

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

2.4 Node.js의 3단계 분업 아키텍처 자바스크립트 코드가 운영체제를 움직이는 과정은 세 단계의 협업으로 이루어집니다. 자바스크립트 코드 작성: 개발자가 비즈니스 로직을 작성합니다. V8 엔진의 통역: 자바스크립트를 C++가 이해할 수 있는 형태로 통역합니다. C++ 코어 및 바인딩(Bindings): 통역된 지시를 받아 운영체제(OS)에 직접 명령을 내립니다. 이때 C++는 현장의 작업 반장 역할을 수행하며 실제 파일이나 네트워크를 제어합니다. 위 내용에서 v8의 통역 이후 부분이 이해가 잘 가지 않습니다. v8 엔진의 결과물은 C++과 관계없이 바이트코드나 기계어가 되지 않나요? 그리고 js만으로 불가능한 os 작업이 나오면 v8 실행 중에 미리 C++로 만들어 놓은 모듈을 호출하는 식으로 동작하는게 아닌지 문의드립니다. 감사합니다.

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
박은송 댓글 1 좋아요 0 조회수 111

imagesLoaded에 관한 질문

미해결

웹 애니메이션을 위한 GSAP 가이드 Part.03

섹션2. Basic Trigger Practice(3) 이 부분을 들었는데요, 여기서 강사님 화면에서는 숫자 0에서 100% 올라가는 숫자카운팅이 보여지는데 전 0% 에서 바로 100% 가 됩니다. 그 이후의 동작은 정상적으로 잘 되는데, 강사님의 소스에서도 동일한 현상이 나타나는데 이유가 뭔지 알 수 있을까요?

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
JJJ 댓글 2 좋아요 0 조회수 59

useEffect와 lifecycle문의

미해결

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

useEffect 가 특정 변수값을 추적하다가 바뀌면 실행되는 함수를 등록하는 기능이라고 배웠는데 deps 의존성배열에다가 state 만 넣을수 있는건가요? 아니면 props 나 useRef 변수, 외부변수도 넣을수 있나요? 예전에 vuejs 를 했었는데 그때 기억하기론 lifecycle이 js 실행되기전, dom 생성되기전 등.. 좀 다양했던거같은데 react 는 mount 하나만 있어서 mount 시점이라는게 js가 실행완료되서 html 이 생성된 시점이라는 말인가요? 보통 useEffect 는 강의처럼 변수추적시 콘솔에 찍어야 하는경우 사용하거나 mount 때 서버에 데이터 가져오는경우 사용하는거죠? 사실 콘솔추적이라는건 devtool로도 할수 있는거같아서 실무에서 어디에 많이 쓰는지 궁금합니다.

  • javascript
  • react
  • node.js
공부하는이 댓글 2 좋아요 0 조회수 87

프론트엔드 학습 수준 문의

해결됨

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

안녕하세요. 프론트엔드 직무로 취업하길 희망해 강사님의 React, Typescript 강의 수강중입니다. 현재 프론트엔드 구직을 위해 해당 강의를 완강하고 이를 활용한 수준의 프로젝트를 제작하면 되는지, 아니면 실제 취업을 위해서는 심화 학습이 더 많이 필요한건지, 어느 정도 수준의 지식과 기술을 갖추어야 하는지 조언 부탁드립니다. 감사합니다!!

  • javascript
  • react
  • node.js
@V 댓글 2 좋아요 0 조회수 106

리액트 챕터별 코드에서 eslint 설정파일이 없어요

미해결

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

https://winterlood.notion.site/a873435b477f433ea04a359f89380cc5?v=1bfd06a98a594ce6a4c158f4aafbe0b2 위 주소에 해당 강의의 챕터별 코드가 있는데 eslint 설정파일이 없습니다. 6.1)에 대한 코드 뿐만 아니라 거의 모든 코드에서 eslint 설정파일이 없어요. 이유가 있나요? 동일해야하는거 아닌가요?

  • javascript
  • react
  • node.js
공부하는이 댓글 2 좋아요 0 조회수 106

최근 코테, 과제 테스트 트렌드

미해결

포트폴리오 어나더레벨 | 합격하는 이력서 작성법

안녕하세요. 강의 잘들었습니다~ 코테랑 과제테스트를 준비하려고 하는데 요즘에 AI 때문에 어떤 방향으로 준비할지를 모르겠네요 AI 때문에 요즘 기업들이 코테나 과제 테스트를 어떤 방식으로 평가하는지 아시는지 궁금합니다. 그리고 이에 맞춰서 어떤 방식으로 준비를 해야할지 조언을 듣고 싶네요 추가로, 백준은 서비스를 종료한다는데 leetCode의 티어도 요즘에 커리어에 유효한가요?

  • HTML/CSS
  • javascript
  • python
  • java
  • 포트폴리오
Definition 댓글 2 좋아요 0 조회수 207

lucide react 아이콘 설치

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

저는 npm i lucide-react로 아이콘을 사용하고 있는데 미션에 제공하는거랑 버전도 다르고 아이콘도 다른데 제가 따로 다른 명령어로 설치하고 있는걸까요?

  • javascript
  • react
  • typescript
  • next.js
  • jwt
5647kr 댓글 2 좋아요 0 조회수 101

17강 zustand store 서버에서 생성

해결됨

Next.js 마스터 클래스: Part 3 - 실전 아키텍처 완성 (서버-클라이언트 동기화, 극한의 최적화, 풀스택 보안)

서버에서 스토어의 초기값을 설정해서 클라이언트에게 넘겨주는데 결국 서버 상태를 zustand에서 관리하게 되는거 아닌가요? 이미 tanstack query가 있음에도 해당 방식을 활용하는 이유가 궁금합니다. 초기값만 서버에서 넘기고 이후는 클라이언트에서만 관리되는 상태 예시가 있을까요?

  • javascript
  • react
  • typescript
  • next.js
  • frontend
byeong 댓글 1 좋아요 1 조회수 76

문의관련 문의

해결됨

React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)

다른분들이 이미 80강 내용없음 및 중복인 부분들 문의를 올렸는데 왜 개선되는게 하나도 없나요???? 최소한 모가 어떻다는 내용은 전달해 주셔야 하는거 아닌가요??

  • javascript
  • react
  • typescript
  • frontend
  • zustand
보헤미안 댓글 2 좋아요 0 조회수 107

next.js 를 2대이상 실행하는 경우 제공하는 cache 기능들은 어떻게 되나요?

해결됨

Next.js 마스터 클래스: Part 3 - 실전 아키텍처 완성 (서버-클라이언트 동기화, 극한의 최적화, 풀스택 보안)

MSA 에서 BFF 로 활용하는 경우 클라우드 환경에서 성능과 관련하여 2~3대 이상 실행하는 경우 관련 기능들은 어떻게 동작하나요? part2 렌더링 패러다임의 전환: 캐싱 혁명 (Caching Revolution) part3 Next.js 16 서버 캐시와 TanStack Query의 동기화 또 이와 다른 주의 할 점이나 고려해야 하는 부분이 있나요?

  • javascript
  • react
  • typescript
  • next.js
  • frontend
icoon22 댓글 2 좋아요 0 조회수 114

ai 도구 질문

미해결

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

혹시 glb 파일을 이미지 파일만 보고 만들어주는 ai 툴 같은게 있을까요..?

  • javascript
  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • react-three-fiber
jadubell 댓글 1 좋아요 0 조회수 94

저는 왜 콘솔에서 props가 한 줄만 찍히나요?

해결됨

React start with Next.js

next.config.mjs 에서 reactStrictMode 설정을 한 것도 아닌데 왜 콘솔에 한 줄만 뜰까요? next.js , react, node.js 버전은 현재 기준 가장 최신 버전이고, mac 환경입니다. npm run dev 로 실행했습니다. 강의시점과의 버전 차이 문제일까요?

  • javascript
  • react
  • 웹앱
  • ajax
속터져 댓글 1 좋아요 0 조회수 87

렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.

해결됨

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

안녕하세요? 수업을 듣다 질문이 있어서 남기게 됐습니다! 브라우저가 렌더링 과정이 DOM & CSSOM -> Render Tree -> layout 단계 -> Paint -> Compositing 단계 순서로 이해하고 있습니다. 이번 수업에서는 <script src="url"></script>를 발견하면 DOM 파싱을 멈추고 script 파일을 다운 후에 script가 먼저 실행한 다음 DOM을 다시 파싱 하는 걸로 이해했습니다. 여기서 궁금한게 생겼는데요. <body> 끝에 script 태그가 있고, script 코드 내용에서 DOM에 접근해서 한 요소의 widht, height, background를 변경하는 코드가 있어 먼저 실행 되었다면 브라우저 렌더링 어느 부분에 영향을 미치는지 궁금합니다. 제가 생각하기에는 script가 먼저 실행되고 나머지 파싱이 되는거라는 수업 내용에 따르면 DOM & CSSOM에서 적용이 된 후 다음 단계들을 따를 것 같습니다. 이 수업을 듣기 전에는 리플로우, 리페인트 과정이 있을 거라고 생각했으나 리플로우, 리페인트 과정이 없겠다는 생각이 들어 질문하게 되었습니다. 감사합니다.

  • HTML/CSS
  • javascript
  • dom
  • frontend
eddie 댓글 2 좋아요 0 조회수 93

데이터 로딩중 화면만 계속 나와요!!

미해결

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

vercel에 배포 후 production 링크로 접속하면 데이터 로딩중 화면만 나옵니다. 코드 한번 확인 부탁드려요! vercel 주소 https://emotion-diary-lime-six.vercel.app/ github 주소 https://github.com/wjddnrud/React_Study

  • javascript
  • react
  • node.js
정우경 댓글 2 좋아요 0 조회수 96

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

해결됨

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

안녕하세요 퍼블리셔로 취업을 위해 공부중입니다. 자바스크립기초 습득후에 리엑트 공부를 이제 처음 시작하는데요. 프론트앤드개발자로 갈건 아니라서 UI작업 관련된 부분만 공부해도 될거 같은데요. 어느정도 영역까지 습득이 되어야하는지 알수있을까요?

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

02-04 layout.tsx 구조가 달라요

해결됨

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

맨 위가 강의에 나오는 기본 구조 밑에 코드가 제 코드 구조입니다. 버전이 달라서 그런가요?

  • javascript
  • react
  • typescript
  • next.js
  • jwt
곰코드 댓글 2 좋아요 0 조회수 103

불변성을 지키며 수정 삭제를 할때도 Map이 유리한가요?

해결됨

프론트엔드 마스터클래스

안녕하세요 31. 히든클래스와 성능저하모드 강의를 듣고 질문남깁니다. 해당 강의를 react에 적용해보고 있습니다. 기존에는 useState를 사용해서 상태관리를할때 object와 Map은 수정 삭제시 대부분의 경우 불변성을 지키며 setState를 하고 있었습니다. 매번 Map과 object를 재생성할때 Map이 좀더 메모리를 많이 차지한다고 들어서 비번한 수정/삭제가 일어날때는 Map대신 object를 사용해서 상태관리를 하고 있었는데 Map 강의듣고나니 일반적인 수정삭제일때는 Map이 좋은걸로 이해했는데 불변성을 지켜야할 때는 기존에 제가 가지고 있던 생각이 맞는지 의문이 생겼습니다. 불변성을 반드시 지켜야하는건 아니지만 그래도 지켜야 하다 가정하고 수정삭제가 1초에 1번정도 난다고 해도 Map이 유리한가요?

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

개인 프로젝트로 앱 개발해서 다운로드 1300 달성했는데 어느 정도 의미가 있을까요? (안드로이드 개발자)

미해결

포트폴리오 어나더레벨 | 합격하는 이력서 작성법

안녕하세요! 좋은 강의 감사합니다! 제가 1년 동안 기획하고 개발해서 플레이 스토어에 출시한 커뮤니티 앱이 있습니다. 그 후 6개월동안 꾸준히 업데이트하고 관리해서(코드 13만줄, 앱 계속 운영중) 현재 1300다운로드, 리뷰 80개를 달성했는데, 이제 취업을 하려고 하니 차라리 적당히 하고, 다른 스펙 쌓는 게 나았을까 생각이 드네요 저의 성과가 어느 정도 가치가 있는지 솔직한 평가가 궁금합니다. 앱 개발에 너무 몰두하다 보니 다른 팀 프로젝트나 자격증이 부족하다고 느껴져서 만약 그렇게 큰 가치가 없다고 하면 부트캠프를 지원하거나 해서 팀 프로젝트를 쌓고, 가치가 있다고 하면 코테에 몰두하려고 합니다 정말 솔직한 말씀 부탁드립니다!

  • HTML/CSS
  • javascript
  • python
  • java
  • 포트폴리오
이유빈 댓글 1 좋아요 0 조회수 120

인기 태그

인프런 TOP Writers

주간 인기글