inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

스크롤 애니메이션 구현 3번에서의 오류

미해결

애플 웹사이트 인터랙션 클론!

안녕하세요 평소 배우고 싶은 강의가 딱 있어 재미있게 듣는 과정 중에 오류가 발생하였습니다. (() => { let yOffset = 0; // window.pageYOffset 대신 쓸 변수 let prevScrollHeight = 0; // 현재 스크롤 위치(yOffset)보다 이전에 위치한 스크롤 섹션들의 스크롤 높이값의 합 let currentScene = 0; // 현재 활성화된(눈 앞에 보고있는) scroll-section const sceneInfo = [ { //0 type: 'sticky', heightNum: 5, // 브라우저 높이의 5배로 scrollHeight 세팅 scrollHeight: 0, //scroll-section id를 바로 가져와서 사용할수 있게 객체화 시킨다. objs: { container: document.querySelector('#scroll-section-0'), messageA: document.querySelector('#scroll-section-0 main-message.a'), messageB: document.querySelector('#scroll-section-0 main-message.b'), messageC: document.querySelector('#scroll-section-0 main-message.c'), messageD: document.querySelector('#scroll-section-0 main-message.d'), }, values: { //opacity와 transform 함수를 사용 하여 변화를 준다 //전체 범위(700) messageA_opacity: [0, 1] } }, { //1 type: 'normal', heightNum: 5, // 브라우저 높이의 5배로 scrollHeight 세팅 scrollHeight: 0, objs: { container: document.querySelector('#scroll-section-1') } }, { //2 type: 'sticky', heightNum: 5, // 브라우저 높이의 5배로 scrollHeight 세팅 scrollHeight: 0, objs: { container: document.querySelector('#scroll-section-2') } }, { //3 type: 'sticky', heightNum: 5, // 브라우저 높이의 5배로 scrollHeight 세팅 scrollHeight: 0, objs: { container: document.querySelector('#scroll-section-3') } } ]; function setLayout() { //각 스크롤 섹션의 높이 세팅 for (let i = 0; i < sceneInfo.length; i++) { sceneInfo[i].scrollHeight = sceneInfo[i].heightNum * window.innerHeight; sceneInfo[i].objs.container.style.height = `${sceneInfo[i].scrollHeight}px`; } // 새로고침 할때도 동일한 currentscene 표시 yOffset = window.pageYOffset; let totalScrollHeight = 0; for (let i = 0; i < sceneInfo.length; i++) { totalScrollHeight += sceneInfo[i].scrollHeight; //현재 스크롤 위치 // if (totalScrollHeight >= yOffset) { currentScene = i; break; } } document.body.setAttribute('id', `show-scene-${currentScene}`); } function calcValues(values, currentYOffset) { let rv; // 현재 scene(scroll-section)에서 스크롤된 범위를 비율로 구하기 // 현재 scroll된 길이를 현재 scene의 높이를 나눠주면 비율을 구할수있다. let scrollRatio = currentYOffset / sceneInfo[currentScene].scrollHeight; rv = scrollRatio * (values[1] - values[0]) + values[0]; return rv; } function playAnimation() { const objs = sceneInfo[currentScene].objs; const values = sceneInfo[currentScene].values; const currentYOffset = yOffset - prevScrollHeight; // console.log(currentScene,currentYOffset); switch (currentScene) { case 0: // console.log('0 play'); let messageA_opacity_in = calcValues(values.messageA_opacity, currentYOffset); // console.log(messageA_opacity_0,messageA_opacity_1); // console.log(currentYOffset); // console.log( calcValues(values.messageA_opacity,currentYOffset) ); // console.log(messageA_opacity_in); // console.log(messageA_opacity_in); objs.messageA.style.opacity = messageA_opacity_in; break; case 1: // console.log('1 play'); break; case 2: // console.log('2 play'); break; case 3: // console.log('3 play'); break; } } function scrollLoop() { prevScrollHeight = 0; for (let i = 0; i <currentScene; i++) { prevScrollHeight += sceneInfo[i].scrollHeight; } if (yOffset > prevScrollHeight + sceneInfo[currentScene].scrollHeight) { currentScene++; document.body.setAttribute('id', `show-scene-${currentScene}`); } if (yOffset < prevScrollHeight) { if(currentScene === 0) return; currentScene--; document.body.setAttribute('id', `show-scene-${currentScene}`); } playAnimation(); //document.body.setAttribute('id', `show-scene-${currentScene}`); } window.addEventListener('scroll', () => { yOffset = window.pageYOffset; scrollLoop(); }); // load는 앞에 과정 모두 로드 한후 실행, DOM은 관련 로직만 실행되면 바로 실행 window.addEventListener('load', setLayout); window.addEventListener('resize', setLayout); })(); 지금 이 과정까지 소스코드를 작성하고 확인하는데 opacity를 확인하려는데 계속 Uncaught TypeError: Cannot read property 'style' of null 오류가 발생하네요 영상 여러번 돌려보면서 확인 해보왔는데도 오류가 뜨네요 참고로 HTML부분 Class도 <div class="sticky-elem main-message a"> <p>온전히 빠져들게 하는<br>최고급 세라믹</p> </div> <div class="sticky-elem main-message b"> <p>주변 맛을 느끼게 해주는<br>주변 맛 허용 모드</p> </div> <div class="sticky-elem main-message c"> <p>온종일 편안한<br>맞춤형 손잡이</p> </div> <div class="sticky-elem main-message d"> <p>새롭게 입가를<br>찾아온 매혹</p> </div> 강의와 같이 수정하였습니다. 꼭 제발 도움좀 부탁드립니다. ㅠㅠ

  • svg
  • HTML/CSS
  • 인터랙티브-웹
  • javascript
  • 웹 디자인
  • 클론코딩
임지환 댓글 1 좋아요 0 조회수 282

eager를 굳이 사용할 이유가 있나요 ??

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

1. EAGER 를 굳이 사용을 하지않고 그냥 두면 알아서 join 해서 같이 로딩이 되는데 굳이 사용되는 이유가 있나요 ??? default가 지연로딩인 OneToMany, ManyToMany의 경우에 EAGER 시켜주기 위함인가요 ? 2. member.java의 lazy를 없애고 그냥 team 으로 한 번 실험을 해봤는데 지연로딩이 된 것 같습니다. 이 이유는 team이 OneToMany로 기본이 지연로딩이기 때문인가요? 지연로딩과 프록시.. 한 번에 감을 확 잡기가 힘드네요 ㅜㅜ

  • java
  • JPA
kangsy763 댓글 2 좋아요 1 조회수 577

Spring Boot 2.3.0 이후버전에는 AnnotationException이 발생하지 않습니다.

해결됨

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

2.2.8 버전으로 낮췄을 때는 이렇게 오류가 나면서 스프링이 종료가 되는데, 2.3.0 버전 이후에는 오류가 발생하지 않습니다. Error starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled. 2020-06-18 21:08:41.809 ERROR 22277 --- [ main] o.s.boot.SpringApplication : Application run failed org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/autoconfigure/orm/jpa/HibernateJpaConfiguration.class]: Invocation of init method failed; nested exception is org.hibernate.AnnotationException: mappedBy reference an unknown target entity property: jpabook.jpashop.domain.Category.parent in jpabook.jpashop.domain.item.Item.child at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:1796) ~[spring-beans-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.doCreateBean(AbstractAutowireCapableBeanFactory.java:595) ~[spring-beans-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBean(AbstractAutowireCapableBeanFactory.java:517) ~[spring-beans-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.beans.factory.support.AbstractBeanFactory.lambda$doGetBean$0(AbstractBeanFactory.java:323) ~[spring-beans-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.beans.factory.support.DefaultSingletonBeanRegistry.getSingleton(DefaultSingletonBeanRegistry.java:226) ~[spring-beans-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.beans.factory.support.AbstractBeanFactory.doGetBean(AbstractBeanFactory.java:321) ~[spring-beans-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.beans.factory.support.AbstractBeanFactory.getBean(AbstractBeanFactory.java:202) ~[spring-beans-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.context.support.AbstractApplicationContext.getBean(AbstractApplicationContext.java:1109) ~[spring-context-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.context.support.AbstractApplicationContext.finishBeanFactoryInitialization(AbstractApplicationContext.java:869) ~[spring-context-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.context.support.AbstractApplicationContext.refresh(AbstractApplicationContext.java:551) ~[spring-context-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.boot.web.servlet.context.ServletWebServerApplicationContext.refresh(ServletWebServerApplicationContext.java:141) ~[spring-boot-2.2.8.RELEASE.jar:2.2.8.RELEASE] at org.springframework.boot.SpringApplication.refresh(SpringApplication.java:747) [spring-boot-2.2.8.RELEASE.jar:2.2.8.RELEASE] at org.springframework.boot.SpringApplication.refreshContext(SpringApplication.java:397) [spring-boot-2.2.8.RELEASE.jar:2.2.8.RELEASE] at org.springframework.boot.SpringApplication.run(SpringApplication.java:315) [spring-boot-2.2.8.RELEASE.jar:2.2.8.RELEASE] at org.springframework.boot.SpringApplication.run(SpringApplication.java:1226) [spring-boot-2.2.8.RELEASE.jar:2.2.8.RELEASE] at org.springframework.boot.SpringApplication.run(SpringApplication.java:1215) [spring-boot-2.2.8.RELEASE.jar:2.2.8.RELEASE] at jpabook.jpashop.JpashopApplication.main(JpashopApplication.java:10) [classes/:na] Caused by: org.hibernate.AnnotationException: mappedBy reference an unknown target entity property: jpabook.jpashop.domain.Category.parent in jpabook.jpashop.domain.item.Item.child at org.hibernate.cfg.annotations.CollectionBinder.bindStarToManySecondPass(CollectionBinder.java:844) ~[hibernate-core-5.4.17.Final.jar:5.4.17.Final] at org.hibernate.cfg.annotations.CollectionBinder$1.secondPass(CollectionBinder.java:795) ~[hibernate-core-5.4.17.Final.jar:5.4.17.Final] at org.hibernate.cfg.CollectionSecondPass.doSecondPass(CollectionSecondPass.java:53) ~[hibernate-core-5.4.17.Final.jar:5.4.17.Final] at org.hibernate.boot.internal.InFlightMetadataCollectorImpl.processSecondPasses(InFlightMetadataCollectorImpl.java:1693) ~[hibernate-core-5.4.17.Final.jar:5.4.17.Final] at org.hibernate.boot.internal.InFlightMetadataCollectorImpl.processSecondPasses(InFlightMetadataCollectorImpl.java:1661) ~[hibernate-core-5.4.17.Final.jar:5.4.17.Final] at org.hibernate.boot.model.process.spi.MetadataBuildingProcess.complete(MetadataBuildingProcess.java:286) ~[hibernate-core-5.4.17.Final.jar:5.4.17.Final] at org.hibernate.jpa.boot.internal.EntityManagerFactoryBuilderImpl.metadata(EntityManagerFactoryBuilderImpl.java:1224) ~[hibernate-core-5.4.17.Final.jar:5.4.17.Final] at org.hibernate.jpa.boot.internal.EntityManagerFactoryBuilderImpl.build(EntityManagerFactoryBuilderImpl.java:1255) ~[hibernate-core-5.4.17.Final.jar:5.4.17.Final] at org.springframework.orm.jpa.vendor.SpringHibernateJpaPersistenceProvider.createContainerEntityManagerFactory(SpringHibernateJpaPersistenceProvider.java:58) ~[spring-orm-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean.createNativeEntityManagerFactory(LocalContainerEntityManagerFactoryBean.java:365) ~[spring-orm-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.orm.jpa.AbstractEntityManagerFactoryBean.buildNativeEntityManagerFactory(AbstractEntityManagerFactoryBean.java:391) ~[spring-orm-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.orm.jpa.AbstractEntityManagerFactoryBean.afterPropertiesSet(AbstractEntityManagerFactoryBean.java:378) ~[spring-orm-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean.afterPropertiesSet(LocalContainerEntityManagerFactoryBean.java:341) ~[spring-orm-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.invokeInitMethods(AbstractAutowireCapableBeanFactory.java:1855) ~[spring-beans-5.2.7.RELEASE.jar:5.2.7.RELEASE] at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:1792) ~[spring-beans-5.2.7.RELEASE.jar:5.2.7.RELEASE] ... 16 common frames omitted Process finished with exit code 1 혹시 이 문제를 해결할 수 있는 방법이 있을까요? 제가 의심한 문제는 spring 자체적인 변경점이 있거나, hibernate에서 변경점이 있는 것인데... 찾기가 쉽지 않네요. https://mvnrepository.com/artifact/org.springframework.data/spring-data-jpa/2.2.8.RELEASE https://mvnrepository.com/artifact/org.springframework.data/spring-data-jpa/2.3.0.RELEASE 문제점을 버전을 내려서 확인하고 소스는 정상동작 하는 상태입니다. 졸면서 하다가 ㅠㅠ 엉뚱한데에 소스를 넣었었네요.

  • spring-boot
  • JPA
  • 웹앱
  • spring
  • java
김선동 댓글 3 좋아요 0 조회수 383

list.sort

미해결

파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)

list에 내장되어 있는 sort함수를 사용하지 말고 풀어야만 하는건가요?? 내장 되어 있는 함수들을 사용하지 말고 알고리즘 푸는걸 연습해야 되는건가요??

  • python
  • 코테 준비 같이 해요!
jiheon jo 댓글 2 좋아요 0 조회수 238

정리해주신 자료

[OpenCV] 파이썬 딥러닝 영상처리 프로젝트 2 - 불량사과를 찾아라!

삭제된 글입니다

  • 딥러닝
  • keras
  • 컴퓨터-비전
  • tensorflow
  • opencv
e97214j 댓글 2 좋아요 0 조회수 59

3-2-2) Kubernetes 설치 에러

미해결

대세는 쿠버네티스 (초급~중급편)

안녕하세요, `3-2-2) Kubernetes` 단계에서 이미지와 같은 에러가 뜹니다. 1) 원할한 강좌수강을 위해 권장하는 해결방법이 있을지요? 2) 저는 `yum install kubernetes-cni = 0.7.5-0`커맨드로 요구하는 버전을 설치했는데.. kubeadm은 댓글이미지와 같은 오류메세지와 함께 설치가 진행되지 않습니다. 혹시 어떻게 해결해야할까요..? * 이전 단계는 기본적으로 영상을 그대로 따라했으나, 네트워크 설정단계에서 `네트워크에 브릿지` 대신 `NAT Network`로 설정하고 포트포워딩한 상태입니다.

  • docker
  • kubernetes
injun.woo30000 댓글 10 좋아요 1 조회수 650

MSSQL 구문도 추가해주실수있나요?

미해결

윤재성의 만들면서 배우는 Spring MVC 5

MSSQL 구문도 추가해주실수있나요? 구글링해서 소스코드 넣어봐도 DB에 붙지를못하네요... HTTP 상태 500 &ndash; 내부 서버 오류 만 나옵니다...ㅜㅜ

  • spring
  • java
  • XML
  • MVC
K금귤 댓글 1 좋아요 0 조회수 238

시즈모드 실행이 안됩니다.

미해결

파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자

#탱크 class Tank ( AttackUnit ): #시즈모드 : 탱크를 고정시켜, 더 높은 파워로 공격 가능. 이동불가 def __init__ ( self ): AttackUnit. __init__ ( self , "탱크" , 150 , 1 , 35 ) self .seize_mode = False seize_developed = False #시즈모드 개발여부 def set_seize_mode ( self ): if Tank.seize_developed == False : return # 현재 시즈모드가 아닐 때 -> 시즈모드 if self .seize_mode == False : print ( " {} : 시즈모드로 전환합니다." .format( self .name)) self .damage *= 2 self .seize_mode = True # 현재 시즈모드일 떄 -> 시즈모드 해제 else : print ( " {} : 시즈모드를 해제합니다." .format( self .name)) self .damage /= 2 self .seize_mode = False #드랍쉽 : 공중유닛, 수송기, 마린/파이어뱃/탱크 등을 수송, 공격불가 class Flyable : def __init__ ( self , flying_speed ): self .flying_speed = flying_speed def fly ( self , name , location ): print ( " {} : {} 방향으로 날아갑니다. [속도 {} ]" .format(name, location, self .flying_speed)) #공중 공격 유닛 클래스 class FlyableAttackUnit ( AttackUnit , Flyable ): def __init__ ( self , name , hp , damage , flying_speed ): AttackUnit. __init__ ( self , name, hp, 0 , damage) Flyable. __init__ ( self , flying_speed) def move ( self , location ): self .fly( self .name, location) #레이스 class Wraith ( FlyableAttackUnit ): def __init__ ( self ): FlyableAttackUnit. __init__ ( self , "레이스" , 80 , 20 , 5 ) self .clocked = False def clocking ( self ): if self .clocked == True : print ( " {} : 클로킹 모드 해제합니다." .format( self .name)) self .clocked == False else : print ( " {} : 클로킹 모드 설정합니다." .format( self .name)) self .clocked == True def game_start (): print ( "[알림] 새로운 게임을 시작합니다." ) def game_over (): print ( "Player : gg" ) print ( "[Player] 님이 게임에서 퇴장하셨습니다." ) game_start() m1 = Marine() m2 = Marine() m3 = Marine() t1 = Tank() t2 = Tank() w1 = Wraith() attack_units = [] attack_units.append(m1) attack_units.append(m2) attack_units.append(m3) attack_units.append(t1) attack_units.append(t2) attack_units.append(w1) #전군 이동 for unit in attack_units: unit.move( "1시" ) #탱크 시즈모드 개발 Tank.seize_developed = True print ( "[알림] 탱크 시즈모드 개발이 완료되었습니다." ) #공격모드 준비 (마린 : 스팀팩 탱크 : 시즈모드, 레이스 : 클로킹) for unit in attack_units: if isinstance (unit, Marine): unit.stimpack() elif isinstance (unit, Tank): unit.set_seize_mode elif isinstance (unit, Wraith): unit.clocking() #전군 공격 for unit in attack_units: unit.attack( "1시" ) #전군 피해 for unit in attack_units: unit.damaged(randint( 5 , 21 )) # 게임 종료 game_over() [알림] 새로운 게임을 시작합니다. 마린 유닛이 생성되었습니다. 마린 유닛이 생성되었습니다. 마린 유닛이 생성되었습니다. 탱크 유닛이 생성되었습니다. 탱크 유닛이 생성되었습니다. 레이스 유닛이 생성되었습니다. 마린 : 1시 방향으로 이동합니다. [속도 1] 마린 : 1시 방향으로 이동합니다. [속도 1] 마린 : 1시 방향으로 이동합니다. [속도 1] 탱크 : 1시 방향으로 이동합니다. [속도 1] 탱크 : 1시 방향으로 이동합니다. [속도 1] 레이스 : 1시 방향으로 날아갑니다. [속도5] [알림] 탱크 시즈모드 개발이 완료되었습니다. 마린 : 스팀팩을 사용합니다. (HP10 감소) 마린 : 스팀팩을 사용합니다. (HP10 감소) 마린 : 스팀팩을 사용합니다. (HP10 감소) 레이스 : 클로킹 모드 설정합니다. 마린 : 1시 방향으로 적군을 공격합니다. [공격력 5] 마린 : 1시 방향으로 적군을 공격합니다. [공격력 5] 마린 : 1시 방향으로 적군을 공격합니다. [공격력 5] 탱크 : 1시 방향으로 적군을 공격합니다. [공격력 35] 탱크 : 1시 방향으로 적군을 공격합니다. [공격력 35] 레이스 : 1시 방향으로 적군을 공격합니다. [공격력 20] 마린 : 5 데미지를 입었습니다. 마린 : 현재 체력은 25 입니다. 마린 : 12 데미지를 입었습니다. 마린 : 현재 체력은 18 입니다. 마린 : 11 데미지를 입었습니다. 마린 : 현재 체력은 19 입니다. 탱크 : 20 데미지를 입었습니다. 탱크 : 현재 체력은 130 입니다. 탱크 : 10 데미지를 입었습니다. 탱크 : 현재 체력은 140 입니다. 레이스 : 5 데미지를 입었습니다. 레이스 : 현재 체력은 75 입니다. Player : gg [Player] 님이 게임에서 퇴장하셨습니다. 똑같이 한것같은데 어디가 잘못되서 시즈모드가 안되는지 도저히 모르겠습니다 ㅠㅠ

  • python
김상옥 댓글 4 좋아요 0 조회수 424

13:00 숫자입력받고 문자열 입력받기

미해결

홍정모의 따라하며 배우는 C++

안녕하세요 1. 13:00경에 숫자입력받고 문자열은입력받을때 아래코드로 실행을하면 cout<<Your age?<<endl; int age; cin>>age; cout<<Your name?<<endl; string name; std::getline(std::cin ,name); cout<<name<<" " << age << endl; Your age? 에 1 엔터 를 하면 Your name? 1이 출력되고 끝납니다. 왜이러는건가요? 1엔터를 치는순간 1과 엔터가 콘솔입력버퍼로 들어가고 1은 cin>>age 에따라 age에 들어가서 버퍼는 엔터말고는 비어버리니까std::getline(std::cin ,name); 에 의해 추가로버퍼로의 문자열 입력이 필요하므로 콘솔창 추가입력이 있어야 콘솔->버퍼-> name 으로의 입력이 최종적으로 끝나고 출력단계로 넘어가야 하는것 아닌가요? 2.위의 오류는 정수입력을 종료하고나서(cin>>age 아랫줄에) std::cin.ignore(32767,'₩n') 을 입력하면 해결되는데 std::cin.ignore(32767,'₩n') 은 구체적으로 무슨역할을 하는건가요?

  • C++
TaeChoon Park 댓글 2 좋아요 0 조회수 263

노션 답안은 어디에 있나요?

미해결

눈떠보니 코딩테스트 전날

JAVA독 수행 중인데.. 강의해주신대로 코드를 돌리는데 원하는 답이 나오지 않습니다 ㅜㅠ 노션에는 문제만 있는거 같은데.. 혹시.. 답변 코드는 없는건가요?

  • 코테 준비 같이 해요!
br 댓글 1 좋아요 0 조회수 183

next build할 때 웹팩 에러가 발생합니다.

미해결

React로 NodeBird SNS 만들기

root@ip-172-31-39-250:/home/ubuntu/Nodebird/front# npm run build > react-nodebird-front@1.0.0 build /home/ubuntu/Nodebird/front > cross-env ANALYZE=true next build Creating an optimized production build ... Webpack Bundle Analyzer saved report to /home/ubuntu/Nodebird/front/.next/analyze/server.html Failed to compile. ./node_modules/@ant-design/icons/lib/dist.js 5:6 Module parse failed: 'import' and 'export' may only appear at the top level (5:6) You may need an appropriate loader to handle this file type. | // 加载script标签会阻塞js执行,antd部分组件(如表格)无法在一轮循环内完成完整的渲染,故延时 | setTimeout(function(){ > import(/* webpackChunkName: "antd-icons" */'!!./dist.js').then(function(allIcons) { | AutoReloadIcon.load(allIcons); | }); > Build error occurred Error: > Build failed because of webpack errors at Object.build [as default] (/home/ubuntu/Nodebird/front/node_modules/next/dist/build/index.js:192:15) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! react-nodebird-front@1.0.0 build: `cross-env ANALYZE=true next build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the react-nodebird-front@1.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2020-06-18T10_35_44_822Z-debug.log root@ip-172-31-39-250:/home/ubuntu/Nodebird/front# --------------------------------------------------------------- 아래 질문이랑 참고해서 웹팩버전을 바꿨는데.. 그래도 같은 오류가 발생합니다.

  • javascript
  • react
유튜브레고티비 댓글 1 좋아요 0 조회수 298

강의 문의드립니다.

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

안녕하세요. 좋은 강의 올려주셔서 공부하고 있습니다. 그리고 실력 향상에 많은 도움이 되고 있습니다. ^^ 바쁘시겠지만.. 혹시 나중에 시간이 되신다면.. 강사님 스타일로 사이트를 통째로 코딩하는 강의도 올려 주실 수 있으실지 하고 문의남겨드립니다. 저는 아직 배우는 중이라서 잘은 모르겠지만 코드 쓰시는 방법들이 명확하고 깨끗하게 쓰시는 것 같다는 느낌을 받았습니다. 실무에서 어떤 방식으로 사이트를 코딩 하시는지 궁금증이 커졌습니다. 그럼 남은 하루도 편안한 시간 되세요. 감사합니다!

  • HTML/CSS
  • jquery
tailwind 댓글 2 좋아요 1 조회수 202

이벤트 발생 관련

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

선생님 News 태그를 클릭하면 이렇게 이벤트가 2번씩 발생하는데 이유가 무엇일까요?

  • javascript
  • vuejs
열씨미살자! 댓글 1 좋아요 1 조회수 187

DomainClassConverter 사용 관련해서 MethodArgumentConversionNotSupportedException 에러가 납니다.

해결됨

스프링 데이터 JPA

27강 DomainClassConverter 관련 수업을 들으며 코드 동일하게 따라치며 강의 듣고 있는데요, DomainClassConverter 사용 전 @PathVariable 을 사용하여 Long 으로 id 를 받아와서 repo 로 부터 엔티티를 꺼내 리턴하는 방식으로 동일한 테스트 코드에서 이상 없이 돌아갑니다. 하지만 DomainClassConverter 를 사용하는 취지로 @PathVariable("id") Post post 와 같이 작성한 뒤 테스트를 돌려보면 테스트가 돌아가지 않습니다. 구체적인 코드는 아래와 같습니다. DomainClassConverter 사용 전 코드입니다. @GetMapping("/posts/{id}") public String getPost(@PathVariable Long id) { Optional<Post> byId = postRepository.findById(id); Post post = byId.get(); return post.getTitle(); } DomainClassConverter 기능을 사용하기 위해 변경한 코드입니다. @GetMapping("/posts/{id}") public String getPost(@PathVariable("id") Post post) { return post.getTitle(); } 테스트 코드 입니다. @Test public void getPost() throws Exception { // Arrange Post post = new Post(); post.setTitle("jpa"); postRepository.save(post); // Act ResultActions actual = mockMvc.perform(get("/posts/" + post.getId())).andDo(print()); // Assert actual.andExpect(status().isOk()); actual.andExpect(content().string("jpa")); } 발생하는 예외 로그 입니다. Hibernate: call next value for hibernate_sequence Hibernate: insert into post (created, title, id) values (?, ?, ?) 2020-06-18 18:30:50.714 TRACE 86203 --- [ main] o.h.type.descriptor.sql.BasicBinder : binding parameter [1] as [TIMESTAMP] - [null] 2020-06-18 18:30:50.715 TRACE 86203 --- [ main] o.h.type.descriptor.sql.BasicBinder : binding parameter [2] as [VARCHAR] - [jpa] 2020-06-18 18:30:50.715 TRACE 86203 --- [ main] o.h.type.descriptor.sql.BasicBinder : binding parameter [3] as [BIGINT] - [1] 2020-06-18 18:30:50.752 WARN 86203 --- [ main] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.method.annotation.MethodArgumentConversionNotSupportedException: Failed to convert value of type 'java.lang.String' to required type 'com.github.callmewaggs.commonweb.post.Post'; nested exception is java.lang.IllegalStateException: Cannot convert value of type 'java.lang.String' to required type 'com.github.callmewaggs.commonweb.post.Post': no matching editors or conversion strategy found] MockHttpServletRequest: HTTP Method = GET Request URI = /posts/1 Parameters = {} Headers = [] Body = null Session Attrs = {} Handler: Type = com.github.callmewaggs.commonweb.post.PostController Method = com.github.callmewaggs.commonweb.post.PostController#getPost(Post) Async: Async started = false Async result = null Resolved Exception: Type = org.springframework.web.method.annotation.MethodArgumentConversionNotSupportedException ModelAndView: View name = null View = null Model = null FlashMap: Attributes = null MockHttpServletResponse: Status = 500 Error message = null Headers = [] Content type = null Body = Forwarded URL = null Redirected URL = null Cookies = [] MockHttpServletRequest: HTTP Method = GET Request URI = /posts/1 Parameters = {} Headers = [] Body = null Session Attrs = {} Handler: Type = com.github.callmewaggs.commonweb.post.PostController Method = com.github.callmewaggs.commonweb.post.PostController#getPost(Post) Async: Async started = false Async result = null Resolved Exception: Type = org.springframework.web.method.annotation.MethodArgumentConversionNotSupportedException ModelAndView: View name = null View = null Model = null FlashMap: Attributes = null MockHttpServletResponse: Status = 500 Error message = null Headers = [] Content type = null Body = Forwarded URL = null Redirected URL = null Cookies = [] java.lang.AssertionError: Status Expected :200 Actual :500 <Click to see difference> ...생략 단순히 제가 오타가 있다거나 하는 문제인가요? 검색을 해봤는데도 해결책을 찾기 어려워서 질문 올립니다.

  • spring
  • java
  • JPA
waggs 댓글 1 좋아요 1 조회수 455

안녕하세요 문자열 관련해서 질문드립니다.

미해결

자바 프로그래밍 입문 강좌 (renew ver.) - 초보부터 개발자 취업까지!!

문자열 결합할때 StringJoiner 라는 친구도 있는걸로 아는데요 위 buffer 나 builder는 추가 및 수정도 가능해서 쓰는건가요?

  • java
resister12 댓글 0 좋아요 0 조회수 170

특정 파일 push error 문의

해결됨

빠르게 git - 핵심만 골라 배우는 Git/Github

어떤 폴더를 지정하고 특정 파일만 push 하고 싶은데 계속 전부 다 업로드 되네요..ㅠ analysis@DESKTOP-0M7522G MINGW64 /c/dev/melon-playlist (master) $ git add base_code_SBJ_SVD.ipynb warning: LF will be replaced by CRLF in base_code_SBJ_SVD.ipynb. The file will have its original line endings in your working directory analysis@DESKTOP-0M7522G MINGW64 /c/dev/melon-playlist (master) $ git commit -m "SVD 활용 추천시스템" [master b9dc7e0] SVD 활용 추천시스템 1 file changed, 2209 insertions(+) create mode 100644 base_code_SBJ_SVD.ipynb analysis@DESKTOP-0M7522G MINGW64 /c/dev/melon-playlist (master) $ git remote add original https://github.com/SonByungjin/SVD_KakaoArena.git analysis@DESKTOP-0M7522G MINGW64 /c/dev/melon-playlist (master) $ git push -u original master -----------------------------------------이렇게까지 하면--------------------------------------------- Enumerating objects: 150, done. Counting objects: 100% (150/150), done. Delta compression using up to 4 threads Compressing objects: 100% (121/121), done. Writing objects: 100% (150/150), 2.60 MiB | 1.41 MiB/s, done. Total 150 (delta 73), reused 62 (delta 27), pack-reused 0 remote: Resolving deltas: 100% (73/73), done. To https://github.com/SonByungjin/SVD_KakaoArena.git * [new branch] master -> master Branch 'master' set up to track remote branch 'master' from 'original'. 이러면서 죄다 업로드 됩니다.. 답변주시면 감사하겠습니다

  • github
  • git
  • 버전관리시스템
castie 댓글 2 좋아요 1 조회수 282

질문있습니다!

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

1. 3:18에 single_table 전략은 그냥 dtype이 들어가는데 굳이 @DiscriminatorColumn 을 해주시는 특별한 이유가 있나요 ?? 2. 생각해보면 item 테이블 또한 공통의 테이블들인데, 이것들을 MappedSuperclass로 사용하지 않는 이유는 조회를 하기위해서 그냥 상속관계로 두는 것이 맞나요 ? 그렇다면 만약 createdBy 처럼 find 로 찾을 이유는 없지만 공통된 부분인 것만 MappedSuperclass를 사용하면 된다고 받아들여도 될까요?

  • java
  • JPA
kangsy763 댓글 1 좋아요 0 조회수 163

No module named 'googletrans' 오류 관련 질문드립니다.

해결됨

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

--------------------------------------------------------------------------- ModuleNotFoundError Traceback (most recent call last) <ipython-input-6-c115971908ad> in <module> ----> 1 from googletrans import Translator 2 dave = Translator ( ) 3 word = dave . translate ( '나는 가방을 매고 학교에 갔습니다.' , dest = 'en' , src = 'ko' ) 4 print ( word . text ) ModuleNotFoundError : No module named 'googletrans' 위와 같이 모듈을 찾을 수 없다는 오류가 발생합니다. 현재 윈도우 사용중이며, 실습 내용에 따라 pip install --upgrade google-api-python-client pip install googletrans 위 명령어대로 cmd에 입력하여 설치했습니다. 제가 시도한 방법은 두 가지입니다. 1. upgrade 명령어로 최신 버전 업그레이드를 시도했으며 pip list로 최신 버전이 설치됐음을 확인했습니다. 2. 혹시 path 때문인가 의심되어 제어판->고급 시스템 설정 -> 환경 변수에서 경로를 확인했지만 C:\Users\KKM\AppData\Local\Programs\Python\Python38-32\Scripts\ C:\Users\KKM\AppData\Local\Programs\Python\Python38-32\ 위와 같이 경로가 정상적으로 지정되어 있었습니다. 3. 컴퓨터를 완전히 종료한 후 재시도했습니다. 변화는 없었습니다. googletrans 실습 전의 math 라이브러리 실습의 경우 잘 작동했는데 혹시 더 시도해볼만한 방법이 있을까요?

  • python
  • 웹-크롤링
모모 댓글 2 좋아요 0 조회수 1572

인기 태그

인프런 TOP Writers

주간 인기글