[03-04] 디바이스 API

안녕하세요! M.Choi님!제가 현재 실습하고계신 코드를 볼 수 있지 않아 확실한 정답을 드리긴 어려우나,보통 이 부분에서 많은 수강생들이 하는 실수 중에 하나는 query 이름에 오타가 있는 경우예요!보통은 vscode가 잡아주기 때문에 오타를 쉽게 해결하지만, query 이름은 우리가 만든 이름이므로 vscode가 따로 잡아주지 않아, 타입스크립트로 정의하지 않는이상 오타를 찾기 쉽지 않답니다!쉽게 해결하는 방법으로, 하나의 쿼리명(ex, fetchDeviceSystemForAppSet)을 작성하셨다면, 다음부터는 직접 입력하기 보단 이를 복사하여 활용하시면 오타를 줄일 수 있을거예요!^^

싸이월드 만들기 1탄 피드백 부탁드립니다.

안녕하세요! hyunah10님! 겹치기를 하는 방법에는 1가지 절대적인 방법이 있는 것은 아니며,상황에 따른 겹치기 방법을 다양하게 사용할 줄 아시는 것이 중요합니다!물론, 이와 관련하여 뒤쪽 CSS&JS 마스터 수업에서 상세히 다루어 볼 것이므로 걱정하지 않으셔도 됩니다!^^ 올려주신 질문과 관련된 겹치기 방식은 가장 간단한 방법을 사용해서 해결할 수 있어요!(부모태그 위에 자식태그를 놓음으로써 자연스럽게 겹치는 방법)그런데, 올려주신 코드를 보니, 이미 잘 작성을 해주신 것 같아요!^^따라서, 부모 태그에 padding과 같은 여백을 조금만 주셔서 자연스럽게만 표현해 주시면 좋을 것 같아요

에러 어떻게 고치나요?ㅠㅠ

안녕하세요! yoonseong님!결론부터 말씀드리면, @types/react 의 버전이 19버전으로 최신버전이 설치되어 있어서 발생된 문제예요!"무슨 소리에요! 저는 @types/react 는 18버전으로 설치했거든요?"와 같은 질문을 하실 수 있으실텐데요!packge.json에 입력한 버전은 설치를 원하는 버전일 뿐이며, 진짜 설치된 버전은 yarn.lock 파일을 통해서 확인해 볼 수 있답니다!(사진)그렇다면, 왜 이런 일이 일어날까요?!yoonseong님께선 package.json에 @types/react 18버전을 입력하셨지만, yoonseong님께서 설치한 다른 라이브러리(ex, react-quill, react-infinite-scroll 등)들은 react, @types/react를 다른 버전으로 설치하려고 할 수 있답니다!(npm 배포 수업을 참고하시면, 내가 만든 라이브러리를 배포하기 위해 react 프로젝트를 설치하셨던 것을 떠올려 보세요! 이때 이 라이브러리에서 설치했던 react 버전이 지금 내 메인프로젝트의 react 버전과 다를 수 있겠죠?!)따라서, 이러한 경우에 package.json에 입력한 버전과 다른 원치않는 버전이 설치되는 경우가 종종 있답니다!이럴때, resolutions 라는 키워드를 사용하시면, "다른 라이브러리에서 뭘 어떤 버전으로 설치할진 모르겠지만, 난 무조건 이 버전으로 설치할거야!" 라는 명령을 주실 수 있답니다!{ ..., "dependencies": { "next": "14.2.16", "react": "^18", "react-dom": "^18", "react-window": "^1.8.11" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "@types/react-window": "^1.8.8", }, "resolutions": { "@types/react": "^18" // 이 부분을 추가해 주세요. } } 추가하셨다면, 기존의 yarn.lock을 지우고 다시 한 번 yarn install 을 시도해 보세요!(사진) (사진)

회원가입 과제 피드백 부탁드립니다.

안녕하세요! hyunah10님!코드를 보기 좋게 잘 작성하신 것 같아요!^^항상 시작보다, 끝 마무리가 중요한 것 아시죠?!꼭 끝까지 포기하지 말고 같이 완강해봐요! ㅎㅎradio 버튼의 색을 변경하시기 위해서는 accent-color를 활용하시면 됩니다!중복을 제거하는것! 물론 좋아요!다만, 중복을 제거하더라도 가독성을 해친다면 추천드리진 않아요!^^지금은 CSS 단위로 중복 제거를 연습하시겠지만, 뒷 부분에 가서는 input+css를 하나의 쌍으로 만들고 이를 "컴포넌트"라고 부르게 됩니다!그리고 이 "컴포넌트"를 중복되지 않게 만드는 실력을 많이 쌓아 주시면 좋을 것 같아요!^^

서버 재실행시 Many to Many

안녕하세요! gkdlsb1234님! 소중한 해결 방법 공유 감사드립니다!^^ 추가적으로, 질문 2에서 답변을 드리면, node에서 역시 snake_case 로 테이블명 등이 자동 변환 되는 것이 일반적이며, 데이터베이스의 성격에 따라 다르긴 하지만, snake_case의 경우 크게 무리 없이 여러 다른 데이터베이스로의 마이그레이션도 camelCase보다 부드러울 수 있답니다!^^

schema.gql 질문 드립니다.

안녕하세요! gkdlsb1234님!이전부터 점점 실력이 많이 늘고 계신게 느껴지네요!^^nullable을 주는 방법으로 크게 3가지 방법이 있어요!// 1. nullable: true @Field(() => [ProductTag], { nullable: true }) // 결과: [ProductTag!] // 2. nullable: "items" @Field(() => [ProductTag], { nullable: "items" }) // 결과: [ProductTag]! // 3. nullable: "itemsAndList" @Field(() => [ProductTag], { nullable: "itemsAndList" }) // 결과: [ProductTag] 따라서, nullable: "itemsAndList"를 활용해 보시면 좋을 것 같아요!^^

질문은 아니고, koreanjson.com이 계속 안 되길래 비슷한거 추천드립니다.

안녕하세요! 승엽님! 소중한 정보 공유 감사드립니다!결국, 수업에서의 api나 외부의 공개된 api나 모두 동일한 원리라는 것을 깨우치신 것 같네요!이 과정에서 api-docs 읽는 능력도 많이 성장하신 것 같아요!보통 다른 사람에게 알려줄 때, 가장 많이 성장한다고 합니다승엽님의 빠른 성장이 기대되네요!^^

styled.span / styled.input "CSS 자동완성"

안녕하세요! yaco kim님! 소중한 정보 공유 감사드립니다!^^다른 사람에게 알려줄 때, 가장 실력이 많이 성장하는 것 같네요!yaco kim님의 빠른 성장이 기대됩니다!^^

codegen practice 서버 접속 불가 문제

안녕하세요! chlwndud93님!서버가 잠시 중단되었어요!지금은 다시 이용 가능하십니다!불편을 드려 죄송합니다.

tailwind.config.ts 파일 설치가 안되는 문제

먼저, 답변을 공유해주신 Coding bear님 감사드립니다!^^추가적인 오류사항 몇가지만 더 말씀드리면,1. content 부분의 경로가 수업에서 설치되었을 때의 경로와 약간 다른 것 같아요!다시 한번 확인해 주세요!2. Unkown at rule @tailwind은 단지 vs-code가 "나는 이런거 몰라요" 하는 것이므로, 무시하셔도 됩니다!^^(너무 신경쓰이면, extension 등을 설치하여 경고를 없애도 좋습니다)