watchVue 인스턴스의 상태(ref, reactive 변수)의 변경 시점에 특정 액션(call api, push route 등)을 취하고자 할 때 적합하다.대게의 경우 computed로 구현 가능한 것이라면 watch가 아니라 computed로 구현하는게 대부분 옳

html 에서 a 태그나 submit 태그는 고유의 동작이 있다. 페이지를 이동시킨다거나 form 안에 있는 input 등을 전송한다던가 그러한 동작이 있는데 e.preventDefault 는 그 동작을 중단시킨다.e.stopPropagation는 이벤트가 상위 엘리먼

reactive(): JavaScript 객체에서 반응형 상태를 생성하기 위해ref(): 기본타입(number, string, boolean)을 반응형으로 만들고자 할 때큰 반응형 객체의 몇몇 속성을 사용하길 원할 때, 원하는 속성을 얻기 위해 ES6 구조 분해 할당을

Composition API는 옵션(data, methods, ...)을 선언하는 대신 가져온 함수(ref, onMounted, ...)를 사용하여 Vue 컴포넌트를 작성할 수 있는 API 세트를 말한다.동일한 논리적 관심사 코드가 그룹화 되어 있어 코드를 분석, 유지

환경설정파이썬 설치가상환경 설정Scripts 폴더내에서 activate 명령어로 가상환경으로 진입pip3 install selenium==3.141 셀레니움 설치chromedriver 설치실행Scripts 폴더내에서 activate 명령어로 가상환경으로 진입cd ..p

@Data 어노테이션은 @Getter / @Setter, @ToString, @EqualsAndHashCode와 @RequiredArgsConstructor 를 합쳐놓은 것@Data 어노테이션은 callSuper, includeFieldName, exclude와 같은

Controller 같은 클라이언트 단과 직접 마주하는 계층에서는 Entity 대신 DTO를 사용해서 데이터를 교환한다.계층(Layer) 간 데이터 교환이 이루어질 수 있도록 하는 객체로 JSON serialization과 같은 직렬화에도 사용되는 객체이다.실제 DB

web Real-Time Communication실시간 커뮤니케이션은 가능하게 해주는 기술peer-to-peerpeer-to-peer 방식은 사용자의 오디오와 텍스트가 서버로 가지 않는다. 오디오, 텍스트 등은 상대편의 브라우저에게 직접 전달된다. 따라서 서버를 거치지

environment disparity, 모든 독립적 운용을 한방에docker는 environment disparity 라는 문제점을 해결해준다. 즉, 개발 환경이 맞지 않는 상태를 Docker를 통해 해결할 수 있다.예를 들어, 윈도우에서 개발하였고 모든 개발을 완료

지연로딩 LAZY프록시 객체를 가져옴 즉시로딩 EAGER(진짜) 객체를 다 가져옴Member조회 시 항상 Team도 조회하는 것각 member 객체마다 서로 다른 team에 소속되어 있다면..?Member 가져오는 쿼리와 함께 각 team 정보를 가져오기 위한 조인

📝 github. jpabasic3비지니스 로직에 따라 Member에 대한 정보만 출력하기도 하고, Member를 조회하면서 Team에 대한 정보도 필요할 때가 있다. 로직에 따라 필요한 정보가 다른데 Member를 조회하면서 Team을 항상 함께 조회할 필요가 없다

비동기 통신 웹 개발 기술인 ajax를 구현한 라이브러리 중 하나가 axios이다.Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트이다. 서버 사이드에서는 네이티브 node.js의 http 모듈을 사용하고, 클라이언트(브라우저)에서는

Persistence라는 클래스(JPA가 갖고 있음)가 \-> 1) 설정 정보(META-INF/peisistence.xml)를 조회\-> 2) EntityManagerFactory 라는 클래스를 만들어서 \-> 3) EntityManager 생성EntityManager

자바 지연의 ORM 기술 표준Object-Relational mapping(객체 관계 매핑)?객체와 관계형 데이터베이스를 매핑해주는 것객체는 객체대로 설계관계형 데이터베이스는 관계형 데이터베이스대로 설계ORM 프레임워크가 중간에서 매핑JPA는 애플리케이션과 JDBC 사

객체를 데이터베이스에 저장하기 위해JDBC > MyBatis, JdbcTemplate의 SQL Mapper > JPA 로의 흐름으로 발전애플리케이션은 객체 지향 언어로 개발 - 데이터베이스는 관계형 DB 사용객체를 관계형 DB에 보관하고 관리CRUD를 위한 쿼리 작성을

도커와 쿠버네틱스를 왜 배울까?DevOps데브옵스는 소프트웨어의 개발과 운영의 합성어로서, 소프트웨어 개발자와 정보기술 전문가 간의 소통, 협업 및 통합을 강조하는 개발 환경이나 문화를 말한다.데브옵스는 소프트웨어 개발조직과 운영조직간의 상호 의존적 대응이며 조직이 소

내 개인 서버에서 내 개인 로컬 컴퓨터로 받아오는 것이 목적이라면 누군가에게 요청할 필요 없이 그냥 pull을 하면 된다.하지만, 원본 저장소의 내용을 Fork해서 내가 작업할 수 있는 장소로 가져온 뒤에 거기에서 작업을 하는 경우가 있다. 그리고 내가 작업한 내용을

로깅(logging): 시스템에서 발생한 사건(event)을 기록하는 것로그(log): 로깅의 결과물, 유지보수에 있어 블랙박스와 같은 역할문제를 찾기 위해원인을 찾기 위해사용자 행동을 분석하기 위해이제 System.out.println()은 그만 쓰자..개발 언어와

1) 식별자 관계실선으로 표현부모 자식 관계에서 자식이 부모의 주 식별자를 외래 식별자로 참조해서 자신의 주 식별자로 설정2) 비식별자 관계점섬으로 표현부모 자식 관계에서 자식이 부모의 주 식별자를 외래 식별자로 참조해서 일반 속성으로 사용카디널리티는 한 개체에서 발생