개인코딩개발공장

# mdn정의 함수에 전달된 피연산자 또는 인수가 해당 연산자나 함수가 예상하는 타입과 호환되지 않을 경우 변경할 수 없는 값을 수정하려고 할 경우 부적절한 방법으로 값을 사용하려고 할 경우 # 일반적인 오류 - 바꿀수 없는 값(상수) const value = 1; value = 2; 상수 value를 바꾸려고할때 에러뜬다 - 이상한거 연산하려고할때 console.log(Symbol("hello") + 1); 심볼이랑 숫자는 더할수 없는데.. - 이상한거 참조하려고할때 console.log(null.hello); console.log(undefined.hello); null과 undefined에서 프로퍼티 참조하려면 에러뜸니다.. + 참고로 선언하지 않은 변수에서 프로퍼티 참조하려하면 console.lo..

# MDN정의 - ReferenceError 객체는 현재 범위에서 존재하지 않거나 초기화되지 않은 변수를 참조했을 때 발생하는 에러를 나타냅니다. # 일반적인 참조오류 console.log(babo); 코드에서 babo를 선언하지 않았는데 참조하려고할때 뜬다. + 초기화안된 변수 참조할때 console.log(babo); let babo; 초기화 호이스팅 포스팅 참조 https://jacobowl.tistory.com/136 변수 호이스팅, 그리고 초기화 initialize, Temporal Dead Zone 초기화는 변수선언시에 최초로 undefined가 할당이 되는것을 말한다. 먼저 그림으로 살펴보면, let value = 'hello world'; 라는 코드가 실행되면 먼저 식별자 value가 가르..

# MDN정의 - SyntaxError 객체는 문법적으로 유효하지 않은 코드를 해석하려고 시도할 때 발생하는 오류를 의미합니다. Javascript 엔진이 코드를 구문 분석할 때 언어의 구문에 맞지 않는 토큰이나 토큰 순서를 만나면 이 오류를 던집니다. # 일반적인 구문오류 console.log(dq') 이따구로 쓰면 이렇게 괄호안쳤다고 구문오류뜸 # 표현식이 아닌걸 변수에 담으려 할때 let value = const value1; 토큰이 이상하대.. 위 코드는 선언'문'을 변수에 담으려고 해서 생긴 오류다. 선언문은 표현식이 아닌 문이다. 표현식인 문 vs 표현식이 아닌 문 포스팅은 아래 링크가세요. https://jacobowl.tistory.com/137 값(value), 리터럴(literal), ..

# 이미지 트레이스 이 이미지를 이미지트레이스하면 이렇게 못생기게 잡혀진다 이걸 방지하기위해 일단 이미지 트레이스 후 여기서 저 문서같은거 클릭한다음 요거값 바꾸면댐 이것저것 만져도됨 # 지우개툴 크기는 []로 조절 # 스무스툴 오브젝트 잡고 스무스툴로 부드럽게 (커스텀 단축키 shift + n) # 회전툴 회전툴 클릭한채 alt + 클릭 하면 회전툴 창이 뜸 #블랜드 툴 (입체글자만들기) 두 오브젝트 사이에 몇개의 오브젝트를 넣을거야? 100개 오케이누르고 object - expand누르면 그 오브젝트들 다 선택됨. 합치거나 뭐하거나.. # 커스텀 브러쉬 만들기 이렇게 원 눕힌거 하나 만들고.. 이 오브젝트를 그대로 브러쉬패널로 드래그 가져오고 여기서 아트브러시 선택 그리고 펜툴이든 뭐든 쓰면 이런식의..

새파일 만들기 : cntl + n 탭닫기 : cntl : w 대지 : cntl + o edit 상위복사 : cntl + f 하위복사 : cntl : b object 앵커포인트 정하기 : alt + 클릭 클리핑마스크 : cntl + 7 마스크해제 : cntl + alt + 7 view 아웃라인 뷰 : cntl + y 세밀한 작업 할때.. 줄자 : cntl + r 가이드잠금/해제 : cntl + alt + ; 가이드 끄기/보기 : cntl + ; 가이드 가운데 : 가이드 키고 가운데정렬 자석달라붙기 끄기/켜기 : cntl + u 패널숨기기 : 탭 커스텀 단축키 : 화면확대축소 : cntl + space + 마우스 이동 offset path : cntl + alt + o trim view : cntl + \ ..

# 화면 확대축소 난 보통 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같은거) 백단에 요청을 한다. 그..