안녕하세요. 프론트엔드 직무로 취업하길 희망해 강사님의 React, Typescript 강의 수강중입니다. 현재 프론트엔드 구직을 위해 해당 강의를 완강하고 이를 활용한 수준의 프로젝트를 제작하면 되는지, 아니면 실제 취업을 위해서는 심화 학습이 더 많이 필요한건지, 어느 정도 수준의 지식과 기술을 갖추어야 하는지 조언 부탁드립니다. 감사합니다!!
https://winterlood.notion.site/a873435b477f433ea04a359f89380cc5?v=1bfd06a98a594ce6a4c158f4aafbe0b2 위 주소에 해당 강의의 챕터별 코드가 있는데 eslint 설정파일이 없습니다. 6.1)에 대한 코드 뿐만 아니라 거의 모든 코드에서 eslint 설정파일이 없어요. 이유가 있나요? 동일해야하는거 아닌가요?
프로젝트 진행 중 fetchBoardsOfMine과 fetchBoardsCountOfMine 요청 시 회원정보 인증에 실패했다는 응답이 옵니다. 같은 accessToken을 입력했을 때 fetchUserLoggedIn 요청 시에는 정상적인 응답이 오는데 위의 두 요청에선 실패응답이 오는 상황입니다. 혹시 fetchBoardsOfMine과 fetchBoardsCountOfMine에서 추가적인 인증이나 요청값이 필요한 건가요? 추가적으로 학습자료 노션에 있는 REST-API 주소( http://practice.codebootcamp.co.kr/api-docs )는 접속이 안되고 있습니다.
vercel에 배포 후 production 링크로 접속하면 데이터 로딩중 화면만 나옵니다. 코드 한번 확인 부탁드려요! vercel 주소 https://emotion-diary-lime-six.vercel.app/ github 주소 https://github.com/wjddnrud/React_Study
이미지에서 첫 번째 라우터는 잘 나오는데 두 번째 라우터부터 빈 페이지가 나와요 그래서 타고타고 가보니 usestep이 console.log(step)을 찍어보니 id:0 step:0만 계속 출력이 되더라구요 근데 SurveyPage에 Questionbox 안에 있는 ActionsButton안에 usestep을 잘 들어가있는데 왜 빈 페이지가 나오는지 모르겠어요
notion 링크로 들어가면, 직접 수정할 수 있던데 맞나요? 제가수정하면 수정이되서요 제 노션 페이지에 https://trusting-apparel-eb8.notion.site/MERN-165aac19ed70801dadd3cb7b34dad16f 링크를 복사해서 자주 들어가고 있는데 제가 해당 링크에 들어가면 수정이 가능해서요
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 구문을 타서 정적 파일을 제공받았다.
강의에서는 리턴문 내에 TodoStateContext.Provider 컴포넌트가 상위에 있고 자식으로 TodoDispatchContext.Provider 컴포넌트가 아래에 있는데 이유가 무엇인가요? 이 둘의 위치가 바뀌면 안되는건가요? 프로바이더 컴포넌트는 하위에 있는 모든 컴포넌트에서 값을 꺼내 쓸 수 있으면 둘의 위치가 바뀌어도 상관이 없는것 아닌가요? 이유가 궁금합니다!
현재 게시판, 중고마켓 모두 로그인한 유저만 댓글을 작성할 수 있도록 변경하여 프로젝트 진행중에 있습니다. 게시판 댓글과 중고마켓 댓글 모두 return되는 BoardComment , UsedItemQuestion 타입에는 모두 User 타입의 정보가 있는데 댓글 생성시 필요한 argument에는 유저 정보를 입력할 수가 없어서 어떻게 유저 정보를 입력할 수 있는 것인지 궁금하여 질문드립니다!
🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 Date 객체와 날짜 안녕하세요. 정환님. Date 객체에 관련해서 질문이 있어 Q&A에 글을 남기게 되었습니다. Date 객체는 자바스크립트가 처음 만들어졌을 당시에, java의 util.date 를 참고해서 만들어졌기에 현재 대체제로 외부 라이브러리를 활용하거나 Intl api, Temporal(현재 stage 3 상태)가 많이 언급되고 있는 부분입니다. 추후에 temporal이 정식으로 도입되면 강의 내용을 변경하실 것인지 질문드립니다.