00환경설정프론드_백엔드.md

프론트 : vue 개발

1. 노드(node) 설치 : 개발툴임(백엔드개발툴)
   -js 개발
   공홈 : node.js ==> v18.20.4(lts) windows x64

2. vue cli(개발도구) : npm install -g @vue/cli
   => 명령프롬포트에서 개발

백엔드 : springboot 개발, 인텔리제이 설치 +jdk 17설치

1. jdk17 - azul -> zulu17버전

2. 인텔리제이 설치 : 무료) 인텔리제이 커뮤니티
   상용 ) 인텔리제이 울티메이트 라이센스 등록 (선택 1로그인 자동)

3. 인텔리제이 라이센스 압축파일 : (선택2 압축파일2번의 모든 내용 붙여넣기)

ecma js 고급

// js 객체 : 사용법) let 객체명= {속성:값,...}
// js 배열: 사용법) let 배열명= [값, 값2...]
// 간단연습 : 객체만들기
// TODO: JSON 데이터
// => Javascript object notation
let data = [
{ name: "혼자 공부하는 자바", price: 18000, publisher: "한빛미디어" },
{
name: "HTML5 웹 프로그래밍 입문",
price: 26000,
publisher: "한빛미디어",
},
];

console.log(data);

 // 객체 정의
 let student = {
   name: "윤인성",
 };
  //출력방법: 객체명.속성명
  //   console.log(student.name);
  // TODO: 새속성 추가 : HOBBY = "악기";
  // TODO: 사용법) 객체명.속성명 = "값";
  student.hobby = "악기";
  //   console.log(student);
  // TODO: 간단연습: scn = "123456-1234567"
  student.scn = "123456-1234567";
  console.log(student);

이크마스크립트(js고급): 객체속성 수정

let student = { name: "윤인성", hobby: "악기", // TODO: 객체의 속성값 수정 : 객체명.기존속성명="수정값"; }; student.name = "홍길동"; // console.log(student); // TODO: 간단연습 name 속성값을 "임꺽정"으로 수정하세요 student.name = "임꺽정"; console.log(student);

이크마스크립트(js고급): 객체속성 삭제

  let student = {
    name: "윤인성",
    hobby: "악기",
  };
  // TODO: 속성삭제 사용법:
  delete student.hobby;
 console.log(student);

이크마스크립트(js고급) : 객체정의(또 다른방법)

// TODO: 객체 정의 사용법 : class Squre { // 생성자 : // constructor(name) { // this.name = name; // } // 함수(메소드) printArea() { return "넓이"; } } // 객체 생성 : new 생성자() let squre = new Squre(); // 출력 : console.log(squre.printArea());