728x90 반응형 uvc33 Nuxt 프로젝트 생성하기 Nuxt 프로젝트 생성 과정 proj01 프로젝트 생성 npx nuxi@latest init proj01 프로젝트로 이동 cd proj01 pnpm 설치 npm i -g pnpm 필요 라이브러리 설치 pnpm add -D @unocss/nuxt pnpm i @pinia/nuxt nuxt.config.ts export default defineNuxtConfig({ devtools: { enabled: true }, modules: [ '@unocss/nuxt', ['@pinia/nuxt', { autoImports: ['defineStore', 'acceptHMRUpdate'] }], ], components: { dirs: ['pages', 'components'], }, imports: { dirs:.. 2023. 10. 4. 09.25 최종 프로젝트 & 온보딩 인턴십 파란만장 최종 프로젝트가 끝난 후 드디어 인턴십을 왔다..! (프로젝트 동안의 개발 기록은 추후 업로드 예정) 인턴십은 uvc로 왔다. 아마 제일 지원자가 많았던 것 같다. 아무튼 처음 와서는 아무래도 월욜이다 보니 주간회의가 있으셨는지 쭈욱 기다렸다가 점심 사주셔서 점심 먹구 돌아와서 추석 전까지 3일간 뭘해야할지 일러주셨다. 그동안 쓴건 React였는데, 앞으로 이 회사에 있는 동안 써야할 건 Vue 3.0이다..! 3일 동안 Vue에 대해 개인 학습 뒤, 추석 지나고 팀플을 진행할 예정이다~ 따라서 앞으로는 Vue 개발 기록이 주가 될 예정이다. 참고로 현재 공부 예정인 정처기, RN에 대한 이야기도 가끔 올라갈 것 같다~~ 암튼 밑부터는 Vue 개발 기록 시작~~ Vue Vue를 시작하기 위해 G.. 2023. 9. 25. 08.03 디지털 트윈 부트캠프(OT) 24일차 파이썬 머신러닝 원래의 프로그래밍이 Rule과 Data를 통해 Answer를 출력했다면, 머신러닝은 Answer와 Data를 통해 Rule을 출력해낸다. 지도 학습 문제와 정답을 모두 알려주고 공부시키는 방법 -> 예측, 분류 분류: 데이터를 서로 다른 그룹으로 분류 회귀(예측): 연속적인 데이터의 추세를 예측 y = ax + b 선형회귀: 가설 H(x) = Wx + b from sklearn.linear_model import LinearRegression import pandas as pd import numpy as np import matplotlib.pyplot as plt 비지도 학습 답을 가르쳐주지 않고 공부시키는 방법 -> 연관 규칙, 군집 클러스터링(그룹화) 강화 학습 보상을 통해 상은 .. 2023. 8. 3. 08.02 디지털 트윈 부트캠프(OT) 23일차 28일은 아파서 결석, 7/8일은 학원 사정으로 특강 대체! 로 19 -> 23일차가 되었다! Python 딥러닝 ∈ 머신러닝 ∈ 인공지능 -> 목적에 따라 갈린다. 인공지능 인공지능 인간의 학습 능력, 추론 능력, 지각 능력을 인공적으로 구현하려는 CS의 세부 분야 중 하나 인간의 지능을 모방 -> 자체 성능을 반복적으로 개선할 수 있는 시스템 머신러닝 기계학습: 경험을 통해 자동으로 개선하는 컴퓨터 알고리즘의 연구 알고리즘과 기술을 개발하는 분야 결정 = 비교 + 선택 딥러닝 인공신경망(ANN) 심층신경망(DNN): 입력층과 출력층 사이에 여러 개의 은닉층들로 이뤄진 인공신경망 정확도가 높다 데이터 셋이 바뀔 때마다 모델리 달라짐 / 학습 속도 ↓ / 추적 어려움 머신러닝 label: 정답 -> 최종.. 2023. 8. 2. 06.08 디지털 트윈 부트캠프 38일차 프론트엔드 - React styled-components + media query 미디어 쿼리 미디어 타입을 인식하고 콘텐츠를 읽어들이는 기기나 브라우저의 물리적 속성을 감지할 수 있는 유용한 모귤(기능)이다. 모든 미디어 쿼리는 미디어 타입과 조건에 대한 물음(쿼리)라는 두 가지 구성 요소를 지니고 있다. @media 미디어타입 and (쿼리) {} 미디어 타입: screen, print, speech(음성 낭독기), all 쿼리: viewport styled-components를 이용해 컴ㅍ포넌트 내부에 transform (변형) : x, y 축 값을 변경하여 모양 바꾸기 관련 ㅎ함수 translate: 이동하기 rotate: 회전하기 scale: 확대 및 축소 skew: 비틀기 transition .. 2023. 6. 8. 06.07 디지털 트윈 부트캠프 37일차 프론트엔드 - React Todo List 만들기 1. 초기 구현 import React, { useState } from "react"; export default function Todo() { const [todos, setTodos] = useState([]); return ( {todos.map((item, index) => { return {item}; })} ); } 먼저, ul 태그 내에 여러 개의 li 태그가 늘어나는 형식으로 코드를 초기 구현한다. map을 사용해 각 item의 값을 나타내며 key 값을 인덱스로 갖도록 했다. 다음으로 할 일을 입력 받아야 한다. 입력 받을 때는 주로 form과 input을 사용한다. form 안에 두 개의 input 태그를 작성한다. 하나는 할 일을 .. 2023. 6. 7. 06.05 디지털 트윈 부트캠프 36일차 - 백엔드 특강 백엔드 사용자의 id와 password를 입력받아 저장만 하는 간단한 코드를 구현하는 과제를 수행했다. const express = require("express"); const app = express(); app.use(express.json()); const users = [ { id: "1", password: "password", }, { id: "2", password: "password", }, { id: "3", password: "password", }, ]; app.get("/users", (req, res) => { res.json(users); }); app.post("/users", (req, res) => { const { id, password } = req.body; if (.. 2023. 6. 5. 06.05 디지털 트윈 부트캠프 36일차 요번주 강사님은 유튜버셨다..! https://www.youtube.com/@uknowcoding 유노코딩 강의/집필/기타 협업 문의 beansdrawer@naver.com 기업 및 기관 출강 가능합니다. 웹 프론트엔드(HTML, CSS, JavaScript, React)/파이썬/C언어 어린이/청소년을 위한 블록코딩/로봇코딩 강의도 진행합니다-! 문 www.youtube.com 프론트엔드 - React useEffect useEffect 함수는 Hooks 중 하나로, 리액트 컴포넌트의 생명주기에 따라 동작을 제어 할 수 있는 기능을 제공한다. 콜백 함수를 입력 받아 특정 생명 주기마다 이를 호출한다. 또한 두 번째 인수로 의존성 배열을 전달 받아 콜백함수의 호출 타이밍을 결정한다. // 최초 1회 렌더링.. 2023. 6. 5. 05.30 디지털 트윈 부트캠프 32일차 디지털트윈 누구? 오늘은 UVC 본사에서 오셔서 제조 디지털트윈 플랫폼에 대해 강의가 진행됐다. 총 52명의 사원들이 있다고 한다! 디지털트윈과 메타버스 데이터를 불러오고 데이터를 계산 임베디드 엣지 팀 -> CPS 팀 -> 어플리케이션 팀 AR에서 보여지는 제어 화면을 통한 직접 제어 AR에서 조정한 값이 현실세계에서 그대로 반영 로봇의 위치가 달라질 때 디지털 트윈된 로봇화면에서도 실시간으로 값이 달라지는 것을 확인 가능 https://www.youtube.com/@uvctube UVC유비씨 유비씨는 2010년에 설립되어 국제 산업 표준(OPC UA)을 적용한 실시간 디지털 트윈 기반의 산업 메타버스 플랫폼을 개발하는 회사입니다. 유비씨에 대해 더 자세히 알고 싶다면 https://uvc.co.kr/.. 2023. 5. 30. 이전 1 2 3 4 다음 728x90 반응형 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
