올바른 방법이 아닐 수도 있지만.. 방법은 바로 형 변환입니다. const typeRef = ref as RefObject<Scrollbars>; console.log(typeRef.current?.getScrollHeight(), values.scrollHeight); 또는 한 줄로 -> console.log((ref as RefObject<Scrollbars>).current?.getScrollHeight(), values.scrollHeight);

내장 톰캣 서버의 종속성을 gradle을 통해 설치하신 것을 기억하실겁니다. build.gradle 파일을 열어줍니다. 코드를 살펴보시면 다음과 같이 추가했었습니다. implementation 'org.apache.tomcat.embed:tomcat-embed-jasper' 종속성의 버전을 생략하고 설치하는 코드입니다. 보통 알아서 최신버전으로 받아주는데..10.0.4 버전을 가져옵니다. 10.0.4 버전에선 jsp를 다운로드 하려고 시도합니다. 그러므로 특정버전으로 설치될 수 있도록 종속성 추가 코드를 수정합시다. 저는 9.0.44 버전으로 정했습니다. 위의 코드를 다음과 같이 수정해줍니다. implementation group: 'org.apache.tomcat.embed', name: 'tomcat-embed-jasper', version: '9.0.44' 그리고 다시 그래들을 로드해줍니다. 잠시 기다리시면 톰캣 내장 서버의 버전 때문에 생겼던 .jsp 를 다운로드 하려는 시도가 사라지고 정상적으로 페이지가 보일 것 입니다. Cheers! 메이븐의 경우 <dependency> <groupId>org.apache.tomcat.embed</groupId> <artifactId>tomcat-embed-jasper</artifactId> <version>9.0.44</version> </dependency>

약간의 오타 발견했슴다~ class ="form-control" 이걸로 통일되어야 하는데, editForm.html, addForm.html의 몇 부분 class="formcontrol"로 되어있습니다!!

멘토링 문제에서 초기화 문제가 됬던부분 코드입니다. 자바는 클래스 멤버변수(필드)만 기본값 자동초기화를 지원하고, 지역변수는 자동 초기화를 해주지 않는다고합니다. 위의 코드에서 pi, pj는 지역변수인데, for문에서 조건문에 의해 pi와 pj에 값이 할당되니깐 pi, pj의 초기화가 안 될 수도 있는 여지가 있습니다.그래서 아래의 if (pi < pj) 부분에서 초기화가 안 된 변수끼리 비교를 하니깐 에러가 뜨는 것 같습니다. 그리고 현재 문제인 최대 매출 문제의 코드는 이렇게 되는데, 위에서 answer를 초기화 하지 않아도 아래  for문에서 바로 sum 으로 초기화되기때문에 문제가 없습니다. 만약 sum = answer 이렇게하면 초기화 하지 않고 사용하려 하기때문에 멘토링 문제처럼 컴파일 오류가 발생합니다. 저도 모두 기본값 자동초기화를 해주는 줄 알고 있었는데, 구글에 검색해보니 클래스 필드들만 초기화 해주더라구요.

<문제> 호스팅 주소 설정하였는데도 404만 나오고 호스팅이 안됨. <과정> 호스팅 처음부터 에러가 생겨서, 이것저것 검색해본 결과 Github Username에 대문자가 들어있을 경우, 오류가 발생하는 것을 알았습니다. url을 변경하여도 404만 나오게 됩니다.... <해결> 유저네임에 대문자를 빼고 소문자만 넣도록 바꾼 후, 리포지토리 설정도 바꿔줍니다 $git remote -v 커맨드로 이전 대문자가 들어가있던 리포지토리를 확인후 $git remote set-url <new repo url> 로 다시 설정해줍니다.

Mac에서 터미널로 h2.sh 돌리려고 하니 permission denied 문제가 발생해서 공식문서 보니까 .jar 파일 돌리라고 합니다! 혹시나 동일한 문제 겪으시는 분 계실까봐 남겨봐요.

어디서 자꾸 바람소리?가 자꾸 나길래 찾아보니 강의영상에서 나오네요 🤣

브레이크 포인트에서 조건을 걸 수 있는건 몰랐었는데.. 디버깅 할때 특정 조건으로 검색을 할때는 매우 유용하겠네요...! 좋은 정보 하나 배워갑니다

왜 객체랑 테이블 관계가 다른지 단번에 이해되었습니다.. 관계형 테이블 개념이 약했는데 덕분에 도움됐습니다 ㅎㅎ 감사합니다 !! ㅎㅎ

문제와 같이 1을 무조건 첫 시작에 포함 한다는 전제가 있다면,DFS를 돌리는 for문을 2부터 시작할 경우,좀 더 효율적으로 정답 확인이 가능해 보입니다.이 문제에서 당장 떠오르는 예외 케이스는 없는 것 같은데, 어떻게 생각하시나요?

