목록전체 글 (181)
개발새발
다음 코드를 티스토리 환경설정 > 스킨변집 > HTML 편집 항목에 들어가서 추가해주면 된다
📈 성장 지향 목표 설정: 팀의 목표는 실현 가능한 도전으로 설정하며, 각자 새로운 기술이나 지식을 습득하며 성장할 수 있도록 한다.문제 해결: 어려운 문제에 직면할 경우 팀원 간 협력을 통해 해결 방안을 모색하고, 포기하지 않고 끝까지 해결해 나간다.🔥 자율적 참여적극적 제안: 새로운 아이디어나 개선점을 적극적으로 제안하며, 제안된 아이디어는 함께 검토하고 결정한다.결정 후 책임: 팀에서 결정된 사항은 모두가 동의하고 책임을 진다. 이후에는 이를 충실히 이행한다.건설적 비판: 의견 충돌은 프로젝트의 질을 높이기 위한 과정으로 인식하고, 서로를 존중하며 건설적인 비판을 한다.🎙️ 투명한 소통진행 상황 공유: 모든 팀원은 자신의 작업 진행 상황을 정기적으로 공유하고, 팀 전체의 작업 흐름을 파악한다...
KataGo 설치 및 설정서버에 KataGo를 설치한다. (Ubuntu 기준) sudo apt-get updatesudo apt-get install -y git cmake g++ libzip-dev zlib1g-devgit clone https://github.com/lightvector/KataGo.gitcd KataGo/cppcmake . -DUSE_BACKEND=OPENCL # GPU 지원make 구글 드라이브로 다운로드https://drive.usercontent.google.com/download?id=1ygkgiYkZD4oQeFbaCD3lgsmfChkEeTBe&export=download&authuser=1 Google Drive - 다운로드 경고Google Drive가 다운로드 파일에서 ..
MongoDB 연결 몽구스(Mongoose)는 Node.js 환경에서 MongoDB 데이터베이스와 쉽게 상호작용할 수 있도록 도와주는 객체 데이터 모델링(ODM, Object Data Modeling) 라이브러리이다. const mongoose = require("mongoose");mongoose // 몽구스를 이용해서 mongoDB에 연결 .connect(config.mongoURI, { useNewUrlParser: true, useUnifiedTopology: true, }) .then(() => console.log("MongoDB Connected...")) .catch((err) => console.log(err)); token: 사용자가 인증된 후 발급받은 인증 토큰을 ..
리액트(React)에서 props는 컴포넌트 간에 데이터를 전달하는 메커니즘이다. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 주로 사용되며, 이 데이터는 함수의 매개변수처럼 자식 컴포넌트에서 접근할 수 있다.1. Props의 개념props는 "properties"의 줄임말로, 컴포넌트에 전달되는 입력값이다. 리액트에서 props는 읽기 전용이며, 자식 컴포넌트는 전달받은 props를 변경할 수 없다. 이러한 특성 덕분에 리액트 애플리케이션에서 데이터의 흐름이 예측 가능하고 일관되게 유지된다. 2. Props의 사용법2.1. 기본 사용법props는 부모 컴포넌트에서 자식 컴포넌트로 전달된다. 자식 컴포넌트는 전달받은 props를 이용해 화면을 렌더링할 수 있다. import React from ..

1. 프로젝트 배경 및 목적이 프로젝트는 배터리 수명을 예측하기 위해 딥러닝 기술을 활용한 연구이다. 배터리의 남은 성능을 정확히 예측함으로써 적절한 시기에 배터리를 교체하거나 재활용할 수 있게 하기 위해서 해당 프로젝트를 시작하게 되었다. 전체 코드는 아래의 깃허브에서 볼 수 있다. https://github.com/his0si/BatteryLifeAI?tab=readme-ov-file GitHub - his0si/BatteryLifeAI: 딥러닝을 이용한 배터리 수명 예측딥러닝을 이용한 배터리 수명 예측. Contribute to his0si/BatteryLifeAI development by creating an account on GitHub.github.com 2. 사용한 데이터프로젝트에서는 ..
우선 크롬에서 확장 프로그램을 다운 받는다 https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi React Developer Tools - Chrome 웹 스토어Adds React debugging tools to the Chrome Developer Tools. Created from revision ccb20cb88b on 7/3/2024.chromewebstore.google.com 리액트 개발 화면에서 설정 - 도구 더보기 - 개발자 도구를 선택하여 개발자 도구를 열고(단축키: F12)>>를 클릭한 후 components를 클릭하면 react 컴포넌트에 대한 정보가 나온다 클릭하면..
1. create-react-app 설치npm install -g create-react-app 2. react project 생성 -> 원하는 이름으로 생성하면 된다.create-react-app test_app 3. 생성한 폴더로 이동 후 app을 실행시키면 페이지가 생성된 것을 확인할 수 있다.cd test_appnpm start 4. App.js 파일에 들어가 수정하고 save를 하면 자동으로 컴파일이 시작되어, 페이지가 자동으로 reload 되는 것도 확인할 수 있다. component는 데이터와 화면을 묶어 둔 것데이터는 state, 화면은 render 부분의 return 부분 묶여 있기 때문에 데이터가 바뀌면 화면은 자동으로 바뀐다! (화면의 바뀌는 부분을 state로 만들자) 5. 화..