강사님 안녕하세요. 파이널 과제를 하면서 궁금한 점이 있어 질문 드립니다..! 질문이 많지만 피드백 주시면 감사하겠습니다! ( _ _ ) 화면이 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; }
middlewares까지 구현하고, 로그아웃 router에 isLoggedIn 필터링 해서 실행했는데 로그아웃을 누를때마다 '로그인이 필요합니다.' 라는 Message를 받습니다. 로그인하는 과정이 문제라는 가설을 세워서 passport 세팅도 확인했고, login route도 확인했습니다. 하지만 로그아웃 했을때 같은 에러 메세지를 받았습니다. middlewares를 적용 안하고 terminal 확인을 했을때 이런 메시지를 받았습니다. req.logout에 콜백함수가 필요하다고 해서 router.post('/logout', (req, res) => { req.logout((err)=>{ console.error(err) }); req.session.destroy(); res.send('ok'); }); logout router를 이렇게 바꾸고 로그아웃 해봤는데, LOG_OUT_SUCCESS는 뜨는데, 서버가 crushed 됬다고 하고, 그 후 로그인이 안됩니다. 음..혹시 이 부분 외에 어딜 더 체크해봐야 하는지 조언 해주실 수 있을까요? 항상 좋은 강의에 감사합니다 :)
강의에 나온 https://www.npmjs.com/package/next-sitemap 라이브러리를 받고 문서 따라서 server side sitemap (getServerSideSitemap) 을 보고 문서대로 경로 만들고 라우터 만들어서 getServerSideSitemap() 로 리턴하여 사이트맵을 생성하였습니다. .next 에 server-sitemap.xml.body이 잘 만들어졌습니다 문제는 한 파일에 15만개가 넘게 작성이 된 것입니다. 구글 검색엔진에서 사이트맵의 URL 50,000개로 제한두고 있습니다. 문서따라서 config 에 sitemapSize: 10000, 설정을 적용하여도 스플릿팅 되지 않습니다. 어떻게 해결해야 하나요? node: 18.15.0 "next-sitemap": "4.0.9" "next": "^13.4.2",
버전이 달라서 그런지 모르겠는데 다른분들은 딱히 그런 문의가 없어서 왜인지 모르겠지만 저는 page 폴더도 없고 app.js 도 없고 style폴더도 없어서 그냥 제가 따라서 만들었는데 API수업에서 app.js가 없다보니 기본컴포넌트를 사용할수 없네요..있는거라곤 app폴더안에 layout.js와page.js는 있는데 page.js이 시작파일인것 같은데 여길 수정해도 달라지는건 없더라구요..
안녕하세요! '학습자료 ver2 노션이 업데이트 되긴 했으나 여전히 포트폴리오 링크만 볼 수 있고, 포트폴리오 리뷰 강의 수강 전 무엇을 구현해야하는지에 대한 설명은 확인 할 수 없어서 다시 한 번 질문드립니다' 라는 글에 업데이트 되었다는 댓글은 봤지만, 저는 노션에 깃허브 링크만 보여서요ㅜㅜ 업데이트가 될까요?
포트포워딩으로 외부에서 db에 접속가능하게끔 포트 뚫어주고 테스트 해봤습니다. build한뒤 start 했을때 해당 local db에 데이터 삽입 되는거 까지 확인했고 폰으로 와이파이 연결끊고 접속도 해서 적용되는것 또한 테스트 해봤습니다. 하지만 vercel에서 배포를 하게되면 요청은 처리 되지만 Application error: a client-side exception has occurred (see the browser console for more information). 해당 오류가 발생하게 되네요. prisma + mysql db 사용중입니다. env 설정, axios url까지 다 맞는데 왜 안되는걸까요...? vercel postgre beta 버전으로 연동하면은 되기는 하지만 저는 local db에 연결해서 배포를 하고 싶습니다. 하지만 찾아봐도 vercel이랑 db 연동하는 방법은 잘 나오지않네요.
안녕하세요. 처음 시작부터 에러가 떠서 구글링을 해봐도 해결이 안되어 질문글 올립니다ㅜ 섹션 23 오티 부분 듣고 있구요. 처음 보일러 플레이팅에서 yarn dev를 하면 자꾸 Module not found: Can't resolve '@/styles/globals.css' 라는 에러 문구가 뜹니다. 지웠다 다시 깔아도 마찬가지 입니다ㅜㅜ..
파이참으로 100~200 까지 3의 배수 인쇄하고, 그의 합 구하고 있는데 3의 배수 5개씩 인쇄는 잘 했는데 합계가 이상하게 구해집니다. 오류가 어디에 있는 건지 모르겠어요.. 고치면 오류떠서 아예 실행이 안되는데 ㅜㅜ for문이랑 while문 두개로 만들고 있는데 둘다 합계만 이상하게 뜹니다. ㅠ <<for문>> a = 0 hap = 0 count = 0 for a in range(100, 201) : if a % 3 == 0 : print(a) count = count + 1 if count % 5 == 0 : print() a = a + 1 hap = hap + a print("100~200 중 3의 배수의 합 : %d" % hap) <<while문>> a = 100 count = 0 hap = 0 while a <= 200 : if a % 3 == 0 : print(a) count = count + 1 if count % 5 == 0 : print() a = a + 1 hap = hap + a print("100~200 중 3의 배수의 합 : %d" % hap)
안녕하세요! 수업 따라가면서 개인공부하다가 질문이 있어 남깁니다! next js가 Client-Side Rendering 방식이라서 그런건지 Link 또는 useRouter를 이용해서 페이지를 이동할 때 이전페이지의 css와 중복되어서 겹쳐보입니다 ㅠㅠ 어떻게 해야할까용??
back과 front 둘다 우분투 서버 연결 해놓고, node -v / npm -v 해서 버전 확인도 했습니다. 기본 node는 버전이 19이고 우분투에 설치한건 14버전입니다. front에서 빌드 하려는데 npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR!/home/ubuntu/.pm/_logs/2023-05-19714_54_17_6527-debug. log 이런 오류의 원인은 뭘까요.. ㅠㅠ 몇시간동안 방법을 찾지못해서 글남깁니다 ㅠㅠ 제 깃허브 주소도 남깁니다.. +레파지토리는 미리 생성해둔거라서 그냥 여기있는 git init을 하지 않고, 주소를 그대로 사용하여 clone 했는데도 이것도 문제가 될까요? https://github.com/nuring9/next.js-redux-saga-SSR-nodebird.git
회원가입을 끝내고 똑같이 이메일과 비밀번호 입력하고 로그인을 하면 401에러가 뜹니다. 그래서 routes/user.js에서 info값을 콘솔로 보니 이렇게 info값이 들어오더라구요 제 코드는 이렇습니다. < local.js > <routes/user.js> <passport/index.js> 에러를 인터넷에 서칭해보니까 local.js 안에 new LocalStrategy 안에 usernameField와 passwordField를 제대로 값이 바인딩 됐는지 여부를 보라고 되어있는데 틀린게 없어보입니다... 어떤걸 잘못한걸까요 ㅠㅠ