import React, {useRef} from 'react'; import {Animated, StyleSheet, View, Button, Text} from 'react-native'; const AnimTwo = () => { const redSquare = useRef(new Animated.Value(1)).current; const greenSquare = useRef(new Animated.ValueXY(0, 0)).current; const blueSquare = useRef(new Animated.ValueXY(0, 0)).current; const runAnimation = () => { Animated.sequence([ Animated.timing(redSquare, { toValue: 0, }), Animated.parallel([ Animated.spring(greenSquare, { toValue: {x: 200, y: 0}, }), Animated.spring(blueSquare, { toValue: {x: 200, y: 400}, }), ]), ]).start(); }; return ( <View> <Animated.View style={{ opacity: redSquare, }}> <View style={styles.redSquare} /> </Animated.View> <Animated.View style={greenSquare.getLayout()}> <View style={styles.greenSquare} /> </Animated.View> <Animated.View style={blueSquare.getLayout()}> <View style={styles.blueSquare} /> </Animated.View> <Button title="Animation Start" onPress={runAnimation} /> </View> ); }; const styles = StyleSheet.create({ redSquare: { width: 100, height: 100, backgroundColor: 'red', }, greenSquare: { width: 100, height: 100, backgroundColor: 'green', }, blueSquare: { width: 100, height: 100, backgroundColor: 'blue', }, }); export default AnimTwo;

import React, {useRef} from 'react'; import {Animated, StyleSheet, View, Button} from 'react-native'; const AnimOne = () => { const mySquare = useRef(new Animated.Value(1)).current; const runAnimation = () => { Animated.timing(mySquare, { toValue: 0, duration: 2000, delay: 1500, useNativeDriver: false, }).start(); }; return ( <View> <Animated.View style={{opacity: mySquare}}> <View style={styles.square} /> </Animated.View> <Button title="Animation Start" onPress={runAnimation} /> </View> ); }; const styles = StyleSheet.create({ square: { width: 100, height: 100, backgroundColor: 'skyblue', }, }); export default AnimOne;

import React, {useRef} from 'react'; import {Easing, Animated, StyleSheet, View, Button} from 'react-native'; const AnimOne = () => { const mySquare = useRef(new Animated.ValueXY(0, 0)).current; const runAnimation = () => { Animated.timing(mySquare, { toValue: {x: 50, y: 300}, duration: 2000, delay: 1500, easing: Easing.elastic(3), useNativeDriver: false, }).start(); }; return ( <View> <Animated.View style={mySquare.getLayout()}> <View style={styles.square} /> </Animated.View> <Button title="Animation Start" onPress={runAnimation} /> </View> ); }; const styles = StyleSheet.create({ square: { width: 100, height: 100, backgroundColor: 'skyblue', }, }); export default AnimOne;

import React, {useRef, useEffect} from 'react'; import {Animated, StyleSheet, View} from 'react-native'; const AnimOne = () => { const mySquare = useRef(new Animated.ValueXY(0, 0)).current; useEffect(() => { Animated.spring(mySquare, { toValue: {x: 50, y: 300}, useNativeDriver: false, }).start(); }, [mySquare]); return ( <Animated.View style={mySquare.getLayout()} // style={{ // left: mySquare.x, // top: mySquare.y, // }} > <View style={styles.square} /> </Animated.View> ); }; const styles = StyleSheet.create({ square: { width: 100, height: 100, backgroundColor: 'skyblue', }, }); export default AnimOne;

판다

강의  듣고 복습도 잘 하고있습니다.  현재 자바스크립트 까지 강의가 나왔는대요. DB와 jsp 강의 일정은 언제쯤 계획 하고 있으신가요? ㅎ

코딩 실습하실때 교재명와 저자님명이 ㅋㅋ 너무 귀여우세요!ㅎㅎ

npm i -D html-webpack-plugin@4 `@4` 를 붙이지 않을경우 애러유발 가능

if문 듣다가 if문만 쓰는거랑 if/else 쓰는 경우가 동일하다고 해서 "어라? if문만 쓰면 내려가면서 불필요하게 계속 if문을 확인하게 되기 때문에 성능에 문제가 있지 않을까?" 하는 생각에 관련해서 성능에 차이가 있는지 질문글을 올렸는데 2분뒤에 가위바위보 예제를 들면서 설명해주시네요 ㅋㅋㅋ (질문글은 부끄러워서 바로 삭제함.. ㅋㅋ) 진짜 강의에 세심한 디테일이 보입니다.. ㅎㅎ

회사에서 교육신청을 하는데 강사님 성함 알 수 있을까요?