TS-LOG

프로그래밍/개발 일기

PNG to base64

웹에서 이미지는 하나의 긴 코드로 분해될 수 있다.이것을 'base64 문자열' 이라고 한다.해당 코드에는 이미지 정보가 모두 포함되어 있으며, png 파일을 완벽히 대체한다. 즉 base64 문자열은 모든 픽셀 위치와 색상 값이 포함되어 있다.아래 사이트에서 png 이미지를 쉽게 base64 문자열로 변환할 수 있다.https://onlinepngtools.com/convert-png-to-base64이때 변환되는 문자열은 data:image/png;base64로 시작해야 한다.그래서 옵션에서 Valid data:image URL을 꼭 체크해 주자.(png to base64로 검색하면 이 사이트 말고도 더 나오니 편한걸 사용하면 된다.)  이제 아래와 같이 img 태그 src에 base64 문자열을 넣..

프로그래밍/개발 일기

채용 담당자로서 서류 전형 불합격 처리하는 이유

내가 맡고 있는 팀이 신생 팀이다 보니...팀에 인력이 부족한 상황이다. 그래서 구직 사이트에 채용글을 올리고지원해준 분들의 이력서를 틈틈히 보고 있다. 업무가 많다 보니 퇴근 후 새벽에 열어보고,주말과 공휴일에도 열람하고 있다. 어느 정도 규모가 있는 회사라 지원자도 많다.일주일도 안되서 약 70개의 이력서가 올라왔다.그리고 지금도 계속 추가되고 있다... 사람은 뽑아야 하고... 일은 많고... 시간은 없고...지원자수가 적다면 자세히 들여다 보고 택하겠지만내 입장에서는 한분씩 디테일하게 볼 수는 없다.빠르게 합격, 보류, 불합격으로 나누어야 한다. 채용 담당자마다 커트라인은 다르겠지만내가 지원서를 흝어보고 불합격처리 하는 이유는 다음과 같다. 1. 구직 사이트 이력에 사진 미첨부이런 경우 첨부한 이..

프로그래밍/TypeScript

[타입스크립트] 타입 정의가 없는 경우 타입 정의하기

타입스크립트를 적용하면 몇가지 문제를 맞닥뜨리게 된다.그 중 빈번하게 발생하는 이슈는 타입 정의다. 보통 사용하는 라이브러리나 플러그인이 공식적으로타입 스크립트를 지원하지 않는 경우이다. npm 저장소에 공개적으로 타입 정의 파일이 있다면해당 모듈을 설치하면 된다. 하지만 그렇지 않다면 번거롭지만개발자가 직접 타입 정의를 해주면 된다. 타입 정의 파일 생성 (.d.ts 파일 만들기)Test.js 파일이 있고 해당 파일을 import 하여 메서드에 접근한다면당연히 타입 정의가 되어 있지 않아서 타입 추론이 안된다. Main.ts 에서 Test.js를 import 하여 함수를 호출해보자.타입스크립트가 적용된다면 import 문에서부터 에러가 발생한다. Main.tsimport * as Test from "...

프로그래밍/개발 일기

Parcel & 플러그인 설치

Parcel 은 내가 주력으로 사용하는 번들러다. 이유는 Parcel 이 Zero Configuration 이기 때문이다. 즉 필요한 기능만 설치 가능하다. 번들러도 엔진처럼 안정성과 주력 플러그인의 호환성을 고려해야 한다. 그래서 픽스된 버전이 있으면 업데이트를 쉽게 하지 못한다. 그래서 Parcel의 버전도 V1을 쓰고 있었는데.... 더 이상 늦추면 안될것 같아 이번에 V2로 버전업 했다. 시간이 지나면 잊을것 같아서 정리해 본다. Parcel 설치현 시점에서 NPM으로 Parcel를 설치하면 당연히 V2 버전이 설치된다.npm i parcel 이유는 모르겠는데 진입점이 되는 html 파일안에서 불러오는 JS가 모듈 구조라면 type에 module 지정을 꼭 해줘야 한다. V1에서는 package...