개인코딩개발공장

# 화면 확대축소 난 보통 cntl + - 로 화면을 zoom했는데 걍 cntl + space누르고 마우스 와리가리하면 zoom이 된다. # 단축키 설정 단축키 변경 메뉴 Edit - Keyboard Shortcuts 자주 사용하는 애들을 바꿨다. offset path : cntl + alt + o trim view : cntl + \ (원화 expand : cntl + alt + e (선을 면으로) # 크롬 주소창 단축키 F6 alt + D cltn+E (이건 바로 검색으로가기) # swatch 라이브러리 저장 매번 색을 가져와서 작업하기 힘들었다. 자주쓰는 색을 저장해서 사용해보자 일단 자주 swatch 패널에 색상들을 넣어보았다. 이렇게 햄버거를 누르고 ASE파일로 저장하기 클릭 난 test라는 파..

before {{ dateInfo.year }}/{{ dateInfo.month }} next 일 월 화 수 목 금 토 {{ i + 1 }} 선택한 날짜 : {{ dateInfo.chosenDate.year + "/" + dateInfo.chosenDate.month + "/" + dateInfo.chosenDate.date }}

먼저 @keyFrames를 만들어줘야한다. @keyframes change-color { from { background-color: red; } to { background-color: blue; border-radius: 50%; } } change-color이란 이름의 애니메이션이다. .box1 { animation-name: change-color; animation-duration: 1s; animation-iteration-count: infinite; } 그리고 적용하고 싶은 html css에 저shape라는 애니메이션을 적용하면된다. 무한하게 1초동안 change color 애니메이션이 반복되는걸 볼수있다. @keyframes change-color { from { background-co..

먼저 html ## transform 사용하기 # 이동을 해보자 .box { width: 100px; height: 100px; background-color: red; margin: 10px; transform: translateX(50px); } - translateX(값) 이건 x축으로 얼만큼 이동하겠는가 - translateY(값) 이건 y축으로 얼만큼 이동하겠는가 -translate(값1,값2) 이건 xy각각 얼만큼 이동하겠는가 # 크기를 조절해보자 .box { width: 100px; height: 100px; background-color: red; margin: 10px; transform: scaleX(2); } - scaleX(값) 값배만큼 X축으로 늘리자~ - scaleY(값) 값배만..

난 이미 백단에 풀을 생성해서 관리를 하고있었는데 내가 알고있는 connection pool개념과 내 db서버 작동방식이 좀 다르더라.. 프론트에서 db데이터 접근하는 요청을 날릴때마다 커넥션이 여러개 생성이 되던데 백단에서 connection pool로 db접근처리를 해놨다면 쿼리문 날릴때마다 노는 커넥션 하나 가져와서 쓰는거라 커넥션이 늘어나지 말아야할텐데? 로컬에서 작업하는거니 당연히 그래야하는데.. 계속 커넥션이 늘더라.. 뭐가 문제인지 원인을 찾았다. 그래서 connection pool의 개념을 다시 정리해보겠다. # 목적 : connection pool의 개념정리 # 기본 프론트 백 db서버 동작 구조 위 그림처럼 front에서 api요청으로(axios ajax같은거) 백단에 요청을 한다. 그..