174만명의 커뮤니티!! 함께 토론해봐요.
미해결
한 입 크기로 잘라 먹는 리액트(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/ 사이트에 접속이 되지않는데 일시적인 오류인걸까요?
미해결
코로나맵 개발자와 함께하는 지도서비스 만들기 1
현재 service 선택 항목에 지도 관련 서비스가 안나오는데 map API 는 어떠한 경로로 접근 가능할까요?
미해결
코로나맵 개발자와 함께하는 지도서비스 만들기 1
nodejs 다운로드 후 터미널에서 인식이 안되는데 뭐가 문제일까요.ㅠㅠ
미해결
왕초보도 코딩 가능한 AI 바이브코딩(웹사이트 제작, claude code)
-
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다. 설정이 잘못되었는지... F5로 새로고침을 하면 변경어있지만 SAVE 때는 되지않고있습니다.
해결됨
React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
노션에 올려주신 8-1의 AdminPost.jsx를 복붙하면 가로화면 1279부터 768까지 모바일형 컴포넌트와 컴퓨터형 컴포넌트가 같이 보입니다
해결됨
실무 중심! FE 입문자를 위한 React
이미지에서 첫 번째 라우터는 잘 나오는데 두 번째 라우터부터 빈 페이지가 나와요 그래서 타고타고 가보니 usestep이 console.log(step)을 찍어보니 id:0 step:0만 계속 출력이 되더라구요 근데 SurveyPage에 Questionbox 안에 있는 ActionsButton안에 usestep을 잘 들어가있는데 왜 빈 페이지가 나오는지 모르겠어요
해결됨
React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
notion 링크로 들어가면, 직접 수정할 수 있던데 맞나요? 제가수정하면 수정이되서요 제 노션 페이지에 https://trusting-apparel-eb8.notion.site/MERN-165aac19ed70801dadd3cb7b34dad16f 링크를 복사해서 자주 들어가고 있는데 제가 해당 링크에 들어가면 수정이 가능해서요
해결됨
제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]
if (req.url === "/hello") { res.writeHead(200, { "Content-Type": "text/html" }); const helloHTML = fs.readFileSync("./hello.html", "utf-8"); res.write(helloHTML); res.end(); } else if (req.url == "/first.png") { res.writeHead(200, { "Content-Type": "image/png" }); const image = fs.readFileSync("./first.png"); res.write(image); res.end(); } 위 코드와 같이 else if 구문을 추가하고 나서 /hello로 경로로 접근하고 /first.png로 접근하지 않았음에도 이전에는 깨졌던 이미지 파일이 정상적으로 노출되는 이유는 무엇인가요? hello.html 안의 <img src="./first.png"> 때문에 브라우저가 자동으로 /first.png 를 추가 요청 하는 것일까요? 찾아보니까 HTML subsource request라는 개념과 관련되어있는것 같아서 다음과 같이 생각을 정리해보았는데 맞는지 확인 부탁드립니다. 1) localhost:3000/hello 입력 2) GET /hello.html 요청 3) 서버에서 hello.html 응답 4) 브라우저가 HTML 다운로드 5) DOM 파싱 6) img 태그 발견 7) first.png 필요 확인 후 서버에 추가 요청 8) GET /first.png요청을 보냄 이 과정에서 Node.js 서버는 정적 파일을 자동 제공하지 않기 떄문에 8번 과정에서 추가로 발생한 /first.png 요청을 처리하기 위해 라우팅을 추가하였고 Else if 구문을 타서 정적 파일을 제공받았다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의에서는 리턴문 내에 TodoStateContext.Provider 컴포넌트가 상위에 있고 자식으로 TodoDispatchContext.Provider 컴포넌트가 아래에 있는데 이유가 무엇인가요? 이 둘의 위치가 바뀌면 안되는건가요? 프로바이더 컴포넌트는 하위에 있는 모든 컴포넌트에서 값을 꺼내 쓸 수 있으면 둘의 위치가 바뀌어도 상관이 없는것 아닌가요? 이유가 궁금합니다!
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
현재 게시판, 중고마켓 모두 로그인한 유저만 댓글을 작성할 수 있도록 변경하여 프로젝트 진행중에 있습니다. 게시판 댓글과 중고마켓 댓글 모두 return되는 BoardComment , UsedItemQuestion 타입에는 모두 User 타입의 정보가 있는데 댓글 생성시 필요한 argument에는 유저 정보를 입력할 수가 없어서 어떻게 유저 정보를 입력할 수 있는 것인지 궁금하여 질문드립니다!
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
전 프론트엔드코스을 구매를 했는데 쿠폰코드를 제가 개인사정이 있어서 지금봐서요. 혹시 " [코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스" 쿠폰을 지금이라도 받을수 있을까요?ㅠㅠ 부탁드립니다!
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 Date 객체와 날짜 안녕하세요. 정환님. Date 객체에 관련해서 질문이 있어 Q&A에 글을 남기게 되었습니다. Date 객체는 자바스크립트가 처음 만들어졌을 당시에, java의 util.date 를 참고해서 만들어졌기에 현재 대체제로 외부 라이브러리를 활용하거나 Intl api, Temporal(현재 stage 3 상태)가 많이 언급되고 있는 부분입니다. 추후에 temporal이 정식으로 도입되면 강의 내용을 변경하실 것인지 질문드립니다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리액트 개정판 교재 질문이 있습니다. 설치를 예전 책 버전에 CRA로 설치를 했는데 개정판은 VITE로 설치를 하나요 그리고 예제도 책이랑 공유되는지 궁금합니다. 여러가지로 강의랑 비슷하면 책도 구매할겁니다!
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
https://winterlood.notion.site/a873435b477f433ea04a359f89380cc5?v=1bfd06a98a594ce6a4c158f4aafbe0b2 감정일기장 파트를 공부하려 하는데 챕터11 소스코드가 필요한데 https://winterlood.notion.site/a873435b477f433ea04a359f89380cc5?v=1bfd06a98a594ce6a4c158f4aafbe0b2 해당페이지 접속이 안됩니다 어떻게 해야할까요?
해결됨
제대로 배우는 Express.js: Part2 엔진 내부 동작 원리와 클론 프로젝트
Node.js에서는 req와 res 사이에 인증 처리와 같은 로직을 넣기 위해 미들웨어를 직접 만들어야 할 것 입니다. Express에서의 미들웨어 구현과 동작 방식은 최선의 방식인지 궁금합니다! 즉 Express가 아닌 Node.js로 미들웨어를 직접 구현했을때 Express 방식보다 더 나은 설계가 될 수 있는지 궁금합니다. 또 Nest.js (nest 아니더라도 다른 프레임워크) 에서는 Express가 미들웨어를 구현하고 동작시키는 방식을 그대로 따르고 있는지 아니면 설계 상의 차이를 두었는지도 궁금합니다. 감사합니다!
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
npm create vite@latest를 하고 react를 선택 했는데 그 후에 강의에서는 javascript, javascript+swc 옵션이 있는데 javascript+react compiler라는 옵션이 추가적으로 있어서 무엇을 선택해야하는지 궁금합니다.
해결됨
[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
불편해죽겠네요. ai한테 물어봐도, document.querySelectorAll(".CodeMirror-hints-wrapper").forEach((el) => el.remove()) 이런식으로 콘솔에 쳐서 없애라는데, 항상 이렇게 하고 있는데 더 편한 방법은 없나 싶어서 여쭤봅니다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 이벤트 핸들러 실습하는데 onMouseEnter 가 잘 실행이 안 돼서 문의드립니다. 버튼에 마우스를 대면 콘솔이 출력된다고 하셨는데 일단 코딩은 이렇게 했고 실행했습니다. 주로 크롬에서 하는데 크롬은 마우스를 대면 실행이 안 되고 버튼을 클릭하니까 콘솔이 2개씩 실행이 되고, 엣지에서는 정상적으로 실행을 합니다. 이 문제는 해결할 수 있는 방법이 있을까요?
