드디어 테스트까지 마치고 끝냈습니다같은 팀이신 Tilto(틸토)님 도움으로 Timeago.js (사이트 내에서 n분 전 띄워주는 스크립트) 작업했습니다신나게 스크립트 쓰고 javascript-minifier.com 을 통해서 한 줄로 줄였더니 용량차이가 엄청 크더라고요 아마 1개월정도는 안쓸 거 같은데, 그래도 보고 싶은 분들은 이쪽 사이트로 접속하면 보실 수 있습니다 : status.develable.xyz 이제 드디어 다른 프로젝트에 시간을 쏟을 수 있겠습니다DB 구조고 JS 구조고 난리라서 오픈소스 공개는 고려 중입니다.

일단적으로 개발은 끝났다. 2시간 동안 놀다가 혹시나 싶어서 테스트를 해 봤더니, 아니나 다를까. 버그가 나를 반긴다.나중에 고쳐야지... 기타 등등 수많은 버그들...

이거 하나 구현하자고 하루 썼다 망할. 이제 현재 status만 수정 할 수 있게 해주면 된다.진짜로 끝이 보인다.

저번 게시글 이후에도 도저히 방도가 없어서 지인의 도움으로 timeago 스크립트를 만들었다. 데이터베이스 구조도 여러번의 수정 끝에 자리 잡았고, 메인 페이지 개발도 끝났다. 이제 로그인 페이지하고 관리 페이지 만들면 끝.

신나게 데이터베이스 구조 잡고 개발하다가 문제가 생겼다. 원래는 YYYY-MM-DD HH:MM:SS+09:00을 넣어주면 애가 아래처럼 n개월(일/분) 전을 띄워줘야 하는데, 파베에서 불러오니까 애들이 그냥 포맷 그대로 출력을 해버린다.. 일단 생각한 문제는 여러개이다. 01. 데이터베이스 통신도 전에 변환 해 주는 스크립트가 작용해서 그런 거다. ----> 그래서 스크립트 전문 복사해서 통신 끝나고 노출까지 한 다음에 스크립트 작용시켰더니 안되던데? 02. 애가 innerHTML 함수?로 넣은 구문은 변환을 안시켜 주는거다. ----> 쟤도 엄연한 div인데 그럴리가?? 03. 스크립트가 잘못됬다 ----> 귀찮아진다. 템플릿이라 뜯기 정말 귀찮다. 조금 더 찾아보고, 안되면 지인한테 물어봐야겠다,,

discord status 처럼 저러한 status page를 만들고 싶었다. 하지만, statuspage.io는 유료였고, 다른 무료 서비스들은 내가 원하는 방향하고는 맞지 않았다. 그래서, 직접 개발 하기로 했다. 일단, 몇개월 전에 내가 디자인을 해둔 것이 있었어서 그걸 조금 손봤다. 문제는 서버였다. 일반적으로 status page 자체가 '서비스(서버)가 죽어서 수정하고 있어요' 를 제일 많이 알려주는데, 그걸 일반 서버에 올리면 서버 죽을 때 같이 죽어버린다 (..) 그래서 처음으로는 heroku를 생각했다. 근데 heroku는 커스텀 도메인 연결이 무료 플랜에서 안된다.. (내가 운영하는 팀은 현재 수익 체계가 없다. 정확히는 만들고 있다) 그래서 생각 한 것이 firebase였다. 커스텀 ..

문제 풀이 끝나고 나오는 화면이다. 오랫만에 figma로 디자인좀 해봤다. 저 노랑과 짙은 파랑의 조화는 언제 봐도 참 잘 어울린다. 이제 백엔드만 하면 완성이다. 진짜로!

별 탈이 없었습니다만 중간에 퀴즈화면 디자인 수정이 있었습니다. 기존의 디자인: 신규 디자인: 훨씬 안정되어보입니다.특히 4지선다는 훨씬 그렇다. 이제는 문제 채점 시스템?알고리즘?만 만들면 될 것 같다. 서버도 해야 하는데 앞이 멀었다.

ViewPager는 setState => Re-render로 이어지는 사이클에서 딜레이가 발생한 듯 했다. 그래서 이번에는 딜레이가 (거의?) 발생하지 않는 Animated.event를 활용해서 Interpolate를 사용했다. 기존의 ViewPager Indicator를 살펴보자면 이정도의 딜레이를 가지고있었다. Native Driver를 사용했다면 좋을것같았지만 Color 속성이 지원하지 않아서 아쉬웠다. 퀴즈 화면 개발에 들어갔다. 아직은 많이 남은 것 같아. 서버까지 완성하려면 시간이 촉박하지 않을까 싶다. 시간은 약 4달정도 남았다. 빨리 해치워야겠다.

대략적으로 구성은 마쳤다. 스크랩, 작성한 글 아래쪽의 ViewPager를 이용해서 Flo의 내 정보같은 UI를 구성하려 한다. 그렇지만 ScrollView 안의 ViewPager는 고정적인 Height를 줘야 작동이 잘 되기에 어떤 형식으로 구성할지 고민이다. 더 불러오기같은 UI를 사용해야할것같다.