element-ui, vue를 조합해서 컴포넌트를 사용하고 있는데element-ui의 el-popover는 클릭 or 호버시에 popup창이 해당 클릭 버튼 근처에 뜨는 형식이다.근데 조금 신기한 형식인게, 해당 컴포넌트가 만들어질 때, 원래 있던 dom의 내부가 아닌

최근 회사에서 canvas가 있는 div를 프린트 해야하는 상황이 필요했다.canvas 요소를 이미지로 변환하지 않고 window.print()로 직접 인쇄하는 것은 일반적으로 어렵습니다. window.print()는 현재 창의 내용을 인쇄 대화 상자에 표시하는 기능을

의 콘솔값이 무엇인지 알겠다면, 그냥 넘어가시는걸 추천한다.디스트럭처링 할당은 ES6에서 도입된 문법이다.나는 이걸 코딩테스트때 처음 접했는데, 그때 접한 이유는 스프레드 문법 때문이었다.실무에서는 객체할당 때문에 가끔 쓰고는 하는데, 사실 자주 햇갈리는 경우가 참 많

Array, String, map, Set ,TypedArray, DOM 컬렉션, arguments와 같이 for ...of 문, 스프레드 문법, 배열 디스트럭처링 할당 등을 이용 할 수 있는 이터레이션 프로토콜을 준수하는 이터러블들이다.ES6에서부터 순회 가능한 데이

간단한 구조로 작성해보았다.기본적으로 todo를 구현해오는 코드가 이렇게 생겼다면,동작은 3가지로 나뉜다.useInfinityQuery()를 통해 { data, status, fetchNextPage, isFetchingNextPage } 받아온다.// data: qu

스프링에서FATAL: remaining connection slots are reserved for non-replication superuser connections해당 문구를 발견했다.db에 connection할 수 있는 수가 모자라다는 것이다 postgresql의

jquery 버전 업을 요청받아 진행중에 있었다.다른 곳엔 큰 문제가 없었는데.. ax5grid라는 grid 라이브러리에서 오류가 발생했다.정렬해주는 화살표와 text가 합쳐지는 오류였다.아니 jquery버전 업이랑 무슨 상관인지 모르겠지만.. 이 고민 있으신 분들은a

input에서 autocomplete가 됐을때 전역적으로 css가 세팅되어있었다.근데, 해당input태그안에 icon이 있었는데, 전역으로 세팅되어 있는 색과 같아서 자동완성 된 상태의 input박스 내부에서 안보이는 이슈가 발생하였다.제일 먼저 든 생각은 input에

에러일기 개같은거

자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본갑으로 자동 정의합니다. 1. 프로퍼티 어트리뷰트, 프로퍼티 디스크립터 객체 프로퍼티 어트리뷰트로는 [[Value]], [[Writeable]], [[Enumerable]]

기존에 vue, express로 만들었던 블로그가 있다.기능들만 간단하게 구현해서 만들어놨는데, 그것도 벌써 1년전의 일이다.요즘 가장 인기있는 next.js와 typescript로 만들어보려고한다.기존에 회사에선 jsp, thymeleaf 이런것만 쓰다보니까 뒤쳐지고

const obj = {name : 'HG'};const say = function (city) { console.log(my city is ${city} , my name is ${this.name} )}say("seoul") // this = window//

쿠키, 세션, 캐시 차이일단 기본적으로 http의 특징을 알 필요가 있다.http는 stateless 프로토콜이고, connectionless 프로토콜이다.stateless이기 때문에 데이터를 주고 받아도, 이전 데이터를 유지하지 않는다.또한 connectionless

jvm이란?내 생각자바에서의 메모리,그냥 부분 할당하는 것 아닐까? 그냥 뭔가 대단한 것 아닐 것 같다.jvm은 java virtual machine자바 가상 머신으로 자바 바이트 코드를 실행할 수 있는 주체다.자바와 운영체제 사이에서 중개자 역살을 수행하고, 자바가

defer /// asyncjs를 불러오는 방식기존의 방식이을 한다고하면 js파일이 너무 클때, 느려지게 된다.근데 defer, async를 쓰면, 비동기적으로 실행하게된다.그렇다면, 두개의 차이점은 무엇일까?async는 실행 순서의 차이가 없다. 그래서 처리 순서에서

DDDDDD는 객체지향에서부터!객체지향에서의 핵심은 뭘까요?객체지향에서의 핵심은 뭘까? 뭘까? 뭘까?왜 객체를 지향할까?좋은점이 많으니까 절차지향보다 순서를 고려하지 않아도 되는 장점들일단, 재사용성이 좋지그리고 객체가 그 자체를 표현하니까 보면서도 이 객체가 뭐를 말

Entity는 고유 식별자(pk)를 바탕으로 객체의 정체성을 부여,VO는 상태를 바탕으로 객체의 정체성을 부여각각의 도메인들을 위와 같은 Layer로 철저히 분리해서 만드는 것이 DDD의 핵심 설계 방식이다.설계한 도메인 모듈별로 분리하는 것이 마이크로서비스이다.즉,

JSTL - JSP 개발을 단순화하기 위한 태그 library장점 빠른 개발 -> JSP를 단순화 하는 많은 태그 제공코드 재사용성 -> 다양한 페이지에서 JSTL 태그 사용 가능스크립틀릿 태그를 사용할 필요가 없음JSTL tagc - core tags 변수 지원, u

브라우저 렌더링 원리 (홈페이지가 사용자에게 보이는 순서)주소창에 입력된 주소를 통해 서버를 찾아감이 후 DNS가 연결해줄 곳을 찾는다.서버에서 HTML 파일을 클라이언트로 보낸다.HTML 문서는 파싱되어 DOM을 생성한다.중간에 css를 로드하는 link or sty

(mybatis)mapper.xml에서 자주 발생한 문제이다.특정 값이 맞는지 체크하거나, 빈 값인지 체크할때는 안쪽을 쌍따옴표로 써야한다.select from where 등 문법에서 순서, join등 중요함 나중에 따로 정리해놓자 알고있다고 허세부리지말자. 모른다eg