14강 로그아웃 안됨
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
logout을 send하면 해당 오류가 발생합니다. 코드가 잘못된건지 궁금해 git 도 올려드립니다. 감사합니다. https://github.com/bukwon/boiler-plate
- react
- node.js
Kwon
댓글 1
좋아요 0
조회수 347
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
로그인 관련 질문입니다.
해결됨
Next + React Query로 SNS 서비스 만들기
https://www.inflearn.com/questions/1268586/%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%97%90%EB%9F%AC-%EC%A7%88%EB%AC%B8%EC%9E%85%EB%8B%88%EB%8B%A4 여기에서 질문했던 로그인 관련 문제입니다. 지금 현재 로그인 후 로그아웃 후 다른 아이디로 재로그인시에 로그아웃 버튼에 session정보가 제대로 안들어가는 것 같습니다. 처음 로그인 했을 때 로그아웃에 session 정보가 들어가고, 로그아웃 후 다른 아이디로 재로그인시에 로그아웃버튼에 로그아웃전의 계정의 정보가 들어가 있습니다. 백엔드 서버 콘솔에는 정보가 제대로 들어가 있지만, let session = await auth(); 에서 session정보가 제대로 안 받아지는건지, 아니면 캐싱된 정보가 계속 쓰이는 건지 모르겠지만, 정보가 제대로 안들어갑니다. 물론 새로고침시에 정상적으로 정보가 들어가집니다. 제 프로젝트에서 문제가 있는건가 싶어서, 코드를 비교해보고 next, next-auth 버전을 바꿔보기도 했지만, 해결이 안되어서, 배포된 https://z.nodebird.com/ 링크로도 해보았는데 똑같은 버그가 있는 것 같아서 질문드립니다. 무엇이 문제인지 궁금합니다. 좋은 하루 보내세요!
- react
- next.js
- react-query
- next-auth
- msw
강주호
댓글 2
좋아요 0
조회수 267
괄호 사용이 헷갈려서 질문드립니다.
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
예시는 9번문제로 질문을 하지만 9번문제 뿐만아니라 다른 문제를 풀이하는데 있어서 괄호 사용이 헷갈려서 질문드립니다. 대충 대괄호하나는 시리즈로 불러오는거고 대괄호 2개는 데이터프레임으로 불러오는걸로 알고있었습니다. 그런데 문제를 풀면서 왜 groupby함수나 sort_values함수를 포함한 기타 다른경우에 소괄호안에 대괄호없이 컬럼명만 사용해도 되는지 궁금합니다. 컬럼명을 쓸때 대괄호를 써야할때와 필요없을때의 구분을 어떻게 해야할까요? import pandas as pd df = pd.read_csv('/content/drive/MyDrive/Colab Notebooks/members.csv') df['subscribed'] = pd.to_datetime(df['subscribed']) df['year'] = df['subscribed'].dt.year df['month'] = df['subscribed'].dt.month df['day'] = df['subscribed'].dt.day df = df.groupby('month').count() df.sort_values('subscribed').index[0]
- python
- 머신러닝
- 빅데이터
- pandas
- 빅데이터분석기사
댓글 2
좋아요 0
조회수 235
powershell 이 없어 질문드립니다.
미해결
Airflow 마스터 클래스
안녕하세요, wsl을 이용한 linux설치 강의를 따라하고 있었는데 시작버튼을 눌러 powershell 을 검색하면 windows powershell ISE 만 나오고 windows powershell 은 나오지 않습니다. 별도의 windows powershell 설치가 필요할까요? 구글링을 해봐도 아직 방법을 못찾았기에 질문드립니다. 어떻게 진행하면 될까요 ?
- python
- 데이터-엔지니어링
- airflow
piinn
댓글 2
좋아요 0
조회수 396
.
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
.
- python
- 머신러닝
- 빅데이터
- pandas
- 빅데이터분석기사
댓글 1
좋아요 0
조회수 174
graphql codegen 설치
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
섹션 10에서 graphql codegen 설치하려는데요 강의에서는 yarn add -D @graphql-codegen/cli 을 설치하라고 하는데 지금 설치하려고 사이트에 들어가니 yarn add --dev typescript @graphql-codegen/cli 로 되어 있는데 같은 건가요? 그냥 아래 명령어 실행해도 되나요?
- react
- node.js
- seo
- graphql
- next.js
베이직
댓글 2
좋아요 0
조회수 264
테일윈드로 포탈로 모달작성시 뒤에 클릭이 안됩니다
해결됨
[React / VanillaJS] UI 요소 직접 만들기 Part 2
<div id='modalRoot' ref={ref} className='fixed inset-0 z-100 flex flex-col items-center justify-center' > {children} </div> 테일 윈드로 선생님 모달 포탈로만드는것 해보고있는데. 뒤에 클릭이 안되요 pointer-events-none 쓰지말고 하는법이 없을까요?! 일단은 아래처럼 쓰고잇긴한데 ㅠㅠ 먼가 ... 'use client'; import React, { useEffect, useRef } from 'react'; import { useModalStore } from '@/shared/models/modal/stores/modalStore'; const mutationObserverOption: MutationObserverInit = { childList: true, subtree: false, }; /** * 모달 컴포넌트를 렌더링하기 위한 전역 컨테이너 프로바이더입니다. * 모달이 열려 있을 때 body 요소에 'no-scroll' 클래스를 토글하여 스크롤을 비활성화합니다. * * @param {React.ReactNode} children - 모달 루트 내부에 렌더링할 자식 요소 * @returns {JSX.Element} 모달 루트 프로바이더 */ const ModalRootProvider: React.FC<{ children: React.ReactNode }> = ({ children, }) => { const ref = useRef<HTMLDivElement>(null); const { openedModalTypes, closeModal } = useModalStore(); // const isModalOpen = openedModalTypes.length > 0; useEffect(() => { let observer: MutationObserver; /** * MutationObserver를 사용하여 모달 루트 컨테이너의 자식 요소 변경을 감지합니다. * 모달이 열려 있는 경우 body 요소에 'no-scroll' 클래스를 추가하고, 모달이 닫혀 있는 경우 클래스를 제거합니다. */ if (ref.current) { observer = new MutationObserver(() => { const size = ref.current?.childNodes.length || 0; document.body.classList.toggle('no-scroll', size > 0); ref.current!.classList.toggle('bg-black/50', size > 0); ref.current!.style.pointerEvents = size > 0 ? 'auto' : 'none'; }); observer.observe(ref.current, mutationObserverOption); } // 컴포넌트 언마운트 시 MutationObserver 연결을 해제합니다. return () => { observer.disconnect(); }; }, []); return ( <div id='modalRoot' ref={ref} className='fixed inset-0 z-100 flex flex-col items-center justify-center pointer-events-none' // onClick={handleOutsideClick} > {children} </div> ); }; export default ModalRootProvider;
- react
- typescript
- dom
- ui
- vanilla-js
냠냠굿
댓글 2
좋아요 1
조회수 331
소수 너무 어려워요
미해결
남박사의 파이썬 기초부터 실전 100% 활용
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- python
- 웹-크롤링
류용재
댓글 1
좋아요 0
조회수 271
E4 유형 레이아웃에서 calc 질문있습니다.
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
.slide {width: calc(100% - 600px); 라고 되어 있는데 %를 사용하려면 html, body{height:100%;} 코드를 작성해야 되지 않나요? 왜 슬라이드에서 % 사용이 가능한지 궁금합니다. 추가적으로 width: 100vw - 600px 는 사용이 불가 한지 알고싶습니다. 강사님께서 픽셀이야기를 하시긴 했는데 이해가 안되어서... 비율과 정확한 단위 이야기 인건지... 질문남깁니다.
- HTML/CSS
- jquery
sy4562
댓글 1
좋아요 0
조회수 183
footer가 product-card들과 충돌하고 겹칩니다
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
위처럼 procudt-card 영역에 footer가 넘어오는데 어떻게 해결해야 할지 감이 잘 잡히지 않습니다. 아래에 작성한 코드 드립니다. //HTML <html> <head> <title>그랩마켓</title> <link href="index.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> <div id="header-area"> <img src="images/images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/images/banners/banner1.png" alt="배너이미지"> </div> <h1>상품들</h1> <div id="product-list"> <div class="product-card"> <div> <img class="product-img" src="images/images/products/basketball1.jpeg"> </div> <div class="product-contents"> <span>농구공 1호</span> <span>10000원</span> </div> </div> <div class="product-card"></div> <div class="product-card"></div> <div class="product-card"></div> <div class="product-card"></div> <div class="product-card"></div> </div> </div> <div id="footer"> </div> </body> </html> //CSS /* *태그는 모든 선택자를 선택하는 것임 */ * { margin: 0; padding: 0; } body{ margin: 0; padding: 0; } #header{ height: 64px; display: flex; justify-content: center; border-bottom: 1px solid grey; } #body{ height: 100%; width: 1024px; margin: 0 auto; /* margin: 0 auto; 를 주면 부모로부터 스스로를 가운데 정렬 */ padding: 20px; } #footer{ height: 200px; background-color: red; } #banner{ height: 300px; } #banner > img { width: 100%; } #product-list{ display: flex; flex-wrap: wrap; margin-top: 12px; } #header-area{ width: 1024px;height: 100%; display: flex; align-items: center; /* header-area 아래에 속한 아이템들을 수직센터로 정렬. */ } #header-area > img { width: 128px; height: 36px; } #body >h1{ margin-top: 16px; } .product-card{ width: 180px; height: 300px; background-color: grey; border: 1px solid black; margin-bottom: 12px; margin-right: 12px; border-radius: 12px; overflow: hidden; } .product-img{ width: 100%; height: 210px; } .product-contents{ display: flex; flex-direction: column; padding: 8px; }
- HTML/CSS
가을
댓글 1
좋아요 1
조회수 190
client side에서 useSession 값이 undefined
미해결
Next + React Query로 SNS 서비스 만들기
선생님 안녕하세요 사이드플젝하면서 다시 보고있는데, 클라이언트 사이드에서 useSession데이터가 없어서 질문 드립니다. import NextAuth from "next-auth" import Credentials from "next-auth/providers/credentials" export const { handlers, signIn, signOut, auth } = NextAuth({ pages: { signIn: '/login', newUser: '/signup', }, providers: [ Credentials({ // You can specify which fields should be submitted, by adding keys to the `credentials` object. // e.g. domain, username, password, 2FA token, etc. credentials: { id: {}, password: {}, }, authorize: async (credentials) => { console.log(credentials, '-------------------credentials'); const authResponse = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/login`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(credentials), }) console.log(authResponse.ok, '-----------------------------authResponse.ok'); if (!authResponse.ok) { return null; } let user = await authResponse.json(); // return user object with the their profile data console.log(user, '--------------------------------'); return { id: user.id, email: user.id, name: user.nickname, image: user.image, ...user, } }, }), ], }) 먼저 auth.ts에서 유저 정보를 잘 받아와서 return해주는 것 확인하고, /profile/page.ts (서버클라이언트) /profile/_component/logoutButton (클라이언트 컴퍼넌트)에서 각각 세션을 확인해 봤습니다. (서버 컴포넌트) import { auth } from '@/auth'; const session = await auth(); console.log(session, '------------server side session'); if (!session?.user) { redirect('/login'); } (클라리언트 컴포넌트) 'use client'; import { Button } from '@/components/ui/button'; import { useCallback } from 'react'; // client component에서만! import { signOut, useSession } from 'next-auth/react'; import { useRouter } from 'next/navigation'; export default function LogoutButton() { const router = useRouter(); const { data: me } = useSession(); const onLogout = useCallback(() => { signOut({redirect: false}).then(() => {router.replace('/')}); }, [router]); console.log(me, '------------client side session'); if (!me?.user) return null; return ( <Button className='w-full' onClick={onLogout}>로그아웃</Button> ) } 결과로 와같이 클라리언트 사이드에서는 데이터가 없더라구요. 혹시 어떤부분을 좀 더 봐야할지 알 수 있을까요? 그리고 useSession을 호출하면서 Failed to load resource: the server responded with a status of 404 (Not Found) app-index.js:33 ClientFetchError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON at fetchData (client.js:49:22) at async getSession (react.js:109:21) at async __NEXTAUTH._getSession (react.js:270:43) session 404가 계속나오는데 제가 잘못 호출하고있는건지 궁금합니다.
- react
- next.js
- react-query
- next-auth
- msw
챠챠_
댓글 1
좋아요 0
조회수 456
캐글 사이트 내 강사님 사이트 알려주세요
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
수업을 들으면서 강사님께서 캐글에 있는 데이터와 함께 전처리 문제들을 올려놓으셨다고 하셨는데 제가 찾지를 못하겠습니다. 주소를 알려주시면 들어가서 열심히 공부하겠습니다.
- python
- 머신러닝
- 빅데이터
- pandas
- 빅데이터분석기사
지월목박
댓글 3
좋아요 0
조회수 287
질문 있습니다.
미해결
실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트
안녕하세요. 강의 내용 중 정확히 이해하지 못하고 있는 것이 있어서 질문 드립니다. 강의 중 로그인 버튼 같이 간단한 동작만 있는 컴포넌트는 그 자체를 테스트 하는 것이 아니라, 통합 테스트로 상태에 따른 동작을 검증하는 것이 더 효율적이고 정확한 테스트가 된다. 라고 하셨습니다. 또한 이런 컴포넌트는 스토리북과 같은 도구를 사용하여 스타일이나 레이아우싱 틀어지지 않는지 확인하는 것이 더 중요하다. 라고 말씀 하셨습니다. 이 뜻은 통합 테스트를 스토리북과 같은 도구와 함께 하라는 것이 아니라, 통합 테스트로 상태에 따른 동작을 검증하고, 그 안에 있는 각각의 컴포넌트들은 스토리북 안에서 스타일과 레이아웃이 틀어지지 않는지 확인하라는 것일까요? 아니면 스토리북을 통해 네비게이션 같은 컴포넌트를 만들고 그 단위로 통합 테스트를 하란 말씀이실까요?? 궁금합니다. 강의 너무 잘 듣고 있습니다. 정말 감사합니다!
- javascript
- react
- 소프트웨어-테스트
- vitest
Milkyway
댓글 1
좋아요 0
조회수 207
작업형2 - 스케일링
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
안녕하세요! 작업형2의 데이터 전처리 스케일링 관련하여 문의사항이 있어 질문 남깁니다. 카테고리형 데이터의 경우, 라벨 인코딩, 원-핫 인코딩을 사용하고, 숫자형인 경우, 표준화, 정규화를 사용하는 것 같은데, 각각의 기법을 언제 사용하는지 궁금합니다! 데이터 타입별 기법들의 차이는 이해했는데, 어떤 경우에 어떤 기법을 선택해서 사용해야 하는지 문의드립니다. 감사합니다.
- python
- 머신러닝
- 빅데이터
- pandas
- 빅데이터분석기사
염민서
댓글 2
좋아요 0
조회수 187
동영상 강의가 깨진건 아닌지...
해결됨
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
파이썬 기본 환경 설정(2-1) : 개발 환경 설정(Vscode) - Windows 해당 동영상 강의 플레이가 안되네요. 동영상에 문제가 있는지 뱅글뱅글 돌기만하는데 체크 부탁드립니다. 동영상 강의가 깨진건 아닌지...
- python
댓글 1
좋아요 0
조회수 203
3-4 db sqlite3 파일 질문입니다
미해결
파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)
db sqlite3 파일을 더블클릭했는데 3-4 2분10분 화면처럼 창이 안뜨는데 혹시 무엇이 잘못된지 알수있나요?>....
- react
- python
- django
- web-api
- htmx
댓글 1
좋아요 0
조회수 239
memos.html err
미해결
처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]
안녕하세요 html 에러가 발생했는데, 모듈이 안깔려서 그런가요? 왜 이런 현상이 일어 날까요?
- python
- mvc
- sqlalchemy
- FastAPI
- backend
noortwrk
댓글 2
좋아요 0
조회수 350
[작업형2] 랜덤포레스트 - 에러 문의
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
[작업형2] 3-5 Classification 에서 랜덤포레스트 따라서 하고 있는데요, 한번에 쭉 따라할때는 에러없이 실행되다가 집에와서 다음부터 이어서 들으려고 파일 업로드하고 이전 셀 실행 하니깐 에러가 뜹니다.. 왜그럴까요.. 에러 내용은 갯수가 안맞다고 하는데 왜 안맞는걸까요....?
- python
- 머신러닝
- 빅데이터
- pandas
- 빅데이터분석기사
ahrajoa
댓글 2
좋아요 0
조회수 300
RandomForestRegressor 오타
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
수업 내용 중 RandomForestRegressor를 사용한 경우 regressor = RandomForestRegressor()로 정의하셨는데, 뒷문장들은 model.fit (X_tr,y_tr) pred =model.predict(X_val)로 들어가있어요. 오타가 맞는걸까요? regressor로 정의했기 때문에 regressor.fit (X_tr,y_tr) pred =regressor.predict(X_val)이 맞는거죠?
- python
- 머신러닝
- 빅데이터
- pandas
- 빅데이터분석기사
frankkhj
댓글 1
좋아요 0
조회수 183
2유형 질문
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
이제 막 2유형 공부중인데, 궁금한점이 있습니다. 2유형의 경우에는 답이 없는 문제인 것 같은데, 시험에서 요구하는 제출형식(인덱스 제거, 파일명 맞추기 등)에서 감점되는 것 외에 감점요소가 있을까요? 2유형 만점을 목표로 하고 있는데, 최소로 확보해야하는 성능이라던지의 최소치? 등이 있는 문제인지가 궁금합니다!
- python
- 머신러닝
- 빅데이터
- pandas
- 빅데이터분석기사
nahye1137
댓글 1
좋아요 0
조회수 192
인기 태그
인프런 TOP Writers
- 정현섭 6
- hush park 5
- eggmun(문성진) 4
- 박효정 3
- morneau 3
- Like me black 3
- 코코리코코 3
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚨[월 최소 650만원+] AI/Bigdata 데이터 분석·머신러닝 강사 구합니다🚨 NoFe
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv