세로이동할때 height값
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
가로이동때는 width를 items에 3배로 주었는데 세로이동할때는 height를 그대로 400으로 하셨는데 세로는 안바꿔도 되는건가요? 왜그런건가요??
- HTML/CSS
- jquery
qorgksmf5151
댓글 2
좋아요 1
조회수 160
묻고 답해요
172만명의 커뮤니티!! 함께 토론해봐요.
npx랑 yarn이랑 같이 써도 되나요?
해결됨
기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
프로젝트 세팅할때는 yarn을 쓰셨는데요. shadcn에서 avatar 설치할때는 npx을 쓰셔서요. 같이 써도 문제가 없나요?
- react
- 인터랙티브-웹
- 클론코딩
- next.js
- tailwind-css
- zustand
박상원
댓글 2
좋아요 0
조회수 467
savePath 경로
미해결
SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱
scss파일은 scss폴더에 css파일은 css폴더에 따로 컴파일 되게 하고싶어서 이렇게 경로 설정을 하고 저장했는데 css파일이 scss파일하고 동일한 폴더에 컴파일됩니다.
- HTML/CSS
- sass
- flex
강지현
댓글 2
좋아요 1
조회수 250
섹션2 1.2 페이지 이동 및 데이터페칭 관련 질문
해결됨
한 입 크기로 잘라먹는 Next.js
16분 그림을 기준으로 초기 접속 시(SSR방식) : JS번들링(html 렌더링)하고 hydration으로 상호작용이 가능한 페이지로 변환 페이지 이동 시(CSR방식) : 브라우저가 서버에게 별도의 페이지를 추가로 요청하지않고 js를 실행해서 컴포넌트를 교체 뒤에 나오는 섹션의 데이터페칭과 프리페칭에 관해 궁금합니다. SSR에서의 데이터 페칭은 서버가 접속요청을 받고 백엔드 서버로부터 API를 주고받고 JS를 실행해서 렌더링된 HTML을 브라우저에 렌더링하는 것으로 알고 있는데 페이지 이동시에는 CSR방식으로 처리된다고 하셔서 이럴때는 브라우저에 렌더링 후에 데이터페칭을 하는것인지 궁금합니다. 위의 질문과 유사한데 프리페칭이 현재 페이지에 걸려있는 링크들에 대해서 JS번들링을 미리 가져오는것으로 알고있습니다. 그러면 이것들도 데이터 페칭되지 않은 해당 페이지의 리액트 컴포넌트들만을 가져오는 것인가요?
- react
- typescript
- next.js
gga01075
댓글 2
좋아요 0
조회수 244
설치된 파이썬 이용 가능 여부
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
검색이 영 안 나와서 여쭙니다. 이미 VSCode 노트북 환경이 구축되어있는데 코랩 말고 이걸로 공부해도 되죠? (특정 패키지가 불러와지지 않는다든가 지원 함수가 달라졌다든가 하는 outdated 이슈가 잦은지 궁금합니다) 3.12.6입니다.
- python
- 머신러닝
- 빅데이터
- pandas
- 빅데이터분석기사
이주희
댓글 2
좋아요 0
조회수 133
기억 ( 누적합 ) 강의 11660 문제
해결됨
2주만에 통과하는 알고리즘 코딩테스트 (2024년)
문제에서 '(x, y)는 x행 y열을 의미한다' 라고 적혀있는데 왜 (y,x)로 바꿔서 푼 이유를 모르겠습니다.
- python
- 코딩-테스트
- 알고리즘
댓글 2
좋아요 1
조회수 179
0204 쇼핑 리뷰 군집화 - KMeans, Elbow, Silhouette 분석 강의 질문있습니다.
미해결
모두의 한국어 텍스트 분석과 자연어처리 with 파이썬
0204 쇼핑 리뷰 군집화 - KMeans, Elbow, Silhouette 분석 강의 질문있습니다. 강의에서는 Silhouette 이 부분이 1과 가까워지는 부분에서 좋은 n_cluster라고 하셨는데 그러면 Elbow 차트 말고 Silhouette 만 써도 되는건가요? 0204 쇼핑 리뷰 군집화 결과 분석 - 실제 제품과 군집 교차표 분석 4분 16초에 k.meanslabel==pardict를 하는 이유가 뭔가요? 라벨링 개수와 학습한 개수를 같은지 확인하는 이유가 궁금합니다.
- python
- 머신러닝
- 빅데이터
- NLP
- 텍스트마이닝
- data-clustering
- 데이터-리터러시
zzzzz
댓글 2
좋아요 0
조회수 232
img에 display: none을 주고 div에 background-img를 주는 이유
미해결
Next + React Query로 SNS 서비스 만들기
안녕하세요 제로초님. 강의 잘 보고 있습니다. <img src={ photo.link } alt={ photo.Post ?.content} /> <div className={style.image} style={{backgroundImage: `url(${ photo.link })`}} /> 여기서 css를 보니 img에 display none을 주고 div에 style의 bg로 이미지를 주셨던데 왜 이렇게 하신건지 특별한 이유가 있나요? 궁금합니다.
- react
- next.js
- react-query
- next-auth
- msw
처음끝
댓글 2
좋아요 0
조회수 178
패러랠 라우팅 client-side 에러가 뜹니다.
미해결
Next + React Query로 SNS 서비스 만들기
병렬 라우팅에 문제가 있는 거 같아 문의 드립니다. 강의 그대로 패러렐 라우트, 인터셉터 라우트까지 모두 따라했었는데, "Application error: a client-side exception has occurred (see the browser console for more information)." 브라우저에 이런 에러가 뜨면서, 콘솔창에는 아래와 같이 에러가 뜨더라구요. app-index.js:33 Warning: Cannot update a component (`HotReload`) while rendering a different component (`Router`). To locate the bad setState() call inside Router , follow the stack trace as described in https://reactjs.org/link/setstate-in-render at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:207:11) at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:113:9) at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11) at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:585:13) at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:112:27) at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:117:11) window.console.error @ app-index.js:33 Show 1 more frame Show lessUnderstand this error react-dom.development.js:9126 Uncaught TypeError: initialTree is not iterable at applyPatch (apply-router-state-patch-to-tree.js:17:53) at applyRouterStatePatchToTree (apply-router-state-patch-to-tree.js:74:30) at applyRouterStatePatchToTree (apply-router-state-patch-to-tree.js:76:30) at eval (navigate-reducer.js:142:88)Understand this error app-index.js:33 The above error occurred in the <Router> component: at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:207:11) at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:113:9) at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:160:11) at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:585:13) at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:112:27) at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:117:11) React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundaryHandler. 그래서 어디서 난 에러인지 추리려고 인터셉터 라우트 부분은 아예 빼버리고, 패러랠 라우트 부분으로 확인해보는데, 패러랠 라우트 부분부터 아예 에러가 나서 이것이 문제인 거 같더라구요. { "name": "z-com", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "classnames": "^2.5.1", "dayjs": "^1.11.13", "next": "14.2.11", "react": "^18", "react-dom": "^18" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "autoprefixer": "^10.4.20", "eslint": "^8", "eslint-config-next": "14.2.11", "postcss": "^8.4.47", "tailwindcss": "^3.4.12", "typescript": "^5" } } package.json과 디렉토리 구조는 이런 상태이구요. @modal/compose/tweet/page.tsx @modal/compose/tweet/modal.module.css @modal/default.tsx 이 세 파일은 깃헙 ch2-2 에 나온대로 그대로 적었습니다. import {ReactNode} from "react"; import style from '@/app/(afterLogin)/layout.module.css'; import Link from "next/link"; import Image from "next/image"; import ZLogo from '../../../public/zlogo.png'; import NavMenu from "@/app/(afterLogin)/_component/NavMenu"; import LogoutButton from "@/app/(afterLogin)/_component/LogoutButton"; import TrendSection from "@/app/(afterLogin)/_component/TrendSection"; import FollowRecommend from "@/app/(afterLogin)/_component/FollowRecommend"; // import RightSearchZone from "@/app/(afterLogin)/_component/RightSearchZone"; type Props = { children: ReactNode, modal: ReactNode } export default function AfterLoginLayout({ children, modal }: Props) { return ( <div className={style.container}> <header className={style.leftSectionWrapper}> <section className={style.leftSection}> <div className={style.leftSectionFixed}> <Link className={style.logo} href="/home"> <div className={style.logoPill}> <Image src={ZLogo} alt="z.com로고" width={40} height={40} /> </div> </Link> <nav> <ul> <NavMenu /> </ul> <Link href="/compose/tweet" className={style.postButton}> <span>게시하기dd</span> {/* <svg viewBox="0 0 24 24" aria-hidden="true" className="r-jwli3a r-4qtqp9 r-yyyyoo r-1472mwg r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-lrsllp"><g><path d="M23 3c-6.62-.1-10.38 2.421-13.05 6.03C7.29 12.61 6 17.331 6 22h2c0-1.007.07-2.012.19-3H12c4.1 0 7.48-3.082 7.94-7.054C22.79 10.147 23.17 6.359 23 3zm-7 8h-1.5v2H16c.63-.016 1.2-.08 1.72-.188C16.95 15.24 14.68 17 12 17H8.55c.57-2.512 1.57-4.851 3-6.78 2.16-2.912 5.29-4.911 9.45-5.187C20.95 8.079 19.9 11 16 11zM4 9V6H1V4h3V1h2v3h3v2H6v3H4z"></path></g></svg> */} </Link> </nav> <LogoutButton /> </div> </section> </header> <div className={style.rightSectionWrapper}> <div className={style.rightSectionInner}> <main className={style.main}>{children}</main> <section className={style.rightSection}> {/* <RightSearchZone /> */} <TrendSection /> <div className={style.followRecommend}> <h3>팔로우 추천</h3> <FollowRecommend /> <FollowRecommend /> <FollowRecommend /> </div> </section> </div> </div> {modal} </div> ) } layout.tsx도 위에 코드와 같이 거의 그대로 적었구요. 참고로 layout.tsx에서 console.log(modal) 했을 때, undefined 뜹니다. 근데 또 explore로 이동한 뒤 게시하기 버튼을 누르면 modal이 뜹니다. 이것 저것 다해보다가 도저히 안풀려서 문의드립니다. 제가 어디서 놓친 걸까요...
- react
- next.js
- react-query
- next-auth
- msw
석봉토스트
댓글 2
좋아요 0
조회수 503
스타일 및 개요 다루기
미해결
직장인에게 꼭 필요한 파이썬-아래아한글 자동화 레시피
안녕하세요 맨날 보고서 취합하고 계획서 작성하는 일을하고있습니다. 처음에 양식을 공공기관에서 받으면 스타일도 수십게 개요도업는데 장수는 수백장 그래서 힘들어 하고 있습니다. 예산같은거는 엑셀로 양식만들어서 복사하는데. 맨날 그거 서식정리하는데 한나잘이라 배우러왔습니다. 엑셀 한글 옮기는거는 수업들으면 될거같은데 스타일 및 개요지정 같은것도 가능할까요? 질문사항 공공기관에서 뿌린 보고서 양식에서 1. 가. 이런거를 검색해서 거기의 서식을 스타일로 만들기 그리고 그 스타일을 개요지정후 키워드 검색 문장 스타일적용 한글문서에서 폰트 전부 유지하고 스타일 전부 지우기 엑셀참조 한글에 데이터집어넣기 그냥복사하면 공백도 같이들어가고 폰트 깨지고 난리라서요 ㅜ. 연결해서 붙이기 하면 양식을 마음대로 안되더라고요
- python
- 한컴오피스
Hyunuk Seo
댓글 3
좋아요 1
조회수 316
pyinstall로 exe파일을 만들었는데 코드 한줄만 수정하고선 다시 pyinstall -w -F 파일명 해주면 되는건가요?
미해결
[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)
한 줄만 수정하고 업데이트 하고싶은데 다시 pyinstaller -w -F 파일명 하면 새로운 exe를 만드는게 아닌가요?
- python
- 웹-크롤링
skyhn0207
댓글 2
좋아요 0
조회수 205
위 알고리즘은 어떨까요?
미해결
파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자
site = "http://naver.com" dot_index = site.index(".") slash_index = site.index("/") slash_index = site.index("/", slash_index + 1) + 1 password = site[slash_index:slash_index + 3] + str(len(site[slash_index:dot_index])) + str(site[slash_index:dot_index].count("e")) + "!" print (password)
- python
김재준
댓글 1
좋아요 0
조회수 153
next-auth ./auth.ts 질문입니다 !
미해결
Next + React Query로 SNS 서비스 만들기
import NextAuth from "next-auth" import CredentialsProvider from "next-auth/providers/credentials"; import {NextResponse} from "next/server"; export const { handlers: { GET, POST }, auth, signIn, } = NextAuth({ pages: { signIn: '/i/flow/login', newUser: '/i/flow/signup', }, providers: [ CredentialsProvider({ async authorize(credentials) { const authResponse = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/login`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: credentials.username, password: credentials.password, }), }) if (!authResponse.ok) { return null } const user = await authResponse.json() console.log('user', user); return { email: user.id, name: user.nickname, image: user.image, ...user, } }, }), ] }); @/auth.ts 파일 코드입니다. 이런식으로 에러가 나서 에러 창을 확인해보면 전달된 매개변수의 타입이 적절치 않다고 하는데, 강의 그대로 따라가면서 깃허브 참고하면서 코드를 작성했음에도 불구하고 오류가 나옵니다..
- react
- next.js
- react-query
- next-auth
- msw
승준
댓글 2
좋아요 0
조회수 286
강의 "requests, Beautifulsoup4 사용법 빠르게 알아보기"에서 질문이있습니다.
미해결
[신규 개정판] 이것이 진짜 크롤링이다 - 기본편
7:59초에 출력값을 여러개로 하고 싶은데 선생님 같이 똑같이 설정을 해도 출력값이 한 줄로만 나옵니다 .
- python
- 웹-크롤링
장수빈
댓글 2
좋아요 0
조회수 206
파이썬 예외 처리 try / except 파일 처리 코드가 실행이 안됩니다.
미해결
남박사의 파이썬 기초부터 실전 100% 활용
except 이후에 실행이 안되는데 finally가 되려면 finally 코드를 영상말고 다르게 수정해주어야 되는건가요?
- python
- 웹-크롤링
Sangwoo Jung
댓글 1
좋아요 0
조회수 271
문자열 함수 알려주실때
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
문자열 함수 수업에서 어떤 함수는 print("endswith?:",str_o2.endswith("s")) 뒤에 점을 찍고 나타내고 어떤 함수는 print("sorted:",sorted(str_o1)) 와 같이 점(.)을 찍지 않고 나타내는데 차이점을 설명 해주셔야죠 ㅜㅜㅜ ㅜㅜㅜ 차이점이 뭘까요...? ㅠ 함수마다 구조 다 다르니까 외워야하면 그런거라고라도 말을 해주세요 ...
- python
jinseo6615
댓글 2
좋아요 0
조회수 103
build 오류
해결됨
[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)
$ npm run build > instagram-clone@0.1.0 build > next build ▲ Next.js 14.2.12 - Environments: .env Creating an optimized production build ... ✓ Compiled successfully Linting and checking validity of types .Failed to compile. Linting and checking validity of types ...next/types/app/page.ts:8:13 Type error: Type 'OmitWithTag<typeof import("D:/Study/React/next/Supabase/instagram-clone/app/page"), "config" | "generateStaticParams" | "revalidate" | "dynamic" | "dynamicParams" | "fetchCache" | "preferredRegion" | ... 6 more ... | "generateViewport", "">' does not satisfy the constraint '{ [x: string]: never; }'. Property 'matadata' is incompatible with index signature. Type 'Metadata' is not assignable to type 'never'. 6 | 7 | // Check that the entry is a valid entry > 8 | checkFields<Diff<{ | ^ 9 | default: Function 10 | config?: {} 11 | generateStaticParams?: Function 빌드할때 오류뜹니다 .next 안에 있는 오류인데 지웠다 다시 해도 똑같아요 어떻게 해야 할까요??
- firebase
- next.js
- tailwind-css
- react-query
- supabase
br
댓글 2
좋아요 0
조회수 386
Next 빌트인 Image컴포넌트를 사용하지 않는 이유는 뭔가요??
해결됨
한 입 크기로 잘라먹는 Next.js
Next.js에서는 기본적으로 제공하는 빌트인 Image 컴포넌트가 있음에도 불구하고, 강의에서는 일반 HTML img 태그를 사용하고 있습니다. Next.js의 Image 컴포넌트는 이미지 최적화와 같은 여러 이점을 제공하는 것으로 알고 있는데, 왜 이를 사용하지 않고 img 태그를 선택했는지 궁금합니다. 이에 대한 이유나 특별한 상황이 있다면 설명해 주시면 감사하겠습니다.
- react
- typescript
- next.js
장영진
댓글 2
좋아요 0
조회수 317
페이지 이동시 또는 새로고침시 사전랜더링 질문
미해결
한 입 크기로 잘라먹는 Next.js
처음 배울 때에는 브라우저에 요청이 들어올 때 기본적으로 SSR 방식으로 사전 렌더링이 된 후, 하이드레이션 작용이 일어나 그 후 CSR 방식으로 작동된다고 알고 있습니다. 질문하기 쉽게 / 경로를 보여주는 컴포넌트를 Home, book/:id 경로를 보여주는 컴포넌트를 BookDetail 라고 표기하겠습니다. Home 컴포넌트에 getServerSideProps 메서드로 사전 렌더링때 데이터 페칭을 하고, BookDetail 컴포넌트도 getServerSideProps 메서드로 사전 렌더링때 데이터 페칭을 진행 할 수 있도록 둘다 설정해 놓았을 때, 처음 HOME 컴포넌트 접속시 getServerSideProps 메서드가 실행되고 BookDetail 로 이동시 getServerSideProps 도 메서드도 실행됩니다. getServerSideProps 메서드는 사전 랜더링 때 실행이 되는 걸로 알고 있는데, 기존에 Next.js 랜더링 방식은 사전 렌더링 후, 페이지 이동은 CSR 로 진행된다고 배웠습니다. 그렇다면 BookDetail 로 이동시 CSR 방식으로 랜더링 된다면 , BookDetail 의 getServerSideProps 메서드는 실행되지 않아야 하는게 아닌가요 ?
- react
- typescript
- next.js
픽셀소프트웨어
댓글 2
좋아요 2
조회수 258
그룹폴더 질문있습니다.
해결됨
Next + React Query로 SNS 서비스 만들기
안녕하세요 제로초님 강의를 듣다가 문득 궁금한점이 있어서 질문드립니다. 현재 폴더 구조가 app하위에 (afterLogin) 폴더와 (beforeLogin) 폴더가 있는데, 지금 강의에서는 당연한듯이 beforeLogin 폴더의 layout이 뜨고있는데요, 왜 그런건지 궁금합니다. 현재 단계에서는 뭔가 로그인을 했다는 조건같은걸 아직 작성하지 않은것 같아서요 정리하자면 현재 localhost:3000 의 기본 페이지가 afterlogin 폴더의 layout이 아니라 beforeloign의 layout이 뜨는 이유가 궁금합니다.
- react
- next.js
- react-query
- next-auth
- msw
seongwoo91
댓글 2
좋아요 0
조회수 121
인기 태그
인프런 TOP Writers
- 닉네임 5
- eggmun(문성진) 4
- 박영준 4
- 정현섭 4
- 김보노 3
- 잉꼬팡이 3
- Brandon Kim 3
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv