프로젝트3 완료

https://beagod.tistory.com/632

 

png의 exif 헤더 정보를 읽어 표시해 주는 프로젝트

 

3이 아니고 2였나. 

ai 이미지 내부에 든 프롬프트 정보를 읽어 표시하고 싶었고 2023.01.18 완료함.

18일 소요.

 

1일 - 구성 생각함

2일 - JS 기본 다시 해보면서 감각 되살림

3일 - UI 레이아웃 작성

4일 - 파일 입력 input에 대해서 익힘

5일 - filereader와 어레이 버퍼에 대해 익힘

6~7일 - 계속해서 txt를 읽어 웹에 문자열 출력하는것을 만듬으로서 file, blob 등등 배움

7~8일 -  아이디어가 추가되고 이를 구현하여 로컬 시스템에서 file drag and drop으로 파일을 읽어 처리하는 방법을 익힘

9~11일 - 비동기와 비동기 개념에서 대해서 익히고 여기서 promise 새로 접함. promise 삽질하다 어떻게 sync await까지 진출

12일~13일 - 계속 아이디어 추가하고 사실상 png의 이미지 데이터 처리는 너무 시간 소요가 많이 될 것으로 보여 canvas를 통해 그냥 통짜 png 파일을 표시하는 방법으로 thumbnail 표시 구현. 

14일 - 놈.

15~16일 - 아이디어가 추가되어 복사한 이미지를 textarea에 붙여넣는 것을 캐치하는 식으로 유저의 clipboard에 있는 이미지 데이터를 받아 처리하는 기능을 추가함. 안타깝게도 브라우져에서의 이미지 단순 우클릭 복사는 이미지 데이터 외 전부 날려버리는것으로 판명.  

17일 - 놈

18일 - 파일을 페이지로 drag n drop 할 때 지정된 조그만 droparea가 아닌 페이지 전체로 받는 기능 추가 및 마무리.

 

드디어 끝났다.