싸이월드 만들기 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 등을 설치하여 경고를 없애도 좋습니다)

[30-01] 웹 에디터와 폼 라이브러리

안녕하세요! M.Choi님!현재 웹에디터 수업을 그대로 따라서 작동시켜 보았는데요!이상없이 작동이 잘 되는 것 같아요!이런 경우에는 M.Choi님이 설치하여 실행중이신 버전(React, Next, ReactQuill)들과 제가 수업에서 설치한 버전 (React, Next, ReactQuill) 간에 차이가 있는지 가장 먼저 확인을 해 볼 필요가 있을 것 같아요!실패하셨던 버전을 알려주시면, 해당 버전으로 재시도하여 해결 방법에 도움을 드려볼게요!^^