Electronic Jeremy Record

윈도우에서 윈도우 창 끝에 두면 커서가 화살표로 바뀐다. 화살표를 드래그하면 해당 윈도우 창을 늘이거나 줄일 수 있다 . 이런 기능을 브라우저에서 구현해보려고 한다. 1. 사용할 윈도우 창 만들기 메모장을 만드는 걸로 해보려 한다. 윈도우 창의 우측하단 대각선 드래그 커서를 만드려고 한다. HTML을 이렇게 만들고 .memoDiv { width: 100px; height: 100px; background-color: gold; position: relative; } .sizeBtn { position : absolute; cursor:move; right:0; bottom:0; padding : 5px; background-color: transparent; border : none; } CSS는 이렇게..

TypeScript를 설치를 하고 사용할 준비를 하는 시작 과정이다. 순서는 간단하다. 1. 프로젝트 폴더에 tsconfig.json 파일 생성하기 2. 작성하기 3. TypeScript로 개발해보기 이 순서 중 1번은 뭐 설명이 별로 필요 없을 것 같고, 2번에 대한 내용을 포스팅해보려고 한다. TypeScript는 *.ts 파일을 컴파일하면 JavaScript 파일로 떨어진다(*. js) tsconfig.json 이 파일의 설정은 컴파일 시 Javascript에 어떤 식으로 떨어지는지 사전에 설정하는 파일이다. 잘 모르겠고 컴파일 별로 원하는 형태가 없다하면 그냥 tsconfig.json 파일에 이대로 배껴 쓰면 된다. { "compilerOptions": { "target": "es5", "mod..

요즘 웹 개발 쪽 채용공고를 보면 Typescript가 꽤나 보인다. 규모가 좀 있고 나름 기술력이 있는 회사들의 공고는 거의 타입스크립트를 자격조건이나 우대조건에 포함되어 있다. 그럼 도대체 Typescript가 뭐길래 그러는지에 대해 알아보자. Typescript는 Javascript의 이름 그대로 타입 부분을 잘 명시해서 사용하고 싶을 때 쓰는 일종의 Javascript 상위 호환 또는 대용품 또는 보조제라고 할 수 있다. 즉, 완전 다른 언어가 아니라 Javascript의 문법을 그대로 사용이 가능하다. 그럼 왜 많은 공고에서 Typesccript 를 요구할까? 그럼 왜 굳이 Javascript를 안쓰고 Typescript를 쓸까? 왜냐면 Javascript는 Type 방면에서 가지는 결점이 있..

이전 글에 Javascript 7개의 반복 함수에 대해 포스팅을 한 적이 있다. https://jeremyrecord.tistory.com/7?category=1046615 [Javascript]배열 내장 반복 함수(Prototype) 7개 정리(forEach,map,filter,some,every,find,findIndex) 코딩을 할 때 반복문은 빠질 수 없는 신텍스다 대부분을 for 문법을 통해 하는게 가장 익숙한 방법이지만 javascript에서 친절(?) 하게 사용할 수 있는 다른 반복문들이 있다. for 조합되는 for in, for of jeremyrecord.tistory.com 이번에도 마찬가지로 Javascript의 반복 함수지만 기존과는 조금 다르다. 일반적으로 반복 함수는 해당 va..