묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨React start with Next.js
저는 왜 콘솔에서 props가 한 줄만 찍히나요?
next.config.mjs 에서 reactStrictMode 설정을 한 것도 아닌데 왜 콘솔에 한 줄만 뜰까요? next.js , react, node.js 버전은 현재 기준 가장 최신 버전이고, mac 환경입니다.npm run dev 로 실행했습니다. 강의시점과의 버전 차이 문제일까요?
-
해결됨DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]
렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.
안녕하세요? 수업을 듣다 질문이 있어서 남기게 됐습니다!브라우저가 렌더링 과정이 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에서 적용이 된 후 다음 단계들을 따를 것 같습니다.이 수업을 듣기 전에는 리플로우, 리페인트 과정이 있을 거라고 생각했으나 리플로우, 리페인트 과정이 없겠다는 생각이 들어 질문하게 되었습니다.감사합니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
데이터 로딩중 화면만 계속 나와요!!
vercel에 배포 후 production 링크로 접속하면 데이터 로딩중 화면만 나옵니다. 코드 한번 확인 부탁드려요! vercel 주소https://emotion-diary-lime-six.vercel.app/github 주소https://github.com/wjddnrud/React_Study
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
안녕하세요 퍼블리셔로 취업을 위해 공부중입니다.자바스크립기초 습득후에 리엑트 공부를 이제 처음 시작하는데요. 프론트앤드개발자로 갈건 아니라서UI작업 관련된 부분만 공부해도 될거 같은데요.어느정도 영역까지 습득이 되어야하는지 알수있을까요?
-
해결됨타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
02-04 layout.tsx 구조가 달라요
맨 위가 강의에 나오는 기본 구조밑에 코드가 제 코드 구조입니다.버전이 달라서 그런가요?
-
해결됨프론트엔드 마스터클래스
불변성을 지키며 수정 삭제를 할때도 Map이 유리한가요?
안녕하세요 31. 히든클래스와 성능저하모드 강의를 듣고 질문남깁니다.해당 강의를 react에 적용해보고 있습니다.기존에는 useState를 사용해서 상태관리를할때 object와 Map은 수정 삭제시 대부분의 경우 불변성을 지키며 setState를 하고 있었습니다.매번 Map과 object를 재생성할때 Map이 좀더 메모리를 많이 차지한다고 들어서 비번한 수정/삭제가 일어날때는 Map대신 object를 사용해서 상태관리를 하고 있었는데 Map 강의듣고나니 일반적인 수정삭제일때는 Map이 좋은걸로 이해했는데 불변성을 지켜야할 때는 기존에 제가 가지고 있던 생각이 맞는지 의문이 생겼습니다. 불변성을 반드시 지켜야하는건 아니지만 그래도 지켜야 하다 가정하고 수정삭제가 1초에 1번정도 난다고 해도 Map이 유리한가요?
-
미해결포트폴리오 어나더레벨 | 합격하는 이력서 작성법
개인 프로젝트로 앱 개발해서 다운로드 1300 달성했는데 어느 정도 의미가 있을까요? (안드로이드 개발자)
안녕하세요! 좋은 강의 감사합니다!제가 1년 동안 기획하고 개발해서 플레이 스토어에 출시한 커뮤니티 앱이 있습니다. 그 후 6개월동안 꾸준히 업데이트하고 관리해서(코드 13만줄, 앱 계속 운영중) 현재 1300다운로드, 리뷰 80개를 달성했는데, 이제 취업을 하려고 하니 차라리 적당히 하고, 다른 스펙 쌓는 게 나았을까 생각이 드네요저의 성과가 어느 정도 가치가 있는지 솔직한 평가가 궁금합니다. 앱 개발에 너무 몰두하다 보니 다른 팀 프로젝트나 자격증이 부족하다고 느껴져서 만약 그렇게 큰 가치가 없다고 하면 부트캠프를 지원하거나 해서 팀 프로젝트를 쌓고, 가치가 있다고 하면 코테에 몰두하려고 합니다정말 솔직한 말씀 부탁드립니다!
-
해결됨Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
22강 강의 영상 문의 드립니다.
안녕하세요.해당 섹션을 보니 강의 영상이 올라갈 자리로 보이나 빈 화면이 나와서요.확인 부탁드립니다 :)
-
해결됨누구보다 빠르게 해보는 ChatGPT 클론코딩
20강 마무리작업에서
controller에서갑자기 FileUploadController가 생겼는데이거 새로 만들어서 적으면 될까요?
-
해결됨Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
아래 위치에 동영상이 보이지 않습니다.
아래 위치에 동영상이 보이지 않습니다.36. 18강. [Next.js 실전] redirect() 함수로 구현하는 완벽한 동선 제어
-
해결됨Next.js 마스터 클래스: Part 1 미션으로 배우는 App Router의 본질과 렌더링 설계
Vercel 사용법
26강 마지막에 다음에 Vercel 사용법 알려준다고 되어 있는데 Next.js 마스터 클래스: Part 2 에 Vercel 사용법이 나오는 건가요?26강. generateMetadata: 검색 엔진(SEO)의 마음과 소셜 미디어 공유를 지배하는 동적 메타데이터 다음에 Vercel 사용법이 않나오네요?
-
해결됨Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
강의자료가 않보입니다.
아래 위치에 강의자료가 않보입니다.[강의 노트] 07강. [CS 아키텍처] 이벤트 기반 아키텍처(EDA)와 웹훅(Webhook)
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
10-6 실습 할 수 없습니다..
폴더가 어떻게 밀렸는지 10-6에는 그 전 강의 내용이 있어서 라우트 핸들러에서 캐싱처리 하는 내용의 백엔드 코드와 프론트 코드가 없어서 실습이 불가능합니다 ..🥲 확인 부탁드립니다 .. !
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
cascade 질문
cascade: true 후 createUserAndProfile의 user 안에 직접 profile을 넣고 postman에서 post (/user/profile)요청시 profile이 생성된 것처럼 보이지만get(/users) 요청 시 해당 유저는 profile이 null로 떠야하는데실습으로 post (/user/profile) 이후 get (/users) 요청하면 해당 유저가 profile 값을 가지고 있습니다. 코드를 똑같이 입력했는데 뭐가 문제일까요?
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
이후의 커리큘럼 문의
프론트엔드를 공부하려고 하는 백엔드 개발자입니다. js -> react -> next.js 순서의 바텀업 학습방식은 저에겐 조금 지루해서react 강의의 react.js 입문(hooks까지) -> next.js(타입스크립트 병행) -> react 심화(useEffect, context 등)또는react 강의의 react.js 입문(hooks까지) -> 한 입 크기로 잘라먹는 React.js 실전 프로젝트(타입스크립트 병행) -> next.js순서의 탑다운 방법으로 학습해도 될까요?
-
해결됨React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
https://my-company.site/ 접속
안녕하세요, 현재 https://my-company.site/ 사이트에 접속이 되지않는데 일시적인 오류인걸까요?
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
그림 예제는 따로 제공이 안되나요?
강의에서 이해하기 쉽게 그림으로 설명해주시는데 예제코드에 따로 그림이 첨부되어있진 않던데 혹시 그림은 따로 제공이 안될까요? 그리고 중간 중간 편집이 어색하게 되어서 중복 대사가 있다보니 오히려 더 헷갈리게 되더라고요강의 03-03 "클라이언트 컴포넌트에서 서버 컴포넌트 렌더링 하기 -1"에서 6분 18초 가량부터 시작해서 대사가"페이지 컴포넌트에서 데이터 패치 컴포넌트로 props를 전달하는 건 가능하지만 그리고 페이지 컴포넌트에서 데이터 패치 컴포넌트로 props로 데이터를 전달하는 건 가능하지만 클라이언트 래퍼 컴포넌트에서 데이터 패치 컴포넌트로 props로 데이터를 전달하는 건 불가능한 그런 구조가 되게 되는 겁니다"이러다보니 오히려 헷갈리게 되더라고요 이런 부분은 확실히 편집되면 좋겠습니다.이미지도 오히려 설명이 달라서 "페이지 컴포넌트에서 클라이언트 래퍼 컴포넌트로 dataFetch를 props로 전달이 가능하고, 페이지 컴포넌트에서 데이터 패치 컴포넌트로도 props 전달이 가능하지만 클라이언트 래퍼 컴포넌트에서 데이터 패치 컴포넌트로 props를 전달하는건 불가능한 구조가 되게 되는겁니다"와 같이 수정이 좀 필요해보입니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.설정이 잘못되었는지... F5로 새로고침을 하면 변경어있지만 SAVE 때는 되지않고있습니다.
-
미해결React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)
[실습] 80강 없음
[실습] 80강. 테스팅과 MSW: 서버 없이도 완벽하게 동작하는 프론트엔드 유닛 테스트 내용이 없어요.vitest 테스트 환경과 설명이 추가되었으면 좋겠네요
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
@types/bcrypt 설치과정이 누락된것같습니다.
코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다![코드팩토리 디스코드]https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. await bcrypt.compare(user.password, existingUser.password);이부분 작성하는 실습인데, 타입에러가 나서 보니깐 bcrypt 타입모듈을 설치하는과정이 강의에서 빠진것같습니다.
