웹사이트 모바일화면으로 전환관련 질문입니다.

네 접히지 않고 있습니다. const text = div style={{padding:"30px 0px 50px 0px", backgroundColor:"#f0f0f0", width:"90%", height:"auto"}} > Title style={{fontSize:"150%"}} > 2011년 한국의 문화를 주도하는 서울 강남에 오픈한 클럽 옥타곤은 얼마 지나지 않아 아시아를 대표하는 클럽으로 자리매김하였고 2020년 현재, 세계적인 클럽 매거진 DJ Mag : Top 100 Clubs Chart에서 세계 7위에 오르며 대한민국 클럽의 위상을 높였습니다. 이는 기존 한국 클럽 문화에서 탈피하여 단순 클럽이 아닌 복합문화공간으로서 여러 가지 문화콘텐츠를 고객들에게 제공하고 클럽의 본질인 음악과 문화 형성에 기반을 두어 꾸준히 노력한 성과입니다. 클럽 옥타곤은 다양한 경험과 실력을 바탕으로 대한민국의 클럽 문화를 세계에 알리고 건전하고 올바른 클럽 문화 형성을 위하여 앞으로도 계속 노력하며 발전해 나아갈 것입니다. 감사합니다. Club Octagon official Title> div> 위에는 label부분에 들어가는 텍스트변수이고 Timeline mode="alternate" style={{padding:"30px 200px 30px 200px"}}> Timeline.Item dot={LoadingOutlined style={{fontSize:"20px", color: "red"}} />} label={about} style={{padding:"30px 0px 100px 0px"}} > Timeline.Item> Timeline.Item dot={LoadingOutlined style={{fontSize:"20px", color: "red"}} />} label={text} style={{padding:"30px 0px 50px 0px"}} > Carousel autoplay effect="fade" style={{textAlign: "center",height: "300px",lineHeight: "200px",overflow: "hidden"}}> div> img alt="fortest" src={require('../public/sky.jpg')} style={{width:"100%",height:"auto" }}/> div> div> img alt="fortest" src={require('../public/12.jpg')} style={{width:"100%",height:"auto" }}/> div> div> img alt="fortest" src={require('../public/14.jpg')} style={{width:"100%",height:"auto" }}/> div> div> img alt="fortest" src={require('../public/3.jpg')} style={{width:"100%",height:"auto" }}/> div> Carousel> Timeline.Item> 여기에서 Timeline.Item dot={LoadingOutlined style={{fontSize:"20px", color: "red"}} />} label={text} style={{padding:"30px 0px 50px 0px"}} > 부분입니다.

웹사이트 모바일화면으로 전환관련 질문입니다.

답변 감사합니다. 제로초님의 말씀대로 %로 변경을 했더니 사진이나 텍스트 영역이 부모 넓이에 따라 줄어드는 것을 확인했습니다. 감사합니다. 그런데 텍스트의 크기가 문제였던것 같습니다. 화면 비율에 따라 다른 것은 줄어들지만 텍스트의 크기가 줄어들지 않아 텍스트의 배경이 함께 늘어나며 다른 부분의 영역을 침범하고 있습니다. 1.화면 비율에 따라 텍스트의 크기를 맞추려면 어떡해야할까요?

넥스트에 정적으로 파일을 삽입하는 방법이 따로 있을까요?

사진 출력은 됐습니다!! next.config.js에 설정을 따로 해서 출력 되었습니다

넥스트에 정적으로 파일을 삽입하는 방법이 따로 있을까요?

네 말씀하신대로 img alt="fortest" src="/home/gksdudxkr/제로초/homepage/public/logo.jpg" style={{width:"600px", height:"600px"}} >img> 를 했는데 사진이 출력이 되질 않습니다 사진이 깨지는 아이콘으로 출력이 되는데 설정을 따로 해야할까요?

시퀄라이즈로 데이터를 가져오는 문제입니다.

넵 감사합니다!!

