WEB44 Vue3 특징 virtual DOM 사용너무 많이 업데이트하는 비효율적인 연산을 줄이고자 만든 가상의 DOMDOM 구조를 체크하는 변경하는 방식이 복잡하며 단순화/자동화 하기 위해 만들어짐 Virtual DOM 동작 원리- UI가 변경되면 전체 UI를 Virtual DOM으로 렌더링- 현재 Virtual DOM과 이전 Virtual DOM을 비교해 변경된 부분만 실제 DOM에 반영- 가상 돔 렌더링은 변경된 부분만 DOM에 적용, 상태 변화 자동감지, 빠른 화면 렌더링 가능 Vue3의 Virtual DOM 새로운 렌더링 전략- 템플릿 구문에서 정적 요소와 동적 요소를 구분하여 트리 순환 시 동적 요소만 순환구문 내의 정적 영역을 미리 블록으로 구분하여 렌더링 시 정적 블록에는 접근x, 동적요소 코드에만 접근하여 렌더.. 2024. 1. 12. 00. JPA 소개 ORM 데이터베이스와 객체의 사이를 연결해주는 것을 ORM이라고 함 우리는 ORM을 통해서 우리는 ORM을 통해서 우리가 정의한 객체를 사용하는 것만으로도 데이터를 연결해서 사용할 수 있게된다. 만약 ORM없이 직접 데이터들을 핸들링한다면 select해서 일일이 매핑해서 사용해야한다. JPA Java Persistence API: ORM 표준 - persistence 영역 즉 데이터에 접근하기 위한 API 규격 정의 - ORM이 전체적인 개념이라고 한다면 JPA는 좀 더 구체적으로 기능을 정의한 스펙이라고 할 수 있음 - 자카르타로 명칭 변경 Spring Data JPA - spring에서 Hibernate를 간편하게 사용할 수 있도록 추상객체를 한 번 더 감싸서 만들어놓은 것 - EntityManger.. 2023. 2. 23. [WEB] 웹 프로젝트 첫 설정 처음에 저 server 탭에 톰캣이 없을거임 파란 하이퍼링크를 눌러주면 이런창이 뜸 자신이 깔았던 톰캣버전을 선택해주고 next를 눌러줌 그리고 오른쪽처럼 톰캣이 깔린 폴더를 찾아서 지정해줘야함 경로를 바꾸지 않았다면 보통 C:\Program Files\Apache Software Foundation 에 tocat 9.0이 있음 그거 선택해주고 jdk11.0.7 로 설정해주었음 그리고 새로운프로젝트만들기에서 dynamic web project를 선택해줌 window preference에서 encoding 설정을 해준다 utf-8로! 간단하게 hello.jsp파일을 만들어줘봤음 java 폴더는 아직 안만들어도됨 http://localhost:8080/First/Hello.jsp 여기로 접속하면 내가만든 페.. 2023. 1. 20. [Spring][인프런][H2] Unsupported database file version or invalid file header in file 오류 스프링 입문 강의를 듣다가 이런 오류가 났다. JDBC URL을 조금만 바꾸어준다면 첫 생성과 연결을 할 수 있다. 처음엔 JDBC URL이 이렇게 되어있는데 jdbc:h2:tcp://localhost/~/test 처음 생성과 연결을 할 때에는 jdbc:h2:~/test ⬆⬆⬆ 이렇게 해주자 ✅ 다음에 다시 연결할 때에는 이렇게 설정해놓고 연결하는 것을 권장한다. jdbc:h2:tcp://localhost/~/test -> 왜냐하면 파일로 접근하게 되면 애플리케이션과 웹 콘솔이 동시에 잘 접속이 안 될 수도 있다고 한다. jdbc:h2:~/test ➡ 파일 직접접근 jdbc:h2:tcp://localhost/~/test ➡ 소켓 통해서 접근 성공하면 이런 화면이 나온다. 다른 데이터베이스처럼 옆에 쿼리를.. 2022. 11. 29. 이전 1 2 3 4 ··· 11 다음
