My footsteps
- jdbc는 통일된 api만 제공 - JPA : java persistence API - 이렇게 하게 되면 데이터,스키마 sql 파일 지워도된다 public interface MenuRepository extends JpaRepository { } //api 엔티티 //그리고 엔티티에 가서는 @Entity랑 @Id 어노테이션만 붙여주면 된다 @Data @Builder @NoArgsConstructor @AllArgsConstructor @Entity public class Menu { @Id private Integer id; private String korName; private String engName; private Integer price; private String img; private ..
- 뷰 라우터 임포트 하는 방법 import {createRouter, createWebHistory} from 'vue-router' - 라우팅 하는 방법 import { createApp } from 'vue' import App from './App.vue' import {createRouter, createWebHistory} from 'vue-router' import Index from './components/Index.vue' import MenuList from './components/menu/List.vue' //라우터 만들기 const router = createWebHistory({ history: createWebHistory(), routes:[ {path: '/',compon..
- vite는 톰캣과 별도로 서버가 돌아가는것 - ct+c 누르면 vite 서버 꺼짐 - 베포 : 사람들이 가져가서 볼수있으면 베포다 뭐 거창한게 아님... //세개의 파일을(?) 한꺼번에 쓸수있다 = 싱글파일컴포넌트 - 컴포넌트 : 구성요소 - 페이지 전환 = 라우팅 @import url("/css/header.css"); @import url("/css/footer.css"); @import url("/css/aside.css"); @import url("/css/index.css"); body{ background-color: var(--color-bg-3); } - scoped가 붙으면 식별자가 붙는다??붙이면 식별자 붙은애들만 style먹고, 안붙이면 모든것에 영향을 주게 됨 - npm : no..
- 변환기가 있다는것은 자스 규칙 뿐만아니라 변환기의 규칙도 지켜줘야 한다는 뜻 - 노드 js의 좋은점은 브라우저가 지원하는 api만 쓸수있는게 아니라 다른 api도 쓸수있어서 막강한 힘을 갖게 되는것 - 사이트가서 너무 최신버전 말고 그 옆에꺼 다운받으면 된다 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - 쓰레드 보다는 콜백이 더 빠르고 메모리 절약율이 좋다 let x = 3; let y = 4; function f1(){ return x+y; } //바깥으로 노출하고 싶은 sum을 export로 노출시키기 exports.su..
- DOM 프로그래밍을 덜 쓸수 있게 해주는게 뷰js다 - 화면은 고정되어있고 비동기로 데이터를 전달하는것 = 에이젝스 - 데이터 요청 > 요청 API > 데이터 받음 > 화면 바꿔줌 - 뷰 js를 쓰면 dom 굳이 안써도됨!!!! 조타 와너무졸려 - 자스 이용하여 변환할수 이쓴 환경 필요 - 이렇게 비대했던 계산기 코드가 vue.js를 쓰면 간결해질것이다~~~ HTML 삽입 미리보기할 수 없는 소스 window.addEventListener("load", function () { const inputs = document.querySelectorAll("input"); const xInput = inputs[0]; const yInput = inputs[1]; const resetButton = inp..