시퀄라이즈로 데이터를 가져오는 문제입니다.

아 제가 findAll로 해서 안되는 거였군요 findOne로 해서 개인의 정보를 가져오고 그 정보로 follow를 가져오니 각 커맨트들도 같이 가져와졌습니다 감사합니다!!! 제로초님 지금은 3단계에 걸쳐서 가져오는 것을 구현했는데요 단계가 계속 늘어나거나 지금 정보보다 더 추가로 가져오게 하려면 그 후에는 어떡해야 할지 감이 안잡힙니다 혹시 관련 설명이 들어가 있는 사이트나 주소 혹시 가지고 계실까요?

시퀄라이즈로 데이터를 가져오는 문제입니다.

user.associate = (db) =>{ db.user.hasMany(db.comments); db.user.belongsToMany(db.comments,{through:"like", as : "liker"}); db.user.belongsToMany(db.user,{through:"Follow",as:"Followers", foreignKey: 'Followingid'}); db.user.belongsToMany(db.user,{through:"Follow",as:"Followings", foreignKey: 'Followerid'}); db.user.hasMany(db.meeting_popup) }; 대문자로 작성을 해주었습니다 현재 다른 addFollowers는 작동을 합니다 그런데 getFollowers만 함수를 찾을 수 없다고 계속 나오고 있습니다 그리고 데이터베이스를 지웠다가 다시 만들었습니다

데이터베이스 다대다 관계 연결 질문입니다

아 follow테이블이 있었어요!!! 제가 as랑 헷갈렸나봐요.. 그리고 Follow 대문자로 하니깐 바로 저장이 되었습니다 감사합니다!! 주말이신데 알려주셔서 감사합니다

데이터베이스 다대다 관계 연결 질문입니다

주말인데도 답변 달아주셔서 감사합니다 네 belongsTo를 각각 추가했고 as, foreignKey도 각각 추가했습니다. id는 foreignKey로 속성을 주었습니다. db.user.belongsToMany(db.user,{through:"follow",as:"followers", foreignKey: 'followingid'}); db.user.belongsToMany(db.user,{through:"follow",as:"followings", foreignKey: 'followerid'}); // 위에 부분은 db.user테이블 부분이고 밑에 부분이 서버 부분입니다 //id 7,2 둘다 존재하고 있는 값입니다. app.post("/follow",async (req,res)=>{ console.log(req.body); try { const aaa = await db.user.findOne({ where:{id:7} }); await aaa.addfollowings(2) const testfollow = await db.user.findAll({ where:{username:young}, include:{ model:db.user, as: "followings" } }) res.status(200).json(testfollow) }catch(e){ console.log(e); } }) 그런데 자꾸 addfollowings가 존재하지 않는 함수라고 나옵니다 1. 왜 저 함수가 존재하지 않는 함수라고 나올까요? 2. 그리고 만약 저장이 된다면 followings, follows테이블은 저장된 값을 어디서 확인이 가능할까요? mysql에서는 user테이블에 따로 표시도 없고 as 로 만든 테이블은 보이지도 않고 워크벤치에서는 포린키로 지정됐다만 확인이 가능합니다 알려주시면 감사하겠습니다

데이터베이스 만드는 질물

네 노드교과서 강좌가 맞습니다 1. 노드교과서 강좌에는 hasmany같은 부분들이 models/index.js파일에 작성을 하시고 sns버드 강좌에서는 각 models/의 테이블.js파일에 associate부분에 작성을 하셨는데 어떤것이 더 효율적인지 요즘은 어떤 방법을 선호하는지 궁금해서 여쭤봅니다. 2. 마이그레이션으로 수정을 한다고 하셨는데 저랑 같이 코드 공부를 하는 다른 사람들은 마이그레이션으로 생성을 하더라고요 그러면 마이그레이션을 안쓰시니깐 마이그레이션은 요즘은 안쓰는 방법이고 현재 강의하시는 내용이 최신화된 효율적인 방법인가요?