173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요! 이번에 새롭게 강의를 듣기 시작하게 된 sunny라고 합니다! 학습용 DB를 설정하고 있는 상황인데됴! 말씀주신대로 code를 다운로드 받고, 사용 폴더로 이동시킨 후 npm i , Supabase 설정하여 .env 파일에 DATABASE_URL 변수까지 잘 설정해주었습니다. 이후 과정인 npx prisma db push 과정에서 소요시간이 너무 오래 걸려서.. 혹시 제가 확인해볼 수 있는 방법 혹은 예측되는 상황이 있으실까 하여 질문드리게 되었습니다!! ㅠㅠ 혹시 몰라 node_modules 폴더 삭제 후 재실행 했는데도 동일한 현상이 발생하고 있는데.. 제가 확인해볼 수 있는 부분들이 있을까요?? 감사합니다!
Sunny Sideup
2024-10-22T00:22:02.759Z
댓글 2
좋아요 0
조회수 163
미해결
따라하며 배우는 리액트 네이티브 기초
안녕하세요. 진도가 100% 완료가 안됩니다. 첨부드린 것처럼 마지막 강의가 . 으로 되어 있고 눌러봐도 영상 나오는 것도 없고 강의가 진행되는게 없습니다. 마지막 강의 완료가 안되서 진도율이 98%에서 멈춰있고 100%가 안되는거 같은데 확인 부탁드립니다. 다른 강의는 모두 수강했습니다.
2024-10-21T23:51:06.791Z
댓글 1
좋아요 0
조회수 234
해결됨
세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)
안녕하세요. 다보지는 않았지만, 열심히 수강하고 있습니다 : ) 다름아니라 강의보던중에 강사님 백준 등급이 어떻게 되시는지 호기심이 생겨 질문드립니다. 실례가 안된다면 알려주실 수 있나요?~ 세계 대회 진출자라고 하셔서 궁금하네요
다라미
2024-10-21T15:53:59.271Z
댓글 1
좋아요 0
조회수 343
미해결
초보자를 위한 ChatGPT API 활용법 - API 기본 문법부터 12가지 프로그램 제작 배포까지
가상 환경을 만들어서 pip install streamlit을 하면 cmake와 pyarrow가 안 된다며 설치가 안 돼요 그리고 자꾸 cmd 옆에 경고 표시가 떠요
python 챗봇 streamlit openai chatgpt
gimgirl
2024-10-21T13:08:21.312Z
댓글 1
좋아요 0
조회수 656
해결됨
2주만에 통과하는 알고리즘 코딩테스트 (2024년)
추가 강의 또한 순서대로 보는 것이 도움이 되나요?? 아니면 원하는 강의를 들어도 괜찮나요??
jwk
2024-10-21T12:58:15.326Z
댓글 2
좋아요 1
조회수 205
미해결
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
15:54초에서 해당 코드 설명이 나와 있는 것 같은데, 저는 설명창이 나오지 않는데 어떻게 하면 설명을 확인할 수 있나요?
python 머신러닝 빅데이터 pandas 빅데이터분석기사
wsyang
2024-10-21T12:57:16.283Z
댓글 2
좋아요 0
조회수 85
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
df.head()와 df 입력시 차이점이 어떤것인가요?
python 머신러닝 빅데이터 pandas 빅데이터분석기사
wsyang
2024-10-21T12:47:02.264Z
댓글 2
좋아요 0
조회수 182
해결됨
처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]
섹션 12 SQLAlchemy 검색 기본 문법 7분 54초 @app.get("/users/{user_id}") def read_user(user_id: int, db: Session = Depends(get_db)): db_users = db.query(User.username, User.email).all() if db_users == []: return {"error": "User not found"} return {"db_users": db_users} 강의 내용과 동일하게 작성하여 실행 했는데, 아래와 같은 오류가 났습니다. 구글 검색 해 봐도... 잘 모르겠어서 질문 남겨봅니다... ValueError: [ValueError('dictionary update sequence element #0 has length 6; 2 is required'), TypeError('vars() argument must have __dict__ attribute')]
python mvc sqlalchemy FastAPI backend
HYO JIN Kim
2024-10-21T12:46:09.294Z
댓글 1
좋아요 0
조회수 235
미해결
데브옵스(DevOps)를 위한 쿠버네티스 마스터
vmware 로 구축 시 3개 가상서버의 네트워크 설정을 nat 로 구성하고 서버 띄우면 ip가 전부 동일하게 뜨는데, 다른 설정을 해주어야 하나요? 그리고 재부팅 때마다 동적 ip 할당이 되는데, 고정ip로 설정하고 진행하면 될까요?
docker kubernetes vmware nat
jhsong1
2024-10-21T12:34:37.101Z
댓글 2
좋아요 0
조회수 1528
해결됨
비전공자도 이해할 수 있는 CI/CD 입문·실전
안녕하세요 선생님 일반 프로젝트에서 많이쓰는 CI/CD 구축방법 실습 따라하고 있는데 위와 같은 오류가 게속 발생합니다.ㅠ 인텔리제이안에서 setting,project structure 버전도 17로 맞추고, 환경변수도 확인해보고 java version도 다 확인해봤는데 같은 오류가 떠서 질문드립니다... 혹시 다른게 원인일까요?
aws docker ci/cd github-actions aws-code-deploy infrastructure aws-ec2
Sohyun Park
2024-10-21T10:50:45.883Z
댓글 2
좋아요 0
조회수 263
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
csv 파일을 주어졌으니, import pandas as pd df= pd.read _csv 여기까지는 뜻도 모르고 기계적으로 따라하기는 했습니다. print(df) 한 셀만 이용하라고 하셔서 내용도 궁금하니 확인할 겸 print문을 썼습니다. . f1 컬럼의 결측치를 중앙값으로 대체 df.isnull().sum() 을 통해 df에 결측치가 있다는 사실을 이해했는데, df['f1']=df['f1'].fillna() 와 같은 형태로 채우기는 해야하는데.. 중앙값 (median 맞나요??) 코딩을 어떻게 응용해야 할 지 모르겠습니다. . 나머지 결측치가 있는 데이터(행) 모두 제거 . 앞에서부터 70% 데이터 중 view 컬럼의 3사분위수에서 1사분위수를 뺀 값 계산 궁극적으로 첫번째 문제 때 부터 문제를 읽다가 난독(?) 증상이 와서 어떤 코딩을 어떻게 적용 또는 응용해야 할 지를 몰라서 도무지 갈피가 잡히지 않습니다. 비슷한 고민이나 어려움을 겪어보셨던 분들 조언해주시면 좋겠습니다. 필기합격 유효기간도 얼마 남지 않아서 실기를 꼭 따고싶어서 인터넷 동영상 강의를 들으며 따라해볼 때는 자신감이 붙는 것 같은데, 막상 모의문제 코딩 풀이를 하려니 마음만 앞서고 몸은 전혀 따라주지 않네요... 그냥 처음 몇 번은 고민해봤자 생각이 안되니 코딩 방법이라도 외우든 요령을 틔워야만 할 수 밖에 없는지.. 정말로 갈피가 잡히지 않습니다. 문제 읽고 이해를 못해서.. 문제를 읽고 적합한 코딩을 어떻게 응용해야 할 지 몰라 실기 0점만 주구장창 받으면 스트레스만 쌓이지 않겠습니까?
python 머신러닝 빅데이터 pandas 빅데이터분석기사
WHO?
2024-10-21T10:17:52.889Z
댓글 1
좋아요 0
조회수 111
해결됨
개발자를 위한 쉬운 도커
안녕하세요 도커가 npm 패키지 변경내역을 어떤식으로 알 수 있는건지 원리가 궁금해서 질문드립니다. 도커 자체에서 package.json과 package-lock.json파일이 패키지에 관련된 파일이란 것을 인식해서, 해당 파일들의 내용이 변경여부에 따라 캐싱이미지를 사용할지 말지 결정하는건가요? 감사합니다.
docker 가상화 ci/cd docker-compose github-actions docker-volume docker-image container
Donggun Jang
2024-10-21T07:07:56.456Z
댓글 2
좋아요 1
조회수 190
미해결
입문자를 위한 코딩테스트 핵심(이론과 문제풀이) [Python]
강사님 밑에 코드로 작성해도 괜찮은가요!? 잘보고있습니당!! def solution(nums, target): answer = [0]*2 nums.sort() n = len(nums) left = 0 right = n-1 sumV = nums[left] + nums[right] for _ in range(n): if sumV == target: answer = [nums[left], nums[right]] break elif sumV > target: right -= 1 sumV = nums[left] + nums[right] elif sumV < target: left += 1 sumV = nums[left] + nums[right] return answer
wannabeing
2024-10-21T06:56:08.592Z
댓글 1
좋아요 0
조회수 172
해결됨
입문자를 위한 Spring Boot with Kotlin - 나만의 포트폴리오 사이트 만들기
프로젝트 수정 새로운 Jar 파일 만들기 Dockerfile 실행 docker-compose.yml 실행 docker 데스크탑에서 이미지 올라갔는지 확인 후 docker hub 에 push 만들어둔 vm 인스턴스 ssh 콘솔에 docker-compose.yml 수정 및 up 명령어 사용 이렇게 하면 될까요? 방법을 잘 모르겠습니다...
kotlin mysql docker spring-boot jpa
2024-10-21T06:32:20.564Z
댓글 2
좋아요 0
조회수 312
해결됨
2주만에 통과하는 알고리즘 코딩테스트 (2024년)
#include <iostream> #include <vector> #include <algorithm> #include <numeric> #include <string> using namespace std; int main() { int answer = 0; int n; cin >> n; vector<pair<int,int>> pos(n); for (int i = 0; i < n; ++i) { cin >> pos[i].first >> pos[i].second; } vector<int> result(n,-1); // k번쨰 칸에 들어갈 경우 // 한 집을 정해서 최소 거리를 구한다 for (int i = 0; i < n; ++i) { vector<int> temp; for (auto p2 : pos) { int distance = abs(pos[i].first - p2.first) + abs(pos[i].second - p2.second); temp.push_back(distance); } sort(temp.begin(), temp.end()); int cnt = 0; for (int j = 0; j < n; ++j) { cnt += temp[j]; if (result[j] == -1) result[j] = cnt; else result[j] = min(cnt, result[j]); } } for (int i = 0; i < n; i++) { cout << result[i] << " "; } return 0; } 안녕하세요, 해당 문제 C++로 풀어서 제출해보았는데 백준 1090문제에서 안돌아가서요. 제가 봤을 때 강의 노트 풀이랑 똑같은 것 같은데 무슨 문제가 있을까요?
임보배
2024-10-21T05:36:13.582Z
댓글 2
좋아요 1
조회수 247
미해결
[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)
pyinstaller -w -F를 실행하면 이런 에러가 뜹니다..ㅠㅠ .exe 파일도 생성 안 되구요 어떻게 해결해야 할까요?? FileNotFoundError: Icon input file /Library/Frameworks/Python.framework/Versions/3.12/lib/python3.12/site-packages/PyInstaller/bootloader/images/icon-windowed.icns not found
Yr Yr
2024-10-21T05:16:33.402Z
댓글 2
좋아요 0
조회수 508
해결됨
따라하며 배우는 리액트 네이티브 기초
안녕하세요. 모두 수강했는데 진행도가 100% 안찍히는데 원인을 알수있을까요? 혹시 마지막 강의 "." 제목으로 된것 떄문인가요? 이거 어떻게 수강 체크하는지 알수있을까요??
김정우
2024-10-21T04:49:23.579Z
댓글 1
좋아요 0
조회수 252
해결됨
Next + React Query로 SNS 서비스 만들기
// src/components/TanstackQueryOption.ts import { isServer, QueryClient, defaultShouldDehydrateQuery, } from '@tanstack/react-query' function makeQueryClient() { return new QueryClient({ defaultOptions: { queries: { staleTime: 15 * 1000, }, dehydrate: { shouldDehydrateQuery: (query) => defaultShouldDehydrateQuery(query) || query.state.status === 'pending', }, }, }) } let browserQueryClient: QueryClient | undefined = undefined export function getQueryClient() { if (isServer) { return makeQueryClient() } else { if (!browserQueryClient) browserQueryClient = makeQueryClient() return browserQueryClient } } // src/components/TanstackQueryProvider.tsx 'use client' import { getQueryClient } from '@/component/TanstackQueryOption'; import { QueryClientProvider, } from '@tanstack/react-query' import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; import { ReactNode } from 'react' export default function TanstackQueryProvider({ children }: { children: ReactNode }) { const queryClient = getQueryClient() return ( <QueryClientProvider client={queryClient}> {children} <ReactQueryDevtools initialIsOpen={process.env.NEXT_PUBLIC_MODE === 'local'} /> </QueryClientProvider> ) } // src/app/layout.tsx import Banner from "@/component/Banner"; import Footer from "@/component/Footer"; import Header from "@/component/Header"; import TanstackQueryProvider from "@/component/TanstackQueryProvider"; import type { Metadata } from "next"; import { Inter } from "next/font/google"; import "@/app/global.css"; const inter = Inter({ subsets: ["latin"] }); export const metadata: Metadata = { title: "Create Next App", description: "Generated by create next app", }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( <html lang="en"> <body> <TanstackQueryProvider> <div className='container'> <Banner/> <Header/> <main>{children}</main> <Footer/> </div> </TanstackQueryProvider> </body> </html> ); } // src/app/page.tsx import ProductList from "@/component/ProductList"; import { getQueryClient } from "@/component/TanstackQueryOption"; import { getProducts } from "@/fetch/getProducts"; import { dehydrate, HydrationBoundary, QueryClient } from "@tanstack/react-query"; import Image from "next/image"; export default function Page () { const newQueryClient = getQueryClient(); newQueryClient.prefetchQuery({ queryKey:['products'], queryFn: getProducts, }) return ( <> <section className='visual-sec'> <Image src="/visual.png" alt="visual" width={1920} height={300}/> </section> <section className="product-sec"> <h2>상품 리스트</h2> <HydrationBoundary state={dehydrate(newQueryClient)}> <ProductList /> </HydrationBoundary> </section> </> ) }; 'use client' // src/components/ProductList.tsx import Product from "@/component/Product"; import { getProducts } from "@/fetch/getProducts"; import { useQuery, useSuspenseQuery } from "@tanstack/react-query"; import styles from "@/component/ProductList.module.css"; export const ProductList = () => { const {data, isLoading, isFetching} = useSuspenseQuery({queryKey: ['products'], queryFn: getProducts}); console.log(`isLoading: ${isLoading}, isFetching: ${isFetching}`) return ( <div className={styles.productList}> {data?.map((product: any) => ( <Product key={product.item_no} product={product} /> ))} </div> ) }; export default ProductList; // src/components/Product.tsx import Link from "next/link"; import Image from "next/image"; export const Product = ({product} : any) => { return ( <Link href={`/product/${product.item_no}`} prefetch> <Image src={product.detail_image_url} alt={product.item_name} width={500} height={300} /> <h3>{product.item_name}</h3> <span>{product.price}</span> </Link> ) } export default Product; // src/app/product/[id]/page.tsx export default function ProductDetailPage() { return ( <> 상품 상세페에지 </> ) } // src/fetch/getProducts.ts export const getProducts = async () => { const res = await fetch(`http://localhost:9090/api/products`, { method: "GET", headers: { "Content-Type": "application/json", }, next: { revalidate: 10, } }); const currentTime = new Date().toLocaleTimeString(); const data = await res.json(); if (typeof window === "undefined") { console.log('fetch products', 'server', currentTime); console.table(data); } else { console.log('fetch products', 'client', currentTime); console.table(data); } if(!res.ok) { throw new Error("Failed to fetch products"); } return data; } // src/server/server.js import express from "express"; import cors from "cors"; const app = express(); const port = 9090; app.use(cors()); app.use(express.json()); app.get("/api/products", (req, res) => { const currentTime = new Date().toLocaleTimeString(); console.log(`Received request at ${currentTime}`); const products = [ { item_no: 122997, item_name: '상품 1', detail_image_url: 'https://picsum.photos/id/237/500/500', price: 75000, }, { item_no: 768848, item_name: '상품 2', detail_image_url: 'https://picsum.photos/id/238/500/500', price: 42000, }, { item_no: 552913, item_name: '상품 3', detail_image_url: 'https://picsum.photos/id/239/500/500', price: 240000, }, // { // item_no: 1045738, // item_name: '상품 4', // detail_image_url: // 'https://picsum.photos/id/240/500/500', // price: 65000, // }, ]; res.json(products); }); app.listen(port, () => console.log('Server is running')); 안녕하세요, fetch와 tanstackQuery를 사용해서 ISR 동작을 테스트하고있었습니다. 테스트 마다 .next 파일은 지우고 새로 build 하여 run start를 통하여 확인하였습니다. staleTime과 revalidate 의 시간이 서로 상이한데, 동일하게 설정했을때, 시간의 간격을 두었을때의 차이점을 직접 확인하려고 하였는데 어떤점에서 차이가 나는지 보고도 이해가 안가서 질문드립니다. 궁금점 1. staleTime과 revalidate 는 gcTime 처럼 staleTime이 revalidate보다 적은 시간으로 설정을 해야하는지? 그렇다면 그 이유는 gcTime보다 작게 설정하는 이유와 같은지? 가 궁금합니다. 2. server.js에 주석처리해놓은 item을 다시 주석을 해지하면 처음 revaildate의 10초 설정으로 인해 새로고침을해도 아이템은 계속 페이지에서 3개만 노출되고있고, 상품을 클릭해서 이동을 하면서 staleTime의 설정인 15초가 되었을때는 client 요청이 발생하여 아이템이 4개로 잘 노출되고있습니다. 하지만 이 때 새로고침을 하게되면 처음 fetch revalidate로 cache되어있던 데이터인 아이템 3개까지만 노출이 되고 새로고침을 한번 더 진행해야 그때서야 4개로 노출이되는데 클라이언트와 서버 쪽이 서로 싱크가 안맞는거같은데 이러한 문제점이 왜 일어나는지 이해가 잘안됩니다! 3. 확장된 fetch와 tanstackQuery를 어떻게 분리해서 사용해야할까도 많이 고민이 되는데.. queryFn 에 이미 fetch로 만들어둔 함수를 가져와 사용하니 분리라는 개념을 생각하면 안되는걸까요? fetch를 독립적으로 사용하는 경우도있다고하는데 이 경우는 왜 독립적으로 사용하는지 잘모르겠습니다.
react next.js react-query next-auth msw
밍끼
2024-10-21T03:11:42.742Z
댓글 1
좋아요 0
조회수 264
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
gold값을 가진 데이터 수를 구할 때 아래의 코드처럼 조건문 대신 .str과 .sum을 사용해도 괜찮은 건가요? print(df['f3'].str.contains('gold').sum())
python 머신러닝 빅데이터 pandas 빅데이터분석기사
gniddup5
2024-10-21T02:54:18.922Z
댓글 2
좋아요 0
조회수 107
미해결
코드로 배우는 React 19 with 스프링부트 API서버
각각 vscode, intelliJ로 생성하였는데 다른 툴을 사용한 이유가 무엇인가요 그리고 두 프로젝트는 역할이 어떻게 다른가요
react spring-boot jpa jwt redux-toolkit
이서연
2024-10-20T16:31:08.072Z
댓글 1
좋아요 0
조회수 202
