묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리액트 기본기 이해도 기준에 대해 질문드립니다
강의를 통해 React의 여러 개념을 배웠습니다. 어느 정도 수준에 도달해야 리액트의 기본기를 제대로 이해했다고 스스로 판단 할 수 있을 지 궁금합니다.예를 들어, 이 강의에서 다룬 TodoList 프로젝트를 혼자서 처음부터 끝까지 구현할 수 있는 정도라면, React의 핵심원리를 충분히 체화했다고 볼 수 있을까요 ?
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
DTO에 대한 질문
안녕하세요 강의 잘 듣고 있습니다. DTO에 대한 궁금증이 있어 질문 남깁니다. DTO에서 Class-Validator를 통해 유효성 검사를 하는데, 섹션5까지 학습했을 때는 Schema에서 검사를 진행했습니다.DTO에서 PickType Request로 전달되는 데이터만 명시만 하고 Schema에서 유효성검사를 하는 이유가 있는지, 아래 내용처럼 DTO에서 유효성 검사를 분리해서 하는게 이상적인 형태인지 궁금합니다.// src/cats/dto/cats.request.dto.ts import { PickType } from '@nestjs/swagger'; import { IsEmail, IsNotEmpty, IsString } from 'class-validator'; import { Cat } from '../cats.schema'; export class CatRequestDto extends PickType(Cat, [ 'email', 'name', 'password', ] as const) { @IsEmail() @IsNotEmpty() email: string; @IsString() @IsNotEmpty() name: string; @IsString() @IsNotEmpty() password: string; }
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
모듈 시스템 질문
4.2) 첫 React App 생성하기 강의 질문 입니다.10:15에서 module.exports = { … } 로 시작하는데 이건 cjs 시스템 문법으로 알고 있는데, 5:14에서 나오는 package.json의 type은 module로 되어있는데 두개의 시스템을 동시에 사용하는게 가능한건가요?
-
미해결얄팍한 GraphQL과 Apollo
Relay나 다른 GraphQL Client가 아닌 Apollo를 사용하는 이유가 궁금합니다.
Relay는 React 개발팀이 만든걸로 알고 있는데요! 그래서 더 매력적이라고 느껴지는데 어떤 특징과 장단점으로 Apollo로 강의를 진행하게 되셨는지 궁금합니다. 다른 클라이언트들 대비해서 어떤지도 궁금하네요!
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
4강 http 서버 만들때 ESM방식으로 해도 될까요?
{ "name": "package-manager", "version": "1.0.0", "main": "app.js", "license": "MIT", "type": "module", "dependencies": { "express": "^5.1.0" } }package.json 에 type: "module" 넣고 import express from "express"; const app = express(); const PORT = 3000;요런식으로 해도 괜찮겠죠?!
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
모듈 사용 시 단점이 있나요?
모듈 사용 시 장점은 알게 되었는데 혹시 모듈로 많이 쓸 경우 단점 같은 경우도 있을까요? 용량이든지 등등 궁금합니다.
-
해결됨프론트엔드 빌드 시스템 완벽 가이드 - Part.1: 모듈 시스템
번들러 이해 및 학습 방향에 대한 질문입니다.
안녕하세요, 강의 잘 듣고 있습니다!최근 개인 프로젝트로 래핑 라이브러리를 만들고 있고 번들러로 Rolldown을 사용하고 있습니다.강의에서 언급된 Rollup과 구조가 유사하고 기본 개념은 거의 동일하다고 알고 있습니다. Rolldown을 사용하고 있는 상황에서 Webpack이나 Rollup의 구조를 먼저 이해하는 것이 학습에 도움이 될까요? 학습 우선순위나 접근 방식을 어떻게 잡는게 좋을지 궁금합니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리액트 개발자 도구 현업 사용 빈도
안녕하세요, 현재 Vue 2.0을 사용하고 있으며, React로 이직을 하고자 해당 강사님의 강의를 수강하고있습니다.혹시 현업에서도 해당 도구를 많이 사용하는지 빈도가 궁금합니다. Vue를 사용하면서는 그러지아니하다보니 이것을 알고있는게 좋은지 파악이 안된다보니 쌩뚱한 질문을 드려 죄송합니다.
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
백엔드 MVC에서 View의 역할은 무엇인가요?
프론트엔드와 백엔드는 따로 나눠서 개발하는 경우가 많다고 알고 있습니다.이럴 때, NestJS는 직접 화면을 만들어서 보여주지 않고 프론트엔드에 데이터를 주기만 하면 되는 것으로 이해하고 있는데 그렇다면 백엔드 안에서 MVC 패턴을 적용할 때 화면의 역할을 하는 View 부분이 모호해지는 것 같습니다.해당 경우에 MVC를 백엔드에서 어떻게 주로 활용하게 되나요?
-
미해결프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)
2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)
요즘에는 Webpack 외에도 Rollup, Rolldown, tsup, tsdown, Vite, esbuild 등 다양한 번들러가 있는 것으로 알고 있습니다.실무에서는 어떤 기준으로 각 번들러를 선택하게 되는지, 그리고 실제로 어떤 도구들이 많이 사용되는지 궁금합니다.예를 들어,UI 컴포넌트 라이브러리를 만들 때는 어떤 번들러를 주로 사용하는지,Lodash 같은 유틸리티 라이브러리에서는 어떤 번들러가 효율적인지이런 식의 상황별 선택 기준이나 실무 사용 경향을 알고 싶습니다.제가 찾아보기로는 Vite는 개발 서버에 강하고, Rollup은 라이브러리 번들에, esbuild나 tsup은 속도에 특화되어 있다고 하더라고요.실무에서는 이런 특성을 어떤 기준으로 판단해 선택하는지 조금 자세하게 알고싶습니다!그리고 조금 시간이 지난 강의여도 정말 얻을게 많은 강좌라고 생각합니다. 오히려 제가 최신버전으로 고쳐보며 정말 많은 것을 배우고 있습니다. 질문 남기면서 좋은 강의 항상 만들어주셔서 감사하다는 말씀도 함께 전달드립니다!강사님의 팁이 녹아져있는 실전 프로젝트 같은 것도 나중에 기회가 된다면 들어보고 싶습니다!
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
깃 레포지터리 소스
안녕하세요.강의를 수강하는 과정에서 놓친 부분이 있어서 강의 코드를 다운받아서 수강하고 싶습니다.깃 레포지터리 클론할 수 있는 링크를 주실 수 있을까요?
-
해결됨제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
ejs 와 어떤 개발언어로 조합해서 사용했을때 성능이 좋을까요?
ejs 와 어떤 개발언어로 조합해서 사용했을때 성능이 좋을까요?
-
해결됨제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
404, 500 에러 처리 외에 특정 개발 구문에서 에러 발생했을때 찾는 방법이 있을까요?
404, 500 에러 처리 외에 특정 개발 구문에서 에러 발생했을때 찾는 방법이 있을까요?
-
해결됨제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
테스트시 포스트맨 외 테스트 할수 있는 방법이 있을까요?
테스트시 포스트맨 외 테스트 할수 있는 방법이 있을까요?
-
해결됨제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
보안에 취약 한가요?
보안에 취약 한가요?
-
해결됨제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
json 대신 로그인, 회원가입 일때 db 연결 및 data 사용하려면 어떻게 하나요?
json 대신 로그인, 회원가입 일때 db 연결 및 data 사용하려면 어떻게 하나요?
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
10.3강 React.memo와 컴포넌트 렌더링 최적화 질문
export default memo(TodoItem, (preProps, nextProps) => { if (preProps.id !== nextProps.id) return false; if (preProps.isDone !== nextProps.isDone) return false; if (preProps.content !== nextProps.content) return false; if (preProps.date !== nextProps.date) return false; return true; }사실상 isDone 빼고 바뀌는 게 없으니 if 부분 지울 수도 있나요? 아니면 위험한가요?
-
미해결기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
router 생성부터 어딘가 막힘..
안녕하세요, 42강에 vue project 만들기 시청중입니다. 라우터를 생성한 다음부터 내 프로젝트 웹페이지도 계속 수정이 돼야하는데, 수정이 안되고 에러 창이납니다..app.vue에서 main에 <router-view/> 라고 적고 main.js에서도 라우터 관련 내용을 추가한 다음에 웹사이트를 켜보니 세번쨰 사진처럼 나옵니다,, ㅜㅜ감사합니다!
-
미해결기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
유저 정보 주는 API 생성 시 에러남
안녕하세요!37강 유저 정보 주는 API 생성 중입니다.노션에 올라온 코드를 넣고 저장하고 다시 API를 크롬에 입력해보았는데 에러가 납니다. 3.코드 화면 및 코드입니다.const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) // req -> 요청 -> 회원가입 같은 것들 하면 id / pwd // res -> 응답 -> 결과 값 Json(유저 정보) app.get('/user', (req, res) => { const user = { id : 1, name : "테스터", email : "test@test.com", img : "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT_hZ1rlTNQWA9PSerpm-V8ZUgwjAlolwRLDQ&s" }; res.json(user) }) app.listen(port, () => { console.log(`Example app listening on port ${port}`) })4. 추가적으로 질문이 하나 더 있는데요..! 38강에 const uri = "접속 정보"; // 자신의 접속 정보 에는 어떤 uri를 넣어야 할지를 모르겠습니다...감사합니다!
-
해결됨기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
터미널에 값이 실행되지 않음
안녕하세요!32강 CRUD를 수강중입니다. 문서 추가하는 애(createSingleDocument)를 만들고 나서 실행하는 부분인데요, 2/ 그런데 터미널에 node. db. js를 넣어도 "문서 추가 성공" 이부분이 뜨지 않습니다. => 위에 첫번 째 사진처럼 나오고 아래처럼(선생님 처럼) 나오지가 않아요.. 제가 작성한 코드입니다.const { MongoClient, ServerApiVersion } = require('mongodb'); const uri = "mongodb+srv://hmhcoo72_db_user:thisisnew123@cluster0.xhkqeil.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0"; // Create a MongoClient with a MongoClientOptions object to set the Stable API version const client = new MongoClient(uri, { serverApi: { version: ServerApiVersion.v1, strict: true, deprecationErrors: true, } }); // crud // c -> create -> 만들기 // r -> read -> 가져오기(읽기) // u -> update -> 업데이트 // d -> delete -> 삭제 async function run() { try { // Connect the client to the server (optional starting in v4.7) await client.connect(); await createSingleDocument(); } finally { // Ensures that the client will close when you finish/error await client.close(); } } run().catch(console.dir); async function createSingleDocument() { const exampleData = { name : "이름", age : 30, city : "도시" }; try { const collection = client.db("myDBName").collection("myDBCollenction"); const result = await collection.insertOne(exampleData); console.log('문서 추가 성공', result) } catch(error) { console.log('문서 추가 실패', error); } } 감사합니다.