Loading...
2023. 2. 6. 21:20

gitlab 프로젝트 CI/CD환경 구축하기 최종장 -프로젝트 배포 자동화하기-

1. jenkins 컨테이너 실행 옵션 이전에 jenkins docker in docker로 실행한 옵션으로 하면.. 컨테이너 삭제하면 모든 옵션이 초기화됨 docker run \ -d \ -p 8080:8080 \ -v /var/run/docker.sock:/var/run/docker.sock \ --name jenkins \ -u root \ mbodji/jenkins-withdocker:v1.0 현재 아래와 같이 켜진 상태에서 한번 컨테이너 지워보자 끄고 다시 켜보면... 모든 옵션 초기화되어있음.. 근데 이전에 실행해봤던 jenkins는 컨테이너 삭제해도 다시 키면 옵션이 유지되어 있더라구 왜 그런지... 알아봤더니 [CI/CD] 젠킨스와 도커로 프로젝트 자동배포하기(3) - Jenkins (cr..

2023. 1. 31. 23:46

react & node.js 개발 - mysql에 배열 데이터 저장하기

여러가지 방법이 있는 것 같은데 성능적으로는 배열 자료형을 문자열로 바꿔서 문자열로 저장하는 방법이 좋은 것 같다 배열이나 객체를 문자열로 바꾸는 방법은 JSON.stringify() 그리고 이렇게 바뀐 문자열을 다시 배열이나 객체로 바꿀려면 JSON.parse()하면 된다 다음과 같이 객체 optionData를 JSON.stringify()로 문자열로 바꿔서 서버에 보내준다 var optionData = { title: title, description: description, data: data.map(x => { return { optionTitle: x.optionTitle, targetUploadType: x.targetUploadType, uploadTargetPath: x.targetUplo..

2023. 1. 31. 00:56

react에서 setState 함수의 비동기적 처리 특징 기억해두기

react에서 useState로 만든 state에 대해 상태 변경을 위해 setState 함수를 사용하는데 이게 비동기적으로 처리된다는 특징이 있다 그래서 setState로 상태 변경을 하고 console.log로 전후 비교해도 상태가 안바뀌는 것을 확인할 수 있다 const [board,setBoard] = useState({}); const data = {id:state}; const response = await axios.get('/get/one',{ params: data}) console.log(response.data); console.log(board) setBoard(response.data); // 데이터는 response.data 안에 들어있습니다. console.log(board);..

2023. 1. 25. 23:07

react에서 webcam 사용해서 얼굴 캡쳐하기

1. navigator.mediaDevices.getUserMedia() navigator.mediaDevices.getUserMedia()를 이용하면 사용자 기기에 내장된 웹캠을 이용하게 한다 인자로는 객체 형태로 보통 video : true하면 비디오를 쓰고 audio: true하면 오디오를 쓰고.. 그 외에 비디오 화면 크기 width, height도 주기도 한다 const getWebcam = (callback) => { try { const constraints = { 'video': true, 'audio': false } navigator.mediaDevices.getUserMedia(constraints) .then(callback); } catch (err) { console.log(er..

react & node.js 개발 -static 이용해서 클라이언트에서 서버의 이미지 파일 접근하기-

서버에서 클라이언트로 이미지를 보내는 방법은 여러가지 있는 것 같은데... static을 명시해서 접근하는 방법을 일단 기술 1. static 명시하기 일단 express 서버에서 이미지가 저장된 파일을 static으로 명시해줘야한다 app.use('/images',express.static('./images')); 여기서 app.use(~) 부분에는 api 주소 쓰듯이 ./images 말고 /images라고 써줘야 에러가 없고 express.static(~)에는 상대경로 쓰듯이 './images'라고 써준다 2. 클라이언트에서 접근 그런 다음에 접근하는 하나의 예시로 실제 서버 주소 + 이미지 파일 경로를 img 태그의 src에 넣어주면 접근할 수 있다 3. react public 폴더의 이미지 접근 ..

2023. 1. 24. 00:56

react&node.js 개발 -python-shell이용해서 서버에서 python 프로그램 실행시키기-

1. python-shell 설치 딥러닝 모델같은 파이썬 프로그램을 웹 프로젝트에서 사용하고 싶을때가 있다 node.js에서 파이썬 프로그램을 사용할 수 있는 모듈이 존재하는데 python-shell을 먼저 설치 $npm install python-shell 2. 기본 구조 기본 구조는 다음과 같다 PythonShell.run(파일경로, options, function) const { PythonShell } = require('python-shell'); PythonShell.run('./makeup.py',options,function(err,results) { if (err) { throw err; } console.log(results); }) 여기서 options는 파일 실행할때 설정할 옵션을 ..