Jeong note

프로젝트 소개 : 하늘 사진을 통한 태양광 발전량 예측 모델 웹 서비스 참여인원 (총 6명) - [github ID] - 데이터 분석 (2명) : sosomm20141212(PL), damhyang - 프론트앤드 (2명) : whrkdud, SSunkist - 풀스택 (2명) : notrowing, kty0910 필요기능 - 메인 페이지 : 사진 업로드 페이지 이동 , 프로젝트 간단 소개 - 사진 업로드 페이지 : 사진 업로드 , 사진 변경 (어안렌즈 필터) 사이트 이동 버튼 - 결과 페이지 : 카테고리 별 일사량 도출, 생산되는 에너지를 건전지 개수로 도출 아쉬웠던 부분 - 모델 재학습을 위해 DB를 연결하고자 하였으나 짧은 기간으로 실행하지 못함 - 이미지 어안 필터 기능 제공을 외부사이트가 아닌 우..

class Solution { public int solution(String[] babbling) { int answer = 0; String [] str = {"aya", "ye", "woo", "ma"}; for (int i=0; i< babbling.length; i++){ for(int j=0; j

주제 : 노약자 대상 전동차 커뮤니티 사이트 📌 server/frontwork/src/components/ProductList.js import '../css/ProductList.css'; import axios from 'axios'; import {BrowserRouter,Link, useParams} from "react-router-dom" import React, { useEffect, useState } from "react"; import Productinfo from './Productinfo'; const ProductList = ()=>{ const [productList, setProductList] = useState([]); const [productinfo, setProduct..

주제 : 노약자 대상 전동차 커뮤니티 사이트 💻 들어가기 웹 개발 및 프레임워크 : 스프링부트, 리액트 리액트를 사용한 파일 명 : frontwork vscode 에서 스프링부트 프로젝트를 먼저 생성 한 후 frontwork 파일을 만들어 주었습니다. 요약 1. 스프링 부트 파일을 생성한다. 2. cmd 에서 해당 스프링부트 파일 위치로 이동하여 [mkdir frontwork]로 frontwork 파일을 만들어주었습니다. 3. 리액트 앱 설치 : npm install -g create-react-app 4. 프로젝트 생성 : create-react-app . 5. 프로젝트 구동 : npm run start 구글에 (리액트 스프링부트 연동) 으로 검색하여 참고 하면 쉽게 연결 할 수 있답니다! 메인페이지의..

주제 : 노약자 대상 전동차 커뮤니티 사이트 📌 우리 조 웹 디자인의 특징 - 목적 : 노약자를 위한 정보 제공 - 방법 : 단순한프레임, 직관적인 정보제공 - 평가 : 촌스럽지만 단순하다. 📌 참여인원 (총 4명) - [github ID] - Full-Stack (4명) : 20153306Kimgunwoo(PL), sosomm20141212, notrowing, raincross7 📌 필요한 기능 - 계정관리 : 로그인, 로그아웃, 회원가입 - 차량관련 : 차량검색기능, 차량제원, 차량 구매 링크 - 정보제공 : 충전소정보, 판매업소 정보, 보조금 - 자유게시판: 게시글 작성, 댓글, 대댓글, 게시판 관리자 💚나의 역할 💚 - 메인페이지 Search.js : 제조사, 차량유형, 모델명을 입력받아 제품의..

상단의 board 메뉴로 접속하면 확인 가능한 게시판 페이지 입니다. 이번 글에서는 html 코드는 main.html을 제외하고 가져오지 않았습니다. 참고 링크에서 전체 코드를 확인해주세요! 부족한 글을 읽어주셔서 감사합니다! (각각의 html의 버튼에 해당 컨트롤러의 매핑 주소들을 연결해주면 동작됩니다) 💻 필요한 html 1. 게시글 리스트 페이지 : main.html 기능 - 게시글 삭제 2. 게시글 작성 페이지 : insert.html 3. 게시글 상세보기 페이지 : detail.html 기능 - 댓글 작성, 댓글 삭제, 게시글 삭제 4. 게시글 수정 페이지 : update.html 💻 jpa 📌 model > Board.javapackage com.example.log.model; import ..

게시판 board 페이지는 다음 이미지와 같습니다. 모동숲 너굴의 게시판을 생각하며 만들어 보았습니다. 1. 로그인 구현 상단의 로그인 메뉴를 눌러서 들어가면 나오는 페이지 입니다. - 로그인 페이지는 인스타그램 코딩했던 로그인 페이지를 참고해서 html을 작성하였습니다. 💻 login.html 로그인 또는 Facebook으로 로그인 비밀번호를 잊으셨나요? 코드가 길어서 가장 중요한 아이디와 비밀번호를 받아오는 부분만 가지고 왔습니다. form 태그에 action 으로 /board/login 이부분이 나중에 컨트롤러에서 설정 될 이름이랑 같아야 합니다. 📌 model > Member.java package com.example.log.model; import jakarta.persistence.Entit..

업로드 가. 로컬 저장소와 원격 저장소 연결 나. 파일 add - commit - push 1. 깃허브에 원격 저장소 만들기 2. 로컬 저장소 만들기 (.git 파일 생성) $ git init 3. 로컬 저장소랑 원격 저장소 연결 $ git remote add origin [깃헙 repository주소] //원격저장소 연결 4. 연결된 원격 저장소 확인 (로컬 저장소에 원격 저장소가 잘 연결되었는지 ? ) $ git remote -v // 연결된 원격 저장소 확인 5. add $ git add . // 모든 변경사항을 올릴 경우 $ git add [파일/디렉토리] // 특정 파일만 올릴 경우 6. 파일 상태를 확인 $ git status 7. 커밋하기 $ git commit -m "커밋 로그" 8. 업로..