이야기를 나눠요

운영체제 별 pwd or cd 에러나시는분 참조하세요.

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

Windows - CMD 커맨드 환경 - docker run -d -p 5000:8080 -v /usr/src/app/node_modules -v %cd% :/usr/src/app ehdgus872/nodejs - PowerShell 환경(VSCode) - docker run -d -p 5000:8080 -v /usr/src/app/node_modules -v ${pwd} :/usr/src/app ehdgus872/nodejs Linux docker run -d -p 5000:8080 -v /usr/src/app/node_modules -v ${pwd} :/usr/src/app ehdgus872/nodejs 기타(맥 포함) docker run -d -p 5000:8080 -v /usr/src/app/node_modules -v $(pwd) :/usr/src/app ehdgus872/nodejs docker run -d -p 5000:8080 -v /usr/src/app/node_modules -v ${PWD} :/usr/src/app ehdgus872/nodejs

2021년) nodestart.cmd 에러로 애먹으시는 분들

블록체인 이더리움 부동산 댑(Dapp) 만들기 - 기본편

<nodestart.cmd> geth --networkid 4386 --mine --miner.threads 2 --datadir "./" --nodiscover --http --http.port "8545" --http.corsdomain "*" --nat "any" --http.api eth,web3,personal,net --allow-insecure-unlock --password ./password.sec 도움이 되셨길...

forwadRef 계속 쓰는 방법

Slack 클론 코딩[실시간 채팅 with React]

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

[해결책] new-form.jsp 요청시 jsp파일을 다운로드 문제

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

내장 톰캣 서버의 종속성 을 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>

• tomcat
• version
• 해결방법

editForm.html , addForm.html

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

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

변수 초기화

자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비

멘토링 문제에서 초기화 문제가 됬던부분 코드입니다. 자바는 클래스 멤버변수(필드)만 기본값 자동초기화를 지원하고, 지역변수는 자동 초기화를 해주지 않는다고합니다. 위의 코드에서 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> 로 다시 설정해줍니다.

h2.sh permission denied 문제

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

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

[잡담] 게임켜놓고 녹화하신거같아요~

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part6: 웹 서버

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

와... 좋은거 알아갑니당...

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part1: C# 기초 프로그래밍 입문

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

강사님의.. 설명 능력에 감탄합니다.

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

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

for문의 index를 2부터 시작하는 것도 대안이 될 수 있겠네요.

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

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

hooks 방식으로 하는 소스도 올려봅니다.

iOS/Android 앱 개발을 위한 실전 React Native - Basic

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;

hooks 방식으로 하는 소스도 올려봅니다.

iOS/Android 앱 개발을 위한 실전 React Native - Basic

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;

hooks 방식으로 하는 소스도 올려봅니다.

iOS/Android 앱 개발을 위한 실전 React Native - Basic

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;

hooks 방식으로 하는 소스도 올려봅니다.

iOS/Android 앱 개발을 위한 실전 React Native - Basic

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;

기여우시네

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다

안녕하세요 . 강사님 ~

HTML5, CSS3, 입문자를 위한 강의

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

저자님 너무 재밌으시네요

Do it! 자바 프로그래밍 입문 with 은종쌤

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

webpack@4 기준 html-webpack-plugin 설치 명령어

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

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

• html-webpack-plugin