묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
제이쿼리 코드를 > 자바스크립트로 작성시
안녕하세요 선생님 바쁘실텐데 죄송합니다. 저는 자바스크립트 공부를 위하여 선생님이 제이쿼리로 적어주신 코드들을 자바스크립트로 변환하며 공부 하고 있습니다. 하지만 아래와 같이 변수 fgCon에 classList.add('active'); 를 하였지만 아무런 애니메이션 효과도 나타나지 않고 콘솔 검사시 html 내부에는 이미 active 클래스가 삽입 되어있습니다. 어떠한 문제때문에 그런걸까요?? <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-compatible" content="chrome=1,IE=edge"> <title>스터디</title> <link rel="stylesheet" type="text/css" href="../../library/css/common.css"> <script type="text/javascript" src="../../library/js/jquery.1.12.4.js"></script> </head> <style type="text/css"> .tit_area {padding:100px 0 0 0;} .tit_area .f_content {position: relative; width:70%; margin:0 auto;} .tit_area .f_content .tit {position:relative; z-index:20; left:50px; font-size:80px; line-height:1.2; opacity:1;} .tit_area .f_content .txt {position:relative; z-index:20; left:80px; font-size:50px; opacity:1;} .tit_area .f_content .img {position: relative; transform:translateY(50px); transition:4s .2s cubic-bezier(0.3, 1.01, 0.51, 1.04);} .tit_area .f_content.active .img {transform:translateY(-10px);} .tit_area .f_content .img:after {position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; content:""; background-color: #fff; transition:2s .3s cubic-bezier(0.3, 1.01, 0.51, 1.04);} .tit_area .f_content.active .img:after {width: 0;} .tit_area .f_content .img img {width:100%;} </style> <body> <div class="wrap"> <section class="tit_area"> <article class="f_content"> <h2 class="tit"> GGANG CODING </h2> <p class="txt">애니메이션 가속도 처리방법</p> <figure class="img"> <img src="../images/4.jpg"> </figure> </article> </section> </div> <script type="text/javascript"> var fgCon = document.querySelector('.f_content'); function addClass(){ fgCon.classList.add('active'); }; function init(){//초기화 addClass(); }; init(); </script> </body> </html>
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
상품 삭제 진행중 app crash
안녕하세요 상품 삭제를 진행하는 도중에 app crash가 일어나 처음부터 천천히 찾아보는데 잘 못찾겠네요ㅠㅠ 왜 이렇게 되었는지 알려주시면 감사하겠습니다 git : https://github.com/nam2350/shopingmall
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
eslint 적용 관련해서
eslint 를 적용할때 보통 다른데 보면 prettier도 함께 적용하는 경우가 있던데, 실무에서는 둘다 적용하는게 좋을까요? eslint와 prettier가 하는 역할이 중복 되지는 않는건지 궁금합니다
-
미해결팝스타 공식 뮤비 제작 & 유튜브 2천만 뷰 크리에이터의 애니메이트 X 이모티콘 클래스
트위닝 2프레임 자유변형도구 질문입니다
안녕하세요 선생님. 수업을 듣고있는 권지혜라고 합니다. 트위닝 11분52초 즈음?? 2프레임에서 자유변형도구를 선택하려니 심볼이 1프레임에만 존재하고 2프레임부터 14프레임까지는 전부 사라져있습니다. (레이어1,2동일) 무엇이 문제인지 모르겠어요..ㅠㅠ 알려주시면 감사하겠습니다! (참고로 현재 제가 쓰고있는 애니메이트 버전은 21.0버전입니다)
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
선생님 질문이 있습니다.
선생님 안녕하세요~ 서브페이지 퍼블리싱(Project Detail)에서 PC 레이아웃 서브페이지 퍼블리싱(Project Detail) - #02 강의 듣고잇는데 서브페이지 연결하고 뒤로가기 했을 때 컨택트 화면만 보이고 스크롤하면 위에 포지션 픽스 부분이 스크롤 되더라구요.. 해결하는 방법이 무엇일까요?? visible은 맨 천번 째 섹션에 위치해있어요
-
미해결선형대수학개론
이론 6번 증명이 이해가 안됩니다.
선생님께서 이론 6번을 찾아보시는 번거로움을 덜어드리기 위해 제가 이론 6번에 대해서 설명 해드리자면 det AB = (det A)(det B)가 성립하는 Multiplicative Property 이론입니다. 질문을 작성하는 도중에 곰곰히 생각해보니 이해가 되었습니다. 감사합니다!
-
해결됨[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
목록서식 선택자를 태그선택자로 하면 원래 먹히지가 않나요?
혹시 이렇게 해도 되나? 싶어서 아래와 같이 클래스 선택자가 아니라 태그 선택자를 해봤거든요. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <ul class="menu"> <li>menu1</li> <li>menu2</li> <li>menu3</li> <li>menu4</li> </ul> </body> </html> 원래 위에 같은 경우에 ol과 menu에서 선생님 께서는 css 스타일에서 .menu로 해서 목록스타일을 변경하셨잖아요. 그런데 저는 .menu로 안하고 태그 선택자인 ol로 목록스타일을 변경해서 아래 css 방식으로 해봤는데 안되더라구요.. 원래 태그선택자로는 안되는 건가요? ol { list-style:none; }
-
미해결스프링 핵심 원리 - 기본편
이후 공부 방향에 대해 질문드립니다!
선생님 스프링 핵심원리 입문,기본편 다 수강하였습니다. 앞으로의 공부 방향에 대해서 질문드릴려하는데요. 제가 현재 취업준비를 하고 있는데 앱 개발을 하다가 많은 기업들이 스프링 프레임워크와 db를 많이 면접 때도 질문하고 실무에서 많이 쓰시더라구요 그래서 스프링을 공부하는중인데 선생님께 들은 지식으로 간단한 프로젝트를 만들어서 포트폴리오를 하나 만들고 싶은데요. 그럴라면 프론트(html,css,javascript)도 할 줄알아야 프로젝트를 하나 제가 만들 수 있을 거같은데 어떻게 하면 좋을까요?
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
실기 시험시 수험자제공파일에 완성본 이미지도 있습니까?
웹디자인기능사 실기 시험시 수험자제공파일에 완성시 어떻게 되는지 확인할 수 있게 완성본 이미지도 있습니까?
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
동영상 실시간 탐지 관련
케라스 네팃나 학습된 모델을 추론모델로 변환 한 후 동영상을 실시간으로 탐지하는 방법이 있나요?
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
케라스 넷티나 학습결과 관련
아래 그림처러 케라스 넷티나 패키지로 학습한 결과로 출력된 회귀손실, 분류손실, mAP를 저장해서 그래프로 표현하려고 하는데 어떻게 해야하는지 궁금합니다.
-
미해결애플 웹사이트 인터랙션 클론!
새로고침 했을때 위치를 어떻게 찾아 가는건가요?
어떤 구문 때문에 scene 2 에서 새로 고침을 하면 처음 화면으로 가지 않고 scene 2 로 돌아 오게 되는 건가요?
-
해결됨타입스크립트 입문 - 기초부터 실전까지
마크다운 미리보기 설정 어떻게 하신건가요?
별도의 플러그인이 있는지 어떤 걸 쓰시는지 궁금합니다!
-
미해결타입스크립트 입문 - 기초부터 실전까지
[질문아님] 오늘부터 정주행 시작했습니다.
오늘부터 최소 하루에 하나 정주행 시작했습니다. 완주를 목표로! 좋은 강의 감사드려요. 이고잉님 강의 생각하고 2배속으로 들으려다 하나도 안 들려서 정상배속으로 돌아왔습니다 ㅋㅋㅋ.코로나 기부취지도 좋은 것 같아요! 화이팅!
-
미해결웹 게임을 만들며 배우는 React
componentDidUpdate
componentDidUpdate(prevProps, prevState) { if (this.state.redo === false) { this.runtimeouts(); } //오류납니다 } //if(this.state.bonus === null) 이어도오류가납니다 ㅠㅠ 반면에 강의처럼 if(this.state.winBalls.length === 0)을 했을경우엔 잘 동작하네요 왜그럴까요..(6-3 6분 20초)
-
미해결Node.js로 웹 크롤링하기
app.use() 문법에서 next메서드 사용 질문드립니다.
nodejs 유료강의중에 올라왔던 부분입니다. express 사용법 부분이요.! app.use()를 사용하여 어떤 라우트 요청이 들어와도 무조건 실행하고 싶은 코드를 최상단에 use 메서드를 사용해서 처리할 수 있다고 하셨었는데, 그러면서 동시에 next() 함수를 인자로 받아와서 작성해줘야지만 아래 코드가 순차적으로 실행된다고 배웠습니다. 그런데 뒤에 강의를 듣다보니 아래와같이 코드 최상단에 이렇게 작성하셨는데 next()함수 없이도 이렇게 작성하여도 아래 코드가 실행됩니다. next() 함수를 사용해야되는때가 미들웨어를 설정해주었을때만 그러니까 콜백함수라고 해야되나요? 정확한 명칭은 미들웨어라고 아는데 (req, res, next) => { } 이러한 미들웨어를 작성했을때만 next() 함수를 사용해주면 되는것인가요? 그리고 한가지 더 궁금한점이 있습니다. app.get('./user', (req, res, next)=>{ }) 이부분의 코드를 라우터라고 부르는게 맞을까요? 아니면 미들웨어라고 칭하는게 맞는것인가요? 좋은강의 해주셔서 매번 감사드립니다.
-
미해결[OpenCV] 파이썬 딥러닝 영상처리 프로젝트 2 - 불량사과를 찾아라!
공백 검색 결과 문의
실습을 잘 따라 가고 있습니다. 강사님 말씀 데로 귤 선택하면 99.XXXXX 사과 선택하면 99.XXXX 잘 나옵니다. 그런데 공백이 있는곳 선택하면 사과 99.XXX 나옵니다. 혹시 제가 모델을 잘 못 만든 것인지 아니면 강사님도 같은 결과가 나오는 궁금합니다. 감사합니다.
-
미해결대세는 쿠버네티스 (초급~중급편)
yaml작성 위치
안녕하세요 강사님. 쿠버네티스 dashboard없이, yaml 파일을 저장하고 배포하는 방법에 관해서 문의드립니다. - master node에 pod/service/controller 등의 폴더를 만들어서 폴더 내에 yaml을 작성하여 저장한 후, kubectl ~~명령어로 수행하면 자동으로 다른 worker노드에 배포되는 건지. - master node말고 어떤 node에 작성하든지 상관이 없이 배포되는건지 궁금합니다. 많은 도움 감사드립니다.
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
선생님 혹시 네이버 로그인도 다뤄주실수있나요ㅠㅠ
카카오는 강의 있어서 너무 잘 따라햇는데 네이버는 혼자 해볼려니 도통 모르겠네요 ;ㅅ;
-
미해결스프링 시큐리티
ddl-auto = create가 적용이 안됩니다
2020-11-20 06:36:28.772 INFO 10976 --- [ restartedMain] i.s.c.CoreSpringSecurityApplication : Starting CoreSpringSecurityApplication on chanui-MacBookPro.local with PID 10976 (/Users/chan/Desktop/spring/corespringsecurityfinal-master/target/classes started by chan in /Users/chan/Desktop/spring/corespringsecurityfinal-master) 2020-11-20 06:36:28.775 INFO 10976 --- [ restartedMain] i.s.c.CoreSpringSecurityApplication : No active profile set, falling back to default profiles: default 2020-11-20 06:36:28.835 INFO 10976 --- [ restartedMain] o.s.b.devtools.restart.ChangeableUrls : The Class-Path manifest attribute in /Users/chan/.m2/repository/org/glassfish/jaxb/jaxb-runtime/2.3.2/jaxb-runtime-2.3.2.jar referenced one or more files that do not exist: file:/Users/chan/.m2/repository/org/glassfish/jaxb/jaxb-runtime/2.3.2/jakarta.xml.bind-api-2.3.2.jar,file:/Users/chan/.m2/repository/org/glassfish/jaxb/jaxb-runtime/2.3.2/txw2-2.3.2.jar,file:/Users/chan/.m2/repository/org/glassfish/jaxb/jaxb-runtime/2.3.2/istack-commons-runtime-3.0.8.jar,file:/Users/chan/.m2/repository/org/glassfish/jaxb/jaxb-runtime/2.3.2/stax-ex-1.8.1.jar,file:/Users/chan/.m2/repository/org/glassfish/jaxb/jaxb-runtime/2.3.2/FastInfoset-1.2.16.jar,file:/Users/chan/.m2/repository/org/glassfish/jaxb/jaxb-runtime/2.3.2/jakarta.activation-api-1.2.1.jar 2020-11-20 06:36:28.836 INFO 10976 --- [ restartedMain] .e.DevToolsPropertyDefaultsPostProcessor : Devtools property defaults active! Set 'spring.devtools.add-properties' to 'false' to disable 2020-11-20 06:36:28.836 INFO 10976 --- [ restartedMain] .e.DevToolsPropertyDefaultsPostProcessor : For additional web related logging consider setting the 'logging.level.web' property to 'DEBUG' 2020-11-20 06:36:29.583 INFO 10976 --- [ restartedMain] .s.d.r.c.RepositoryConfigurationDelegate : Bootstrapping Spring Data repositories in DEFAULT mode. 2020-11-20 06:36:29.666 INFO 10976 --- [ restartedMain] .s.d.r.c.RepositoryConfigurationDelegate : Finished Spring Data repository scanning in 73ms. Found 1 repository interfaces. 2020-11-20 06:36:30.123 INFO 10976 --- [ restartedMain] trationDelegate$BeanPostProcessorChecker : Bean 'org.springframework.transaction.annotation.ProxyTransactionManagementConfiguration' of type [org.springframework.transaction.annotation.ProxyTransactionManagementConfiguration] is not eligible for getting processed by all BeanPostProcessors (for example: not eligible for auto-proxying) 2020-11-20 06:36:30.406 INFO 10976 --- [ restartedMain] o.s.b.w.embedded.tomcat.TomcatWebServer : Tomcat initialized with port(s): 8091 (http) 2020-11-20 06:36:30.416 INFO 10976 --- [ restartedMain] o.apache.catalina.core.StandardService : Starting service [Tomcat] 2020-11-20 06:36:30.416 INFO 10976 --- [ restartedMain] org.apache.catalina.core.StandardEngine : Starting Servlet engine: [Apache Tomcat/9.0.27] 2020-11-20 06:36:30.492 INFO 10976 --- [ restartedMain] o.a.c.c.C.[Tomcat].[localhost].[/] : Initializing Spring embedded WebApplicationContext 2020-11-20 06:36:30.492 INFO 10976 --- [ restartedMain] o.s.web.context.ContextLoader : Root WebApplicationContext: initialization completed in 1656 ms 2020-11-20 06:36:30.740 INFO 10976 --- [ restartedMain] o.hibernate.jpa.internal.util.LogHelper : HHH000204: Processing PersistenceUnitInfo [name: default] 2020-11-20 06:36:30.799 INFO 10976 --- [ restartedMain] org.hibernate.Version : HHH000412: Hibernate Core {5.4.8.Final} 2020-11-20 06:36:30.918 INFO 10976 --- [ restartedMain] o.hibernate.annotations.common.Version : HCANN000001: Hibernate Commons Annotations {5.1.0.Final} 2020-11-20 06:36:31.014 INFO 10976 --- [ restartedMain] com.zaxxer.hikari.HikariDataSource : HikariPool-1 - Starting... 2020-11-20 06:36:31.086 INFO 10976 --- [ restartedMain] com.zaxxer.hikari.HikariDataSource : HikariPool-1 - Start completed. 2020-11-20 06:36:31.102 INFO 10976 --- [ restartedMain] org.hibernate.dialect.Dialect : HHH000400: Using dialect: org.hibernate.dialect.PostgreSQLDialect Hibernate: drop table if exists "account" cascade 안녕하세요 강의 너무 잘듣고 있습니다!!! 현재 지금 디비에서 문제가 생겨서 진도가 안나갑니다 처음에 테이블 생성하고 유저 정보와 매니저 정보 저장하는거 까지 문제 없었습니다.근데 로그인을 시도하면 null 값과 함께 VIEW 에서 오류 코드 999 확인됩니다 혹시나 싶어서 다시 서버를 구동하면 localhost 자체가 접속이 안되고 있습니다. 에러 코드는 특별히 나오지 지 않습니다 혹시나 싶어서 db계정에 권한 문제 인가 싶어서 확인해보니 권한 문재도 아닌거 같고.. 프로퍼티즈 에서 create 를 지우면 또 서버구동은 되는데 마찬가지로 localhost가 접속이 안되고 ... ㅠ 이것저것 해보다가 결국 짬뽕이 되버려서 여쭤 봅니다 ㅠㅠ 답답해 미치겠어요 ㅠㅠ
