개인코딩개발공장

하 시발.. 티스토리 서버 터져서 적어놓은거 다 날아가서 다시 쓴다..ㅡㅡ # 같은 메모리 값이라도 다른 결과가 나올 수 있다? let binaryData = 0b01000001; console.log(Number(binaryData)); //65 console.log(String.fromCharCode(binaryData)); //A 위 코드를 보자. binaryData변수값에 할당한 저 괴상한 숫자는 2진법으로 저장된 65라는 숫자다. 하지만 콘솔로 각각 찍어본 결과는 서로 다른 값이다. https://jacobowl.tistory.com/134 메모리에 저장되는 기본 구조. # 시작하면서 2진법에대해서 되돌아보자. 중학생때 배웠던 2진법을 기억하고 있을것이다. 즉 0,1로 숫자를 표현하는 방법인데 ..

# 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(값) 값배만..