173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.01
어제 이어 질문드리네요..ㅎㅎ 찾아봤더니 잘 안나오기도 하고 머리썻는데 안되서 다시질문드려요 ㅠ 인터넷보면 물 흐르듯 무한으로 보여지는 배너들효과를 구현하려고하는데 A div실행 이후 B가 실행하고 이걸 무한으로 돌려야겠다! 싶었습니다. 제가 계산을 잘못한것인지 계속 상이하게 됩니다. ㅠ 목표 예시) framer 로 구현 위와 같은 효과를 GSAP로도 주고 싶었는데 가능할까요? 트라이 계쏙해보는데 안되네용 ㅠ 제 생각은 무한루프 돌리는 상태의 div를 감싼 부모를 css 키프레임줘서 빠르게 들어온 이후 무한으로 루프돌릴계획입니다! useGSAP( () => { const Perents = ref.current?.offsetHeight; if (Perents) { gsap.set(".boxes-clone", { y: `-=${Perents}` }); gsap.fromTo( ".boxes", { y: `-${Perents}` }, { duration: 3, ease: "none", y: `+=${Perents}`, repeat: -1, } ); gsap.fromTo( ".boxes-clone", { y: `-${Perents}` }, { duration: 3, ease: "none", y: `+=${Perents}`, repeat: -1, delay: 3, } ); } }, { scope: ".wrapper" } );
HTML/CSS javascript 인터랙티브-웹 gsap
squirrel PARK
2024-07-29T06:54:16.155Z
댓글 2
좋아요 1
조회수 506
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
보더 안으로 넣을때 top : calc가아니라 transform : transition을 사용해도 상관없는건가요?
밀꾸
2024-07-29T05:10:13.168Z
댓글 1
좋아요 2
조회수 160
해결됨
문과생도, 비전공자도, 누구나 배울 수 있는 파이썬(Python)!
3 * 0.1을 계산하면, 0.3이 나오지 않습니다. 0.3이 나오게 하려면 어떻게 하나요?
jwbaek4
2024-07-29T02:20:31.021Z
댓글 1
좋아요 0
조회수 204
미해결
[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)
response = requests.get('https://kor.lottedfs.com/kr/product/productDetail?prdNo=20000731813&prdOptNo=20000908364&dispShopNo1=10031760&dispShopNo2=10031840&dispShopNo3=10032224') html = response.text soup = BeautifulSoup(html, 'html.parser') response.text 이와 같이 들어가면 캡챠화면이 뜨는데 셀레니움으로 작접들어가는거 말고는 방법이 없을까요?
SJ J
2024-07-29T00:37:08.355Z
댓글 1
좋아요 0
조회수 284
해결됨
React 기반 Gatsby로 기술 블로그 개발하기 v2
코드블럭 테스트 language::typescript export const { auth, signIn, signOut, handlers } = NextAuth({ 등등을 존재하는데 아래와같이 코드는 작성했는데 코드 강조가 안되고있습니다. 뭐가문제일까요? import React from 'react' import { ContentfulRichTextGatsbyReference, renderRichText, } from 'gatsby-source-contentful/rich-text' import { getImage } from 'gatsby-plugin-image' import { NodeRenderer, Options } from '@contentful/rich-text-react-renderer' import { BLOCKS, INLINES, MARKS } from '@contentful/rich-text-types' import { Blockquote, Heading, Image, HorizontalRule, OrderedList, UnorderedList, Link, Code, } from './node' export const HEADERS = [ BLOCKS.HEADING_1, BLOCKS.HEADING_2, BLOCKS.HEADING_3, ] as const const CODE_METADATA_REGEX = /^language::(\w+)/ const options: Options = { renderMark: { [MARKS.CODE]: text => { const isBlock = !!text && CODE_METADATA_REGEX.test(text.toString()) if (!isBlock) return <Code>{text}</Code> else return ( <Code isBlock className={`language-${ CODE_METADATA_REGEX.exec(text.toString())?.[1] }`} > {text.toString().replace(CODE_METADATA_REGEX, '').trimStart()} </Code> ) }, }, renderNode: { ...HEADERS.reduce<{ [block: string]: NodeRenderer }>((nodes, header) => { nodes[header] = (node, children) => ( <Heading type={header}>{children}</Heading> ) return nodes }, {}), [BLOCKS.OL_LIST]: (_node, children) => ( <OrderedList>{children}</OrderedList> ), [BLOCKS.UL_LIST]: (_node, children) => ( <UnorderedList>{children}</UnorderedList> ), [BLOCKS.HR]: () => <HorizontalRule />, [BLOCKS.QUOTE]: (_node, children) => <Blockquote>{children}</Blockquote>, [BLOCKS.EMBEDDED_ASSET]: node => { const { gatsbyImageData, description } = node.data.target const image = getImage(gatsbyImageData) if (image) return <Image image={image} alt={description} /> }, [INLINES.HYPERLINK]: (node, children) => ( <Link href={node.data.uri as string} target="_blank" rel="noopener noreferrer" > {children} </Link> ), }, } export default function useRenderRichText({ raw, references, }: Queries.ContentfulPostContent) { if (!raw) return null return renderRichText( { raw, references: references as unknown as ContentfulRichTextGatsbyReference[], }, options, ) } import React from 'react' import { GatsbyBrowser } from 'gatsby' import Layout from './src/components/common/Layout' import 'prismjs/themes/prism-tomorrow.min.css' export const wrapPageElement: GatsbyBrowser['wrapPageElement'] = ({ element, props, }) => { return <Layout {...props}>{element}</Layout> } import React from 'react' import { GatsbyBrowser } from 'gatsby' import Layout from './src/components/common/Layout' import 'prismjs/themes/prism-tomorrow.min.css' export const wrapPageElement: GatsbyBrowser['wrapPageElement'] = ({ element, props, }) => { return <Layout {...props}>{element}</Layout> } import React, { useEffect } from 'react' import styled from 'styled-components' import { TPostBodyProps } from '../../types/PostBody' import Prism from 'prismjs' import 'prismjs/components/prism-typescript' import useRenderRichText from '../../hooks/useRenderRichText' const Wrapper = styled.div` position: relative; display: grid; grid-template-columns: 1fr 220px; grid-gap: 30px; justify-content: space-between; align-items: flex-start; padding-top: 100px; ` const Content = styled.div` overflow: auto; display: flex; flex-direction: column; gap: 100px; font-size: 16px; line-height: 2; word-break: break-word; ` export default function PostBody({ content }: TPostBodyProps) { const richText = useRenderRichText(content) useEffect(() => { Prism.highlightAll() }, []) return ( <Wrapper> <Content> <div id="content">{richText}</div> {/* 댓글 컴포넌트가 들어갈 자리 */} </Content> {/* 플로팅 목차 컴포넌트가 들어갈 자리 */} </Wrapper> ) }
최정훈
2024-07-28T17:24:10.183Z
댓글 3
좋아요 0
조회수 403
해결됨
파이썬 알고리즘 트레이딩 파트1: 알고리즘 트레이딩을 위한 파이썬 데이터 분석
선생님.. 이렇게 떠서 연필모양 클릭이 안되요 ㅠㅠ..뭐가 문제일까요
python 머신러닝 pandas 객체지향 퀀트 병렬-처리
Hoon
2024-07-28T15:07:39.173Z
댓글 3
좋아요 0
조회수 224
해결됨
파이썬 알고리즘 트레이딩 파트1: 알고리즘 트레이딩을 위한 파이썬 데이터 분석
승인된 LowPriorityCores 할당량을 초과하므로 작업을 완료할 수 없습니다. 추가 세부 정보 - 배포 모델: Resource Manager, 위치: KoreaCentral, 현재 제한: 3, 현재 사용량: 0, 추가 필요: 16, (최소) 새 제한 필요: 16. 할당량이 임계값에 도달할 때 경고를 설정합니다. https://aka.ms/quotamonitoringalerting에서 자세히 알아보세요. 배포가 성공할 수 있도록 '세부 정보' 섹션에 나열된 매개 변수를 지정하여 https://aka.ms/ProdportalCRP/#blade/Microsoft_Azure_Capacity 이게.. 저도 클라우딩 컴퓨터가 처음이라 익숙하지가 않는데 ㅠ 이렇게 오류가 뜹니다.. 계정이 유료?로 전환되었는지도 모르겠고요 ㅠㅠ 일단 앞의 강의 에서 spot이게 검색해도 아무것도 뜨지 않아서 지금 강의 부터 진행 하는데 역시 안되네요 ㅠㅠ 뭐가 문제일까요
python 머신러닝 pandas 객체지향 퀀트 병렬-처리
2024-07-28T14:54:13.598Z
댓글 3
좋아요 0
조회수 233
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.01
안녕하세요! 초기 애니메이션을 진입할때 css나 gsap으로 keyfream 주고 빠르게 들어온 이후 감속하듯이 부드럽게 흐르도록 구현 할 수 있을까요..? css에 같은 클래스에 키프레임을 줬더니 css때문에 gsap이 충돌나는지 안되더라구요.ㅠ.
HTML/CSS javascript 인터랙티브-웹 gsap
squirrel PARK
2024-07-28T14:17:37.719Z
댓글 1
좋아요 2
조회수 230
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
!SEEN Seen처리를 한다는게 계속돌려봐도 이해가 안가네요.. 거꾸로문자열 출력하는것도 이해가 안갑니다.
김인도
2024-07-28T13:40:14.918Z
댓글 3
좋아요 0
조회수 321
미해결
[React 1부] 만들고 비교하며 학습하는 React
안녕하세요 선생님 리액트 프로젝트를 본격적으로 하기 위해 npm i -> npm start로 localhost:8080 에 접속해야 하는데 자꾸 오류가 나오네요 제가 군대에서 수업 듣고 있어서 vscode는 설치를 못하고 대안으로 무료클라우딩 사이트 replit을 이용중입니다. 폴더구조 정확히 맞게 했고 100%그대로 따라 옮겼는데 왜 이런 오류가 나오는지 모르겠습니다. 어떻게 해결해야 될까요? 공부해야 하는데 여기에 막혀서 하루종일 시간 썼네요 ㅠ 답변주시면 감사하겠습니다!!
이재은
2024-07-28T13:19:03.446Z
댓글 1
좋아요 1
조회수 315
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
안녕하세요 유튜브 24년 2회 기출 해설 C언어 구조체 (25분) 에서 암만 봐도 b가 n1이고 20 인지 이해가 안됩니다.
룰루데이
2024-07-28T11:28:24.967Z
댓글 2
좋아요 0
조회수 212
미해결
[React 1부] 만들고 비교하며 학습하는 React
안녕하세요 선생님 수업 잘듣고 있습니다. 다소 수준이 높은 수업이라 조금 헤매고 있지만요.. 최근 검색어 3에서 2분 41초 경에 store js에서 15번째 줄 search(keyword) { this.addHistory(keyword); return this.storage.productData.filter((product) => product.name.includes(keyword) ); } 이 부분이 있는데요. 이 부분때문에 store의 search가 addHistory를 호출하고 상태변화가 이루어질 수 있는데 (addhistory 내용만 수정하면 main.js의 코드를 수정안해도 목표로 하는 최근 검색어에 목록 추가를 할 수 있어서요) 굳이 4분 1초 경에 main.js의 search에서 setstate를 건드리시는 이유가 무엇인가요? 이미 상태변화가 store.js에서 작성한 코드 때문에 이루어지고 있기때문에 다소 역할이 중복된 코드가 아닌가해서요 답변주시면 감사하겠습니다
이재은
2024-07-28T10:18:30.054Z
댓글 1
좋아요 1
조회수 215
미해결
[리뉴얼] React로 NodeBird SNS 만들기
궁금합미다
react redux node.js express next.js
ddabong
2024-07-28T10:05:29.120Z
댓글 1
좋아요 0
조회수 469
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 아래 오류가 자꾸 뜨는데 이유를 모르겠습니다... input 태그에 텍스트도 써지지 않습니다. onchange2 도 이어서 작성하면 오류가 발생하여 지워버렸습니다ㅠㅠ Warning: You provided a value prop to a form field without an onChange handler. This will render a read-only field. If the field should be mutable use defaultValue . Otherwise, set either onChange or readOnly .
suhyunk519
2024-07-28T08:57:59.650Z
댓글 2
좋아요 0
조회수 375
해결됨
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
로고, 슬라이드, 갤러리, 배너, 바로가기 이미지 작업 HTML 작성 후에 해야 합니까? 시험지 보고 먼저 제작 해 두어야 합니까? HTML 작성 하다가 중간 중간 제작해야 합니까?
HL5PFM
2024-07-27T22:57:01.908Z
댓글 1
좋아요 1
조회수 134
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
안녕하세요, 강사님 int 형 사이즈 계산이 잘못된 것 같습니다. int 형은 4byte 임으로 4씩 차이가 발생하지 않나요?? "" int 배열 메모리 주소: 0x7ffd3f1f9e28 0x7ffd3f1f9e2c 0x7ffd3f1f9e30 '이게 뭔소리인가..' 싶지만 그냥 숫자마다 오른쪽 끝만 보시면, 연속된다는 것을 알 수 있습니다. 다만, int는 2씩 차이가 나고 char는 1씩 차이가 납니다. """"
고수완
2024-07-27T17:25:07.656Z
댓글 1
좋아요 0
조회수 230
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
상속에서는 부모클래스에 없는 속성을 추가할 수 있는데, 업캐스팅을 할 경우엔, 부모클래스에 없는 함수를 사용하면 안되는 거 맞을까요? 그렇다면 추상화, 인터페이스도 부모클래스에 없는 함수를 사용하면 안되는 거 맞을까요?
pmrim01
2024-07-27T17:14:46.662Z
댓글 1
좋아요 0
조회수 194
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
32분에 있는 2022년 2회 (변형) 문제입니다. 혹시 여기서 서브쿼리를 사용하지 않고 단순하게 WHERE 절에 단가 < AVG(단가) 라고만 해도 되는지 여쭤보고 싶습니다!!
이주환
2024-07-27T15:49:02.884Z
댓글 1
좋아요 0
조회수 267
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
29:19 에서 문제에서는 코드에서 반드시 첫번째부터 4번째 시행까지 값이 변해야 된다는 조건이 없는데 왜 답이 <인가요?>이어도 문법적으로는 오류가 없는 거 아닌가요?
안수빈
2024-07-27T15:14:58.026Z
댓글 1
좋아요 0
조회수 204
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
import pandas as pd df = pd.read_csv("student_assessment.csv") df = df.dropna(subset='score') df = df.sort_values('id_assessment', ascending=False) cond = df['id_assessment'] == 133 df = df[cond] df_1 = df.copy() cols = list(df.columns[df.dtypes != object]) cols from sklearn.preprocessing import StandardScaler ss = StandardScaler() df_1[cols] = ss.fit_transform(df_1[cols]) df['score_ss'] = df_1['score'] df = df.sort_values('score_ss', ascending=False)['score_ss'] print(round(df.max(), 3)) 이렇게 풀면, 답이 '1.462'로 다른 값이 나오는데, 왜 이렇게 되는 걸까요?
python 머신러닝 빅데이터 pandas 빅데이터분석기사
luckup7
2024-07-27T14:18:09.064Z
댓글 2
좋아요 0
조회수 205
