보라코딩

vue 설치 - node.js 최신으로 설치 - VSC 터미널에서 npm install -g @vue/cli VSC extention 설치 - Vetur - html css support - html css support 뷰 프로젝트 생성 - vue create vuestudy - 오류 발생 : workspace\vue공부> vue create vueStudy vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\ge.lee\AppData\Roaming\npm\vue.ps1 파 일을 로드할 수 없습니다. 보안 오류: (:) [], PSSecurityException - 해결 방안 : Powershell 검색 - 우클릭 - 관리자 권한으로 실행한 뒤 Set-ExecutionPolicy U..

몽고DB 사이트 들어가기 MongoDB: 애플리케이션 데이터 플랫폼 업계 최고의 최신 데이터베이스를 토대로 구축된 애플리케이션 데이터 플랫폼을 사용해 아이디어를 더욱 빠르게 실현하세요. MongoDB는 데이터를 손쉽게 처리할 수 있도록 지원합니다. www.mongodb.com 커뮤니티 서버로 설치하기 (무료) studio 3T 무료 설치 (해도 되나 난 안함) Thanks for downloading Studio 3T | Studio 3T Your download has begun Thanks for downloading Studio 3T! Install Studio 3T on your computer Watch the Getting Started video now Switch to the Free ed..

공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr import React from "react"; import axios from "axios"; import { useState, useEffect } from "react"; export default function Api() { const URL = "http://apis.data.go.kr/1360000/VilageFcstInfoService_2.0/getUltraSrtNcst"; const [data, setData] = useState(null); const ..

솔직히 어렵다........ UserEntity package com.boralog.blog.domain; import javax.persistence.Entity; import javax.persistence.Id; import javax.persistence.Table; import com.boralog.blog.dto.SignUpDto; import lombok.AllArgsConstructor; import lombok.Builder; import lombok.Data; import lombok.NoArgsConstructor; @Data @Builder @AllArgsConstructor @NoArgsConstructor @Entity(name = "User") @Table(name = "Use..

create database boralog default character set utf8 collate utf8_general_ci; show databases; use boralog; CREATE TABLE USER ( user_email varchar(50) primary key, user_password varchar(20) not null, user_nickname varchar(30) not null, user_phone_number varchar(15) not null, user_adderess text not null, user_profile text ); CREATE TABLE BOARD ( board_number INT primary key auto_increment, board_tit..

BlogEntity package com.boralog.blog.domain; import javax.persistence.Column; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.GenerationType; import javax.persistence.Id; import lombok.AllArgsConstructor; import lombok.Builder; import lombok.Data; import lombok.NoArgsConstructor; @Entity(name="boralog") // 서버 실행시 MySQL에 테이블 생성됨 @Data @AllArgsCons..

개발환경 MySQL 8.0.34 Spring Boot 2.7.14 java 11.0.20 JPA STS4 / VSC Windows File - new - other - Spring Starter Project 원하는 Name 입력하고 본인의 개발환경에 맞게 선택한다. 이렇게 만든 상태에서 바로 실행을 하면 아래와 같은 에러를 볼 수 있다. ㄴ 원인 : JPA 의존성을 미리 추가해서 ㄴ 해결방법 : pom.xml에서 jpa 부분 잠시 주석처리 Description: Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured. Reason: Failed to det..

useEffect useEffect() 함수 실행시점 1. 최초 function 그림이 최초로 그려질 때 2. 상태 변수가 변경될 때 3. 의존 리스트 관리 가능함 useEffect( () => { }, [무언가]); [무언가] : 무언가가 변경될 때마다 useEffect 실행 됨 (무언가에 의존) [ ] : 비워두면 의존되는 것 없음. 그래서 다시 useEffect가 실행되지 않음 메타코딩님 강의 들었는데 설명 매우 잘하심...!

spread 연산자 깊은 복사할 때 사용 const a = [1,2,3]; const b = [...a]; ㄴ 이렇게하면 const b = [1,2,3]; 과 동일함 concat (추가하기) const a = [1,2,3]; //1,2,3 const b = a.concat(4); //1,2,3,4 filter (걸러내기_보통 삭제할 때 사용) const a = [1,2,3]; //1,2,3 const b = a.filter( (n) => { return n != 1; }); //2,3 필터는 boolean을 return 받아서 true만 걸러낸다! slice (잘라내기) const a = [1,2,3]; const b = a.slice(0,2); //1,2 map (반복) const a = [1,2,3]..

DELETE Carlist.js 1. 표의 각 행에 버튼 만들기 버튼 필드 : 자동차에 대한 링크인 _links.self.href filterable과 sortable은 false (정렬과 필터링 필요 없기 때문) const columns = [ {field:'brand', headerNmae: 'Brand', width: 200}, {field:'model', headerNmae: 'Model', width: 200}, {field:'color', headerNmae: 'Color', width: 200}, {field:'year', headerNmae: 'Year', width: 150}, {field:'price', headerNmae: 'Price', width: 150}, { field: '_l..