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. 구직 사이트 이력에 사진 미첨부이런 경우 첨부한 이..

프로그래밍/개발 일기

Parcel & 플러그인 설치

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

프로그래밍/개발 일기

[에러] 이 시스템에서 스크립트를 실행할 수 없으므로...

회사에서 컴퓨터를 교체 받았다.VSC를 설치 후 파워쉘에서 번들러로 빌드할려고 했더니다음과 같은 에러가 발생했다.  어렴풋하게 예전에도 겪었던 문제인데....보안 관련 권한 문제로 알고 있다. 해결 방법은 권한을 주면 된다.파워쉘에서 다음과 같이 순차적으로 입력한다.Set-ExcutionPolicy RemotedSignedGet-ExcutionPolicy Get-ExcutionPolicy 명령어 실행시 Set-ExcutionPolicy 로지정한 권한 상태가 나오면(RemotedSigned) 잘 변경된 것이다. 그 후 번들러를 실행하니 정상적으로 작동된다.