월 59,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
updateUseditem 에러 "Cannot read property '_id' of undefined"
안녕하세요.강사님께서 직접 답글 주셨으면 좋겠습니다,, updateUseditem api 요청 시 useditemAddress를 제외하고 아래와 같이 테스트하면 정상동작하는데useditemAddress를 붙인 후 요청 시 아래와 같이에러가 발생합니다.며칠 째 해결이 안되어 강사님께서 직접 봐 주셨으면 좋겠습니다.감사합니다.
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
강의 듣는 방법에 대한 질문이 있습니다.
안녕하세요. ver2가 있는줄 모르고 현재 섹션 12까지 들었습니다. 지금부터라도 복습 겸 바로 ver2로 넘어가서 강의를 들어보려 했는데 괜찮을까요? 아직 한 것 보다 할게 더 많이 남은거 같아 질문 드립니다.
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
27강 포트폴리오 리뷰 - Failed to fetch
강의를 따라서 했는데도 Failed to fetch 오류가 떠서 첨부된 git 링크를 clone해서 실행하고작성자, 비밀번호, 제목, 내용을 작석하고 등록하기 버튼을 눌러도 동일한 오류가 뜹니다.어떻게 해야하죠 ㅠㅠ?
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
ec2 도커 빌드중 빌드 멈춤
안녕하세요 멘토님! 강의 잘 듣고 열심히 정리중 입니다.ㅎㅎ프로젝트를 도커로 배포하는 중에 문제가 발생했습니다.위와같이 도커로 배포중 yarn build를 실행할 때 빌드 시간이 멈추고 진행되지 않습니다.새로고침하고 다시 인스턴스 터미널에 들어가면 연결이 지연되어 연결실패가 뜹니다.(해당 에러는 인스턴스 상태에서 재부팅을 통해 해결했습니다.)해당 문제를 해결하기 위해 아래와 같이 시도했습니다.1. 도커 푸룬으로 이미지, 캐시등 삭제 - docker system prune -a 2. ec2 볼륨을 16기가로 올렸습니다. - 파티션화도 완료시켰습니다. - df -h로 xada1의 용량이 46%에서 23%로 줄어든 것을 확인했습니다. 더이상의 방법이 구글링과 제 머리로는 해결되지 않아 질문 올립니다.감사합니다!
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
graphQl updateUseditem 에러입니다.
안녕하세요.아래와 같은 에러가 발생하는데 쿼리문을 잘못작성한게 있을까요? 왜 이런 에러가 발생하는지 잘 모르겠습니다.해결해주시면 감사드립니다.감사합니다.
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
오픈웨더 api 관련 문제가 생겼습니다
// 오픈웨더 API const weatherSearch = function(position) { console.log(position.latitude); const openWeatherRes = fetch( `https://api.openweathermap.org/data/2.5/onecall?lat=${position.latitude}&lon=${position.longitude}&appid=a0fe4b649d353a27a301be4b66d4173c` ); console.log(openWeatherRes); // 구분 }; // 현재 위치 함수 const accessToGeo = function (position) { const positionObj = { latitude : position.coords.latitude, longitude : position.coords.longitude, }; weatherSearch(positionObj); }; // 사용자 현재 위치 const askForLocation = function (){ navigator.geolocation.getCurrentPosition(accessToGeo, (err) =>{ console.log(err); } ); }; ; askForLocation(); 현재 코드가 이렇게 되는데 401 오류가 뜨고 있습니다 // 오픈웨더 API const weatherSearch = function(position) { console.log(position.latitude); const openWeatherRes = fetch( `https://api.openweathermap.org/data/2.5/onecall?lat=${position.latitude}&lon=${position.longitude}&appid=a0fe4b649d353a27a301be4b66d4173c` ); console.log(openWeatherRes); // 구분 };해당 코드에서 $ 부분이 오류가 뜨고 있기도 한데... api는 default를 사용하였습니다 몇시간 강의 다시 보면서 뭐 잘못된 거 있나 해봐도 안 되서 이렇게 글 올려봐요콘솔창 에러 메시지입니다
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
핸드폰 번호 인증번호 에서
안녕하세요 섹션 5 . 수학 객체 파트3분 19 초 에서 077215 는 존재할 수 없다 라고 하셨는데 왜 존재할 수 없다라는 것인가요 ?077215에서 0을 인식할 수 없어 77215로 인식하기 때문에 그런 것 같은데 제 입장에서는 급 ?뜬금없이 ? 라는 느낌이 있어서 정확히 왜 존재할 수 없다고 하신지 이해가 가지 않습니다..
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
Server Error Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
웹으로 확인해보려 하니 이런화면이 자꾸 뜹니다ㅠ
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
회원가입 과제 코드
회원가입 과제는 따로 정답 코드가 없는건가요?
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
서버
http://practice.codebootcamp.co.kr/graphql서버에 문제가 있나요? 어제는 잘 되었는데 안들어가지네요.
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
final 과제
강사님 안녕하세요. 파이널 과제를 하면서 궁금한 점이 있어 질문 드립니다..!질문이 많지만 피드백 주시면 감사하겠습니다! ( _ _ ) 화면이 100% 일때는 회원가입 폼의 높이가 잘리고, 80%로 줄여야 그때부터 폼이 화면 안에 다 들어간 상태로 확인할 수 있습니다. 이러한 현상은 브라우저 별 차이로 생각하면 되는 걸까요? 또 저는 화면이 100%일 때도 폼이 안잘렸으면 하는데, 혹시 이때 해결할 수 있는 방법이나 대안이 따로 있을까요?// 노션 파일에 있는 코드와 동일합니다. * { box-sizing: border-box; margin: 0px; } body { width: 100vw; height: 100vh; display: flex; flex-direction: row; justify-content: center; align-items: center; } 성별 인풋에서 radio 동그라미 부분에 따로 스타일을 주고 싶어서 아래와 같이 작성했는데, 적용이 안됩니다. 제가 시도해본 방법은 label 내부에 input을 두고 id와 for을 묶어서 스타일을 적용해보았으나, 실패했습니다. 혹시 적용이 안되는 이유와 해결 방법을 알려주실 수 있을까요?<input type="radio" name="gender" class="gender-radio" />여성 .gender input[type="radio"] { background: #ebebeb; border: 1px solid #d2d2d2; } 하단 가입하기 버튼 바로 위에 있는 수평선을 <hr> 태그가 아닌, 버튼을 감싸는 div 박스에 border-top을 주어 스타일을 작성했는데요, 아래와 같이 footer와 버튼이 겹쳐버리는 현상이 발생했습니다.저는 이를 마진 겹침 현상으로 생각하고, 부모 요소에 padding, inline-block, overflow:hidden을 적용해 보았지만 결국 문제를 해결하지 못했습니다. 저는 html 코드를 줄이고자 버튼을 감싸는 박스로 가로선을 해결하고 싶었는데, 이러한 현상이 발생하는 이유와 이 경우 어떤 식으로 해결할 수 있는지 궁금합니다.<div class="footer"> <button id="signup-button">가입하기</button> </div> .footer { width: 380px; height: 1px; margin: 32px 0px 20px 0px; border-top: 1px solid red; } #signup-button { width: 380px; height: 75px; background: #ffffff; border: 1px solid #0068ff; border-radius: 10px; font-size: 18px; line-height: 27px; text-align: center; }
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
중고마켓 리스트 질문
export const FETCH_USEDITEMS = gql` query fetchUseditems($page: Int, $search: String, $isSoldout: Boolean) { fetchUseditems(page: $page, search: $search, isSoldout: $isSoldout) { _id name remarks contents images tags price pickedCount seller { _id email name } } } `;중고마켓에 fetchUseditems 대해 질문이 있습니다.isSoldout을 true와 false로 각각 가져와서 데이터를 화면에 띄우려고 하는데 어떤 식으로 가져와야 하나요? const { data } = useQuery< Pick<IQuery, "fetchUseditems">, IQueryFetchUseditemsArgs >(FETCH_USEDITEMS);이부분에서 무엇을 더 추가해야하는지 아니면 presenter에서 가져와야하는지 갈피를 못잡겟네요. ㅠㅠ
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
중고 마켓 부분 백엔드
중고 마켓의 백엔드 부분은 수업에서 제공돼는 기본적인 CRUD 로 가능한건가요??
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
중고마켓 리스트 질문입니다.
현재 중고마켓 리스트 부분을 하고 있습니다.이 부분에서 판매중상품 판매된상품 을 하고있는데fetchUseditems에 있는 isSoldout 부분을 어떤식으로 가져와야 할 지 모르겠네요.. refetch 를 사용해야 하는 건가요..?
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
invaratiant violation 에러가 뜹니다
Uncaught at new InvariantError (file://C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\freeboard_frontend\node_modules\ts-invariant\lib\invariant.cjs:16:28) at Object.invariant (file://C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\freeboard_frontend\node_modules\ts-invariant\lib\invariant.cjs:28:15) at parser (file://C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\freeboard_frontend\node_modules\@apollo\client\react\parser\parser.cjs:34:23) at Object.verifyDocumentType (file://C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\freeboard_frontend\node_modules\@apollo\client\react\parser\parser.cjs:93:21) at useMutation (file://C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\freeboard_frontend\node_modules\@apollo\client\react\hooks\hooks.cjs:431:12) at BoardWrite (webpack-internal:///./pages/src/components/units/board/write/BoardWrite.container.js:34:86) at processChild (file://C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\freeboard_frontend\node_modules\react-dom\cjs\react-dom-server.node.development.js:3353:14) at resolve (file://C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\freeboard_frontend\node_modules\react-dom\cjs\react-dom-server.node.development.js:3270:5) at ReactDOMServerRenderer.render (file://C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\freeboard_frontend\node_modules\react-dom\cjs\react-dom-server.node.development.js:3753:22) at ReactDOMServerRenderer.read (file://C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\freeboard_frontend\node_modules\react-dom\cjs\react-dom-server.node.development.js:3690:29) 콘솔창에는 이렇게 찍히고콘테이너 코드입니다import { useMutation } from "@apollo/client"; import { useRouter } from "next/router"; import { useState } from "react"; import CREATE_BOARD from "./BoardWrite.queries"; import BoardWriteUI from "./BoardWrite.presenter"; export default function BoardWrite() { const router = useRouter(); //입력값 받는 훅 const [writer, setWriter] = useState(""); const [password, setPassword] = useState(""); const [title, setTitle] = useState(""); const [contents, setContents] = useState(""); //오류코드 받는 훅 const [writerError, setWriterError] = useState(""); const [passwordError, setPasswordError] = useState(""); const [titleError, setTitleError] = useState(""); const [contentsError, setContentsError] = useState(""); //입력값 저장하는 훅 const [createBoard] = useMutation(CREATE_BOARD); //입력값(작성자) 받는곳 & 오류창 없애는곳 function onChangeWriter(event) { setWriter(event.target.value); if (event.target.value !== "") { setWriterError(""); } } function onChangePassword(event) { setPassword(event.target.value); if (event.target.value !== "") { setPasswordError(""); } } function onChangeTitle(event) { setTitle(event.target.value); if (event.target.value !== "") { setTitleError(""); } } function onChangeContents(event) { setContents(event.target.value); if (event.target.value !== "") { setContentsError(""); } } //등록 함수 const onClickInformation = async () => { if (!writer) { setWriterError("작성자를 입력해주세요"); } if (!password) { setPasswordError("비밀번호를 입력해주세요"); } if (!title) { setTitleError("제목을 입력해주세요"); } if (!contents) { setContentsError("내용을 입력해주세요"); } if (writer && password && title && contents) { try { const result = await createBoard({ variables: { createBoardInput: { writer, password, title, contents, }, }, }); console.log(result.data.createBoard._id); router.push(`/portfolio/boards/${result.data.createBoard._id}`); } catch (error) { alert(error.message); } } }; return ( <div> <BoardWriteUI aaa={onChangeWriter} bbb={onChangePassword} ccc={onChangeTitle} ddd={onChangeContents} eee={onClickInformation} aaaa={writerError} bbbb={passwordError} cccc={titleError} dddd={contentsError} /> </div> ); } 유아이 코드입니다import { Container, MainTitle, InformationBox, WriterBox, WriterInput, Title, TitleContents, TitleBox, Input, ContentsContent, AddressNumber, AddressBox, ButtonOne, AddressBtnBox, PicContentsBox, CheckBoxes, CheckBoxesContainer, CheckBoxSpan, OkBtn, UploadBtn, Address, ErrorText, } from "./BoardWrite.styles"; export default function BoardWriteUI(props) { return ( //html 자리 <Container> <MainTitle>게시물 등록</MainTitle> <InformationBox> <WriterBox> <Title>작성자</Title> <WriterInput type="text" placeholder="이름을 적어주세요." onChange={props.aaa} ></WriterInput> <ErrorText>{props.aaaa}</ErrorText> </WriterBox> <WriterBox> <Title>비밀번호</Title> <WriterInput type="password" placeholder="비밀번호를 적어주세요." onChange={props.bbb} ></WriterInput> <ErrorText>{props.bbbb}</ErrorText> </WriterBox> </InformationBox> <TitleBox> <Title>제목</Title> <TitleContents type="text" placeholder="제목을 작성해주세요." onChange={props.ccc} ></TitleContents> <ErrorText>{props.cccc}</ErrorText> </TitleBox> <TitleBox> <Title>내용</Title> <ContentsContent type="text" placeholder="내용을 작성해주세요." onChange={props.ddd} ></ContentsContent> <ErrorText>{props.dddd}</ErrorText> </TitleBox> <AddressBox> <Title>주소</Title> <AddressBtnBox> <AddressNumber type="text" placeholder="07250"></AddressNumber> <ButtonOne>우편번호 검색</ButtonOne> </AddressBtnBox> <Address type="text"></Address> <Address type="text"></Address> </AddressBox> <TitleBox> <Title>유튜브</Title> <Input type="text" placeholder="링크를 복사해주세요."></Input> </TitleBox> <TitleBox> <Title>사진 첨부</Title> <PicContentsBox> <UploadBtn>+</UploadBtn> <UploadBtn>+</UploadBtn> <UploadBtn>+</UploadBtn> </PicContentsBox> </TitleBox> <TitleBox> <Title>메인 설정</Title> <CheckBoxesContainer> <CheckBoxes type="checkbox"></CheckBoxes> <CheckBoxSpan className="youtube">유튜브</CheckBoxSpan> <CheckBoxes type="checkbox"></CheckBoxes> <CheckBoxSpan className="youtube">사진</CheckBoxSpan> </CheckBoxesContainer> </TitleBox> <OkBtn onClick={props.eee}>등록하기</OkBtn> </Container> ); } 쿼리 코드입니다import { gql } from "@apollo/client"; export const CREATE_BOARD = gql` mutation createBoard($createBoardInput: CreateBoardInput!) { createBoard(createBoardInput: $createBoardInput) { _id } } `; 마지막으로 인덱스 코드입니다,import BoardWrite from "../../../src/components/units/board/write/BoardWrite.container"; export default function board() { //자바스크립트 자리 return ( //html 자리 <div> <BoardWrite /> </div> ); } 화면에는Server ErrorInvariant Violation: Argument of undefined passed to parser was not a valid GraphQL DocumentNode. You may need to use 'graphql-tag' or another method to convert your operation into a document요렇게 적혀있는데 어떤 에러일까요?
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
next.js가 문제인지 구성폴더와 파일이 달라요
버전이 달라서 그런지 모르겠는데다른분들은 딱히 그런 문의가 없어서 왜인지 모르겠지만 저는 page 폴더도 없고 app.js 도 없고 style폴더도 없어서 그냥 제가 따라서 만들었는데 API수업에서 app.js가 없다보니 기본컴포넌트를 사용할수 없네요..있는거라곤 app폴더안에 layout.js와page.js는 있는데 page.js이 시작파일인것 같은데 여길 수정해도 달라지는건 없더라구요..
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
포트폴리오 과제
안녕하세요!'학습자료 ver2 노션이 업데이트 되긴 했으나 여전히 포트폴리오 링크만 볼 수 있고, 포트폴리오 리뷰 강의 수강 전 무엇을 구현해야하는지에 대한 설명은 확인 할 수 없어서 다시 한 번 질문드립니다' 라는 글에 업데이트 되었다는 댓글은 봤지만, 저는 노션에 깃허브 링크만 보여서요ㅜㅜ 업데이트가 될까요?
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
회원가입 만들기 과제
왜 이렇게 라디오 버튼을 생성했을 때 여성 남성 글자가 라디오 옆에 안오고 밑으로 올까요...?
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
Module not found: Can't resolve '@/styles/globals.css' 에러가 뜹니다ㅜ
안녕하세요. 처음 시작부터 에러가 떠서 구글링을 해봐도 해결이 안되어 질문글 올립니다ㅜ 섹션 23 오티 부분 듣고 있구요.처음 보일러 플레이팅에서 yarn dev를 하면 자꾸Module not found: Can't resolve '@/styles/globals.css'라는 에러 문구가 뜹니다.지웠다 다시 깔아도 마찬가지 입니다ㅜㅜ..
- 해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
postman 화면
강의 내용과 다른 화면이 나오는데 어디로 들어가야 하나요.?