172만명의 커뮤니티!! 함께 토론해봐요.
해결됨
프론트엔드 빌드 시스템 완벽 가이드 - Part.1: 모듈 시스템
안녕하세요, 강의 잘 듣고 있습니다! 최근 개인 프로젝트로 래핑 라이브러리를 만들고 있고 번들러로 Rolldown을 사용하고 있습니다. 강의에서 언급된 Rollup과 구조가 유사하고 기본 개념은 거의 동일하다고 알고 있습니다. Rolldown을 사용하고 있는 상황에서 Webpack이나 Rollup의 구조를 먼저 이해하는 것이 학습에 도움이 될까요? 학습 우선순위나 접근 방식을 어떻게 잡는게 좋을지 궁금합니다.
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요, 현재 Vue 2.0을 사용하고 있으며, React로 이직을 하고자 해당 강사님의 강의를 수강하고있습니다. 혹시 현업에서도 해당 도구를 많이 사용하는지 빈도가 궁금합니다. Vue를 사용하면서는 그러지아니하다보니 이것을 알고있는게 좋은지 파악이 안된다보니 쌩뚱한 질문을 드려 죄송합니다.
미해결
탄탄한 백엔드 NestJS, 기초부터 심화까지
프론트엔드와 백엔드는 따로 나눠서 개발하는 경우가 많다고 알고 있습니다. 이럴 때, NestJS는 직접 화면을 만들어서 보여주지 않고 프론트엔드에 데이터를 주기만 하면 되는 것으로 이해하고 있는데 그렇다면 백엔드 안에서 MVC 패턴을 적용할 때 화면의 역할을 하는 View 부분이 모호해지는 것 같습니다. 해당 경우에 MVC를 백엔드에서 어떻게 주로 활용하게 되나요?
미해결
프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)
요즘에는 Webpack 외에도 Rollup, Rolldown, tsup, tsdown, Vite, esbuild 등 다양한 번들러가 있는 것으로 알고 있습니다. 실무에서는 어떤 기준으로 각 번들러를 선택하게 되는지, 그리고 실제로 어떤 도구들이 많이 사용되는지 궁금합니다. 예를 들어, UI 컴포넌트 라이브러리를 만들 때는 어떤 번들러를 주로 사용하는지, Lodash 같은 유틸리티 라이브러리에서는 어떤 번들러가 효율적인지 이런 식의 상황별 선택 기준 이나 실무 사용 경향 을 알고 싶습니다. 제가 찾아보기로는 Vite 는 개발 서버에 강하고, Rollup 은 라이브러리 번들에, esbuild 나 tsup 은 속도에 특화되어 있다고 하더라고요. 실무에서는 이런 특성을 어떤 기준으로 판단해 선택하는지 조금 자세하게 알고싶습니다! 그리고 조금 시간이 지난 강의여도 정말 얻을게 많은 강좌라고 생각합니다. 오히려 제가 최신버전으로 고쳐보며 정말 많은 것을 배우고 있습니다. 질문 남기면서 좋은 강의 항상 만들어주셔서 감사하다는 말씀도 함께 전달드립니다! 강사님의 팁이 녹아져있는 실전 프로젝트 같은 것도 나중에 기회가 된다면 들어보고 싶습니다!
해결됨
[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
안녕하세요. 강의를 수강하는 과정에서 놓친 부분이 있어서 강의 코드를 다운받아서 수강하고 싶습니다. 깃 레포지터리 클론할 수 있는 링크를 주실 수 있을까요?
해결됨
제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
ejs 와 어떤 개발언어로 조합해서 사용했을때 성능이 좋을까요?
해결됨
제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
404, 500 에러 처리 외에 특정 개발 구문에서 에러 발생했을때 찾는 방법이 있을까요?
해결됨
제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
테스트시 포스트맨 외 테스트 할수 있는 방법이 있을까요?
해결됨
제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
보안에 취약 한가요?
해결됨
제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
json 대신 로그인, 회원가입 일때 db 연결 및 data 사용하려면 어떻게 하나요?
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
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 부분 지울 수도 있나요? 아니면 위험한가요?
미해결
기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
안녕하세요, 42강에 vue project 만들기 시청중입니다. 라우터를 생성한 다음부터 내 프로젝트 웹페이지도 계속 수정이 돼야하는데, 수정이 안되고 에러 창이납니다.. app.vue에서 main에 <router-view/> 라고 적고 main.js에서도 라우터 관련 내용을 추가한 다음에 웹사이트를 켜보니 세번쨰 사진처럼 나옵니다,, ㅜㅜ 감사합니다!
미해결
기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
안녕하세요! 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); } } 감사합니다.
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
backend-practice 로 시작하는 포트폴리오용 백엔드 서버만 접속이 가능하고 다른 서버들은 현재 접속할 수 없습니다. 이로인해 현재 포트폴리오용 사이트 실습을 제외하고 기본 강의에서 제시해주시는 코드 테스트가 불가능합니다. 약 일주일정도 살짝 넘게 강의 수강하면서 시도하는데 문제가 지속되는 것으로 봐서 관리가 안되고 있는 것 같은데 확인 부탁드립니다.
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
*먼저 이 질문의 글을 그랩님께서 보신다면, [꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다. https://inf.run/FB4N9 링크부터 본 뒤 답변을 그 게시물에 해 주신 후 이 질문 글 아래에도 답변 을 부탁 드립니다. 그랩님, 좋은 강의 잘 듣고 있습니다. 다름이 아니라, 아래 질문글에서 단 하나도 수정한 것 없이 몇일 뒤 재부팅만 해주었는데요, VS CODE에서 실행을 해주면 아래와 같이 에러도 줄어들어들었습니다. 그리고 위 그림에서 축구공을 누르면 '상품 상세 페이지'가 아무리 기다려도 뜨지 않고 오른쪽에 에러 가 발생 합니다. 에러 발생 스샷 아래 첨부 합니다. ( 참고로 이전에는 상품 상세 페이지의 상품 정보를 받고 있습니다...가 에러 없이 내용을 잘 불러왔었습니다 . 그런데 왜 지금은 아무리 기다려도 내용을 불러오지 못하는 이유를 모르겠습니다. ) 오른쪽에 에러를 해결하여 상품 정보를 받고 있습니다... 내용이 불러오게 하려면 어떻게 해야 하나요 ? ------------------------------------------------------------------------------------------------- 또한 79강 강의 2분 56초 부터 3분 32초 보면, POSTMAN 테스트 를 하는 부분이 나오는데, 여기서 아래 사진을 보면[왼쪽 메뉴 get product] Body 부분에서 그랩 강사님 화면과 다르게 뜨는데, 이것은 왜 그런 건가요? 어떻게 해야 http://localhost:8080/products/1 , http://localhost:8080/products/2 , http://localhost:8080/products/3 을 제대로 작동하게 할 수 있나요? 마지막으로 [참고 사진]으로 POSTMAN의 잘 작동하는 [get products]사진 첨부해 봅니다. 어떻게 해야 이 모든 에러 를 해결 할 수 있을지에 대해 자세한 답변 부탁 드립니다.
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
좋은 강의 감사합니다. React.js 소개 부분을 보며 궁금한점이 있어 문의드립니다. 화면 업데이트 관련 브라우저 렌더링 과정은 React.js뿐 아니라 Vue.js에서도 동일하게 적용되나요? 예를들면, Virtual Dom에서 한번에 모아 Actual DOM에 적용되는 방식등이요
해결됨
기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
질문은 자세하게 적어주실 수록 좋습니다. 어느 부분을 수강중이신지 내가 어떻게 했는데, 어떤 결과가 나오기를 기대했는데, 다른 결과가 나왔는지 작성하신 코드 및 오류 스크린샷 을 함께 첨부해주시면 좋아요! vue cli 설치 중인데 자꾸 안된다고 나오네요,, 윈도우 사용자라서 npm i -g @vue/cli 를 쳐도 자꾸 빨간색 글씨가 뜹니다.
해결됨
탄탄한 백엔드 NestJS, 기초부터 심화까지
예전에 추가 업데이트 했던 부분은 삭제 된거 같아서, 없어진걸까요? 원래 이거보고 결제헀었는데.. 안보인거같아서요.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
이런식으로 함수 표시 방식인 ()=>{} 이렇게 사용을 하면 삭제 버튼을 눌렀을 때 모든 리스트가 사라집니다. 또한 앞에서 사용했던 map함수 같은 경우에도 강의와는 다르게 중괄호를 쓰면 문제가 생겼어서 소괄호로 바꿨더니 정상적으로 돌아갔었습니다. 현재 위 함수들에는 중괄호를 쓰면 안되는걸까요?? 참고로 map함수는 한 줄이 아니라 여러줄이었는데도 중괄호를 쓰면 에러, 소괄호를 써야 정상작동했었습니다. 정환님 책에는 별다른 말이 없고 강의에도 별다른 얘기가 없어서 미치겠습니다ㅜㅜㅜㅜㅜ
