vue 파일과 js파일에서 store를 이용해 연동 했다. 처음엔 js 파일에서 store를 어떻게 다룰 지 몰라 헤맸는데 강사님의 조언대로 commit을 이용하여 store를 다룰 수 있었다. src/views/edukit/index.vue 유튜브 스트리밍 중인 링크를 임베드해 넣고 v-if로 조건을 달았다. 시작 정지 리셋 비상 MQTT 부분 제어 1호기 2호기 3호기 센서1 센서2 src/store/models/keyShow.js store 파일의 commit 부분에 콘솔을 찍어보며 commit이 제대로 되는 지 확인하여 원활한 작업이 가능했다. export default { state: { keyShowMode: false }, getters: { keyShowMode: state => state..
개발자로 해외에서 일해보는 경험을 나누는 강연이라 흥미로울 것으로 보여 신청했다. 주니어 개발자를 위한 커리어 로드맵 국내 대기업 엔지니어에서 글로벌 기업 본사 근무까지🌟 시니어 개발자의 커리어 라이프와 경험담, 업무 노하우까지 전격 공유! heyjoyce.com 목차 저 지금 잘 하고 있나요? 나의 커리어 로드맵 해외 이직 준비 해외 이직 - 그것이 알고 싶다 여성 개발자가 가져야 할 핵심 역량과 마인드 저 지금 잘 하고 있나요? 다양한 방법으로 답을 구하며 주변 환경을 이해하는 과정 - 나 자신한테 인정을 받고 싶어하고, 남들에게 인정을 받고 싶어하고, 내 커리어가 맞는지 확인하고 싶어하고...강사님은 그때 그때 다른 경로로 확인하셨다. - 전형적인 개발자상에 어긋나기 때문에 본인이 그런 이미지에 부..
비전인식 카메라 USB를 연결한 후 비전인식 코드를 실행시켜야 함. 장치관리자 > 카메라에서 Samsung HD Camera를 **‘디바이스 사용 안함’**으로 설정한다. 아래의 코드를 Jupyter Notebook으로 작성 후 실행시킨다. 오픈cv 설치 pip install opencv-python Vision.py import cv2 import numpy as np from socket import * from select import * import sys from time import sleep HOST = '192.168.0.120' PORT = 2004 BUFSIZE = 1024 ADDR = (HOST,PORT) clientSocket = socket(AF_INET, SOCK_STREAM)#..
회사에서 받은 mqtt 연동 프로그램 Smart Connector가 IP 설정 및 포트 설정을 맞게 수정 했음에도 아예 실행이 안됐다. 발생한 에러들을 기록해놓고자 한다. 1. cache 파일 문제 해결에 성공한 다른 팀원 분께서 어느 부분이 문제인지 알려주셨다. visual Studio로 실행하여 어느 부분에서 문제가 나는지 보면 build 자체에서 문제가 발생했다. 해당 cache 파일을 보면 위치가 다르다. 콘솔로 열어서 dotnet build로 다시 빌드해줘야 한다. 2. NETSDK1127 "The targeting pack Microsoft.NETCore.App is not installed" 구글링하여 아래 링크를 찾았다. Can't build any .Net Core 3 apps - "T..
특정 기기(특정 모델)를 클릭하면 그걸 감지하도록 코드를 짰다. 내가 시도한 코드는 더보기와 같다. 더보기 맨 처음엔 three.interaction을 써서 간단히 구현할 수 있을 줄 알았다. // three.interaction 방식 // new a interaction, then you can add interaction-event with your free style const interaction = new Interaction(this.renderer, this.scene, this.camera) this.scene.resource.cursor = 'pointer' this.scene.resource.on('click', function (ev) { console.log(ev, interacti..
three.js 코드에 particle을 추가하는 작업을 하고 있다. 현재까지 구현한 사항은 다음과 같다. particle의 사이즈 랜덤화 particle의 위치 랜덤화 마우스 움직임(좌표값)에 따른 particle의 움직임 경과한 시간에 따른 particle의 움직임 particle의 텍스쳐 추가 현재 5번에서 골머리를 겪어 해결 기록을 남기고자 한다. 처음 짠 Texture 코드는 다음과 같다. // Textures const textureLoader = new THREE.TextureLoader() const particleTexture = textureLoader.load('../../assets/image/particle.png') material.map = particleTexture 그냥 검..
프로젝트 개요 프로젝트 명 에듀키트 디지털 트윈 모니터링 시스템 구축 구성원 멘토 @허재준 팀장 @김채은 팀원 @김희선 @진아영 @백동기 프로젝트 기간 프로젝트 총 기간 2022-03-16 ~ 2022-04-28 프로젝트 기획 기획 목적 기획 아이디어 산업 분야로 옮겨진 메타버스 및 디지털 트윈을 통해 기존의 자동화된 기기 관리를 웹 UI UX로 구현하고, 구현한 기기의 실시간 데이터 확인 및 불량품 판독을 가능하게 하여 기기 관리자로 하여금 기기제어 및 생산품 관리가 용이하도록 함. 프로젝트 방법 및 과정 기능 정의 불량품 확인 및 체크 edukit의 실시간 데이터를 three.js로 웹에서 확인 가능 웹에서 기기 클릭 후 방향키로 움직임을 조작 가능 비전인식으로 불량품 판별(주사위) 시 웹에서 체크 ..
프로젝트 개요 구성원 본인 포함 총 4명...이었다가 코로나로 인해 3명이 된다. 역할 분담 프론트 2명, 백엔드 2명(후에 1명) 내가 맡은 파트는 프론트에서 프론트 및 퍼블리싱 보조였다. 그리고 팀장도 맡았다. 프로젝트 기간 2022.02.21 - 2022.03.15(스프린트 총 3회) 스프린트는 콜라비로 진행하였다. 프로젝트 결과 노션으로 정리하였다. [Team 제주 넘는 차] 제주도 렌터카 사이트 구현 프로젝트 결과 broad-industry-94e.notion.site 프로젝트 회고 좋았던 점 코드를 좀 더 이해할 수 있게 됐다. 대체 각기 다른 코드를 어떻게 버무리는 건지 상상도 못하던 첫날과 구글링하여 코드를 넣고 맞게 수정하는 마지막 날을 비교해보니 많이 발전한 것 같다. 팀 소통이 활발하..
