반응형
몇개월 전, 카톡이 오류가 생겼는지 갑자기 멈추면서 아무것도 안 되고, 이게 반복됐습니다...
고민 끝에 다시 설치했지만 싹 다 날아가버린 오픈카톡 내용...
온라인 타로나 상담 내용 등 복기해두고 싶은 내용들이 있다 보니
상대방에게 부탁해서 txt파일을 받는데는 성공했지만...
보는데 눈알이 빠질 것 같았습니다...
거기다 대화분량이 어마무시해서ㅠ
그래서!!
카톡 오픈채팅 내보내기 한 txt를
카톡 화면처럼 볼 수 있도록 만들어 보았습니다
아래처럼!!
코드 숨긴 건 하나도 없습니다!!
헤더 우측의 버튼을 눌러서 주간 모드, 야간 모드로 나눠서 볼 수 있고
(색상 팔레트는 순전 내 취향:3)
처음부터 볼지, 끝부터 볼지 선택해서 파일을 업로드 할 수 있게 해뒀답니다
처음부터 보면 위에서부터 내려가면서 볼 수 있고,
끝부터 보면 아래서부터 위로 올라가면서 볼 수 있는데,
아래부터 보는게 일반 카톡 방식!
스터디 통해서 오류도 수정하고,
실제 사용하면서 불편한 부분 해소하다보니
제법 완성도가 있는 모습이 된 거 같아 뿌듯하네요:)
실사용하면서 추가하면 좋겠다고 생각했던 기능들은
파일을 캐시로 넣어두고 중간중간 북마크를 하는 기능,
그 북마크를 사용해서 해당 위치로 바로 가는 기능,
우측 패널에 대화자 중 누구를 넣을지 선택하는 기능
정도가 있네요!
방법을 찾아도 보겠지만
혹시라도 쫌쫌따리 지식을 나눠주실 분이 계시다면
의견 감사히 받겠습니다!!
참고로
윈도우에서 내보내기한 txt 파일을 기준으로 했다 보니
맥에서 내보낸 파일로는 안 됩니다
반응형
'html+CSS+JS > html+CSS' 카테고리의 다른 글
[BS] 부트스트랩 설치 방법 (0) | 2020.10.21 |
---|---|
[웹퍼블리싱] 클래스, id 이름 짓기: 네이밍 컨벤션 (Naming Convention) (0) | 2020.10.20 |
[CSS/js] 수정/배포로 파일 업데이트 시, 캐시 방지 & 강력 새로고침(캐시초기화) (0) | 2020.05.29 |
[css] position : static, relative, absolute, fixed (0) | 2019.09.11 |
[CSS] 애니메이션 무한반복 (animation, from, to, duration) (0) | 2019.06.28 |