본문 바로가기

html+CSS+JS/html+CSS

[쫌쫌따리 스터디] 초간단 오픈채팅방 복기 사이트 만들기 완성!!

반응형

몇개월 전, 카톡이 오류가 생겼는지 갑자기 멈추면서 아무것도 안 되고, 이게 반복됐습니다...

고민 끝에 다시 설치했지만 싹 다 날아가버린 오픈카톡 내용...

 

온라인 타로나 상담 내용 등 복기해두고 싶은 내용들이 있다 보니

상대방에게 부탁해서 txt파일을 받는데는 성공했지만...

앞 부분만 따왔지 스크롤은... 어마무시하다...

 보는데 눈알이 빠질 것 같았습니다...

거기다 대화분량이 어마무시해서ㅠ

두야...

 

그래서!!

카톡 오픈채팅 내보내기 한 txt를

카톡 화면처럼 볼 수 있도록 만들어 보았습니다

 

아래처럼!!

 

킹지's 카톡 복원 편하게 보기

 

majestic-torte-16c3b9.netlify.app

코드 숨긴 건 하나도 없습니다!!

 

 

헤더 우측의 버튼을  눌러서 주간 모드, 야간 모드로 나눠서 볼 수 있고

(색상 팔레트는 순전 내 취향:3)

 

처음부터 볼지, 끝부터 볼지 선택해서 파일을 업로드 할 수 있게 해뒀답니다

 

처음부터 보면 위에서부터 내려가면서 볼 수 있고,

끝부터 보면 아래서부터 위로 올라가면서 볼 수 있는데,

아래부터 보는게 일반 카톡 방식!

 

스터디 통해서 오류도 수정하고,

실제 사용하면서 불편한 부분 해소하다보니

제법 완성도가 있는 모습이 된 거 같아 뿌듯하네요:)

실사용하면서 추가하면 좋겠다고 생각했던 기능들은

파일을 캐시로 넣어두고 중간중간 북마크를 하는 기능,

그 북마크를 사용해서 해당 위치로 바로 가는 기능,

우측 패널에 대화자 중 누구를 넣을지 선택하는 기능

정도가 있네요!

 

방법을 찾아도 보겠지만

혹시라도 쫌쫌따리 지식을 나눠주실 분이 계시다면

의견 감사히 받겠습니다!!

 

 

 

 

참고로

윈도우에서 내보내기한 txt 파일을 기준으로 했다 보니

맥에서 내보낸 파일로는 안 됩니다

 

반응형