문제와 같이 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분뒤에 가위바위보 예제를 들면서 설명해주시네요 ㅋㅋㅋ (질문글은 부끄러워서 바로 삭제함.. ㅋㅋ) 진짜 강의에 세심한 디테일이 보입니다.. ㅎㅎ

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

너무 귀아파요 ㅠㅠㅠ 목소리 음량이랑 비슷하게 맞춰주실수 없나여??

13인치랑 15인치 중에 고민되는데요 슨생님은 몇인치 쓰세요?? 화면 큰게 좋아서 15인치 사고싶긴한데 이미 가지고있는 노트북도 너무 크고 무거운거라서 이번에는 좀 작고 가벼운걸로 사고싶기도 하거든요^^; 근데 13인치로 사면 역시 코딩할때 너무 불편할까 걱정되요~~ 썬생님은 몇인치 쓰시나여? 맥북 에어랑 맥북이랑 맥북 프로중에 뭐 쓰시는지도 궁금하고! 역시 개발할때는 프로를 쓰는게 좋을까요~~?? 주변에서는 에어로도 잘 돌아간다고 하긴 하던데 ^^; 굳이 디자인할거 아니면 프로까지 안써도 된다는 말도 있고 ㅋㅋ 가격은 상관없는데 굳이 프로까지는 필요 없으면 맥북으로 살까도 생각중이거든요 ㅎㅎ 선생님생각은 어떠세요~?~?

(사진)

리액트 무비앱 만드는 강의도 무사히 잘 마쳤습니다. 두번씩 반복해가면서 보면서 따라하기도 벅차지만, 여러 리액트 강의들을 복습하다보면 나아지겠지요? ㅠㅠ 좋은 퀄리티의 강의를 제공해주셔서 정말 감사드립니다.

언제인지 모르지만, 모듈 명칭이 `vue-cli` 에서 `@vue/cli` 로 바뀐상태입니다 현 시점 @vue/cli  버전은 4.5.12 입니다원활한 진행이 가능한 설치방법입니다도움되시길 바랍니다.관련 문서: Creating a Project | Vue CLI (vuejs.org) 프로젝트 폴더를 만들지 않고 프로젝트 root 폴더에서 아래의 순서대로 콘솔명령을 입력하여 설치합니다.(node-lts 설치가 된 상태이어야 합니다) npm i -g @vue/cli: 최신 vue-cli 설치 npm i -g @vue/cli-init: 강의에서 webpack-simple 탬플릿을 사용하기 위함입니다. vue init webpack-simple `프로젝트폴더명`: 이 단계 부터 강의 내용과 동일합니다. npm audit fix: 필요없을 수 있으나, 찜찜하신분은 한번 실행하면 됩니다.(실행해도 취약점 해결안됨) cd 프로젝트폴더명: 프로젝트 폴더로 이동 후 npm i: 탬플릿 설정대로 모듈 설치 npm run dev: localhost:8080 으로 웹브라우저가 실행됨

이번 강의도 재밌게 수강하겠습니다!

심플하고 왕초보 입문하기 정말 딱 좋네요 ㅋㅋ

stl 공부도 되고 정말 최고 입니다.

minikube 환경에서 NodePoint, LoadBalancer에 External IP가 할당되어도 Service 접근이 안되는 경우가 있습니다. 이럴 때는 `minikube service --url <service-name>` 명령어를 사용하시면 됩니다. $ minikube service --url counter-lb 🏃 counter-lb 서비스의 터널을 시작하는 중 |-----------|------------|-------------|------------------------| | NAMESPACE | NAME | TARGET PORT | URL | |-----------|------------|-------------|------------------------| | default | counter-lb | | http://127.0.0.1:52396 | |-----------|------------|-------------|------------------------| http://127.0.0.1:52396 ❗ Because you are using a Docker driver on darwin, the terminal needs to be open to run it. 브라우저로 출력된 URL로 접근하면 아래 화면처럼 접속이 됩니다.