뚝딱뚝딱 만들기 Devlog/프로젝트 Devlog(39)
-
뚜두알리미 만들기 (3) 4.11 근황
데이터 관련 기능들과 몇몇 디자인을 위한 추가기능을 만들었습니다. -이제 할일이 '메모'와 '스케쥴'로 구분되어 표시됩니다. (형식을 바꾸는 기능은 개발 중입니다.) -이제 할일이 파일 형태로 저장됩니다. -Textbox에 hint를 보여주는 HintSetter 래퍼 클래스를 만들었습니다. -메인 보드와 하위항목 추가 부분에서 중복되는 리스트 항목 추가 부분을 ListWrapper 클래스로 만들었습니다. -펼쳤다 접었다 하는 애니메이션을 복잡하게 구현했었는데 StoryboardHelper 클래스를 만들어 Storyboard를 더 편하게 활용할 수 있게 했습니다. -TintEffect를 만들어 이제 모든 아이콘을 흰색으로만 만들면 원하는 색상을 입힐 수 있습니다. 이제 스케쥴과 메모 사이의 형태 변환과 그..
2021.04.11 -
뚜두알리미 만들기 (2) 디자인 입히기
지난번에 이어서 개발한 내용입니다. 우선 전반적으로 디자인을 수정하기 쉬운 상태로 바꿔놨습니다. 디자인을 할 때 style을 주로 사용할 줄 알았는데, ControlTemplate를 많이 사용했습니다. Listview의 ControlTemplate를 만드는게 너무 어려워서 거의 보고 따라치는 수준이었는데, 며칠 해보니 조금 익숙해 져서 앞으로 원하는 디자인을 만드는데 어려움이 없을 것 같습니다. 그리고 일정에 하위 체크리스트를 만들 수 있게 했습니다. 등록 가능한 일정의 Type이 3가지가 있을 예정인데, 우선 전반적인 기능 구현을 마치고 타입을 하나씩 늘려갈 생각입니다. 지금은 데이터 저장과 불러오기를 언제 어떻게 할지에 대해 고민하고 있습니다. 그리고 전반적인 디자인을 완성해 두려고 합니다.
2021.04.02 -
뚜두알리미 만들기 (1) 프로젝트 시작
이번에는 예전부터 해보고 싶었던 프로젝트를 시작하기로 마음먹었습니다. 제가 학교 과제나, 갑자기 해보고 싶어진 일이나, 사야 될 것, 약속 등을 항상 중구난방으로 메모하는 습관이 있습니다. 컴퓨터 메모장, 스티커 메모, 카톡 내게 쓰기, 머리속 등에 메모하다 보니 잊어버리는 경우가 많았습니다. 그래서 이걸 다 합쳐서 단순하게 관리하는 프로그램을 만들면 좋겠다 생각했습니다. 물론 이런 일을 해결해주는 어플리케이션이 수도 없이 많지만, 저에게 맞게 커스텀 된 프로그램을 만들면서 프로그래밍 공부까지 할 수 있는 기회라고 생각하고 해보기로 했습니다. 기획의도 일정 관리 어플이라기보단 메모 어플인데 일정을 메모하는 어플 느낌으로 만들기로 했습니다. 데스크탑 어플리케이션을 만들어보고 싶었습니다. 장시간 집에서 컴퓨..
2021.03.24 -
심리테스트 만들기 (3) 결과물
그동안 정말 많은 검색과 복붙이 오갔습니다. 최종적으로 만족스러운 결과물이 나왔습니다. 1. 결과물 txt파일들로 이루어진 질문 데이터, mbti 결과 데이터, 궁합 데이터를 읽어 문제를 내고 결과화면을 보여주는 프로그램입니다. 나만의 초능력 심리테스트 : happyfacefriend.github.io/ 깃허브 : github.com/HappyFaceFriend/HappyFaceFriend.github.io 변경된 깃 허브 : https://github.com/HappyFaceFriend/SuperpowerMBTI (2022.08.05) 심리테스트를 테스트 할 수 있는 링크는 차후 블로그를 활용하기 위해 제거했습니다. 깃 허브의 프로젝트를 clone 해서 봐주시면 감사하겠습니다. 웹을 고등학교 때 맛만 ..
2021.03.03 -
심리테스트 만들기 (2) 화면 구성하기
요 며칠간 많이 놀면서도 간간히 심리테스트 사이트를 손봤습니다. 엄청난 양의 검색과 복붙을 한 결과 아래 같은 결과가 나왔습니다. 아직 디자인도 제대로 안 했지만, 많은 추가사항이 있었습니다. -화면을 시작/문항답변/종료 화면으로 3개의 html로 분할했습니다. -txt 파일에 형식에 맞게 문제와 답변들을 적어두면 자동으로 문항들의 html element들을 만들어줍니다. -답변을 고르면 자동으로 슬라이드 되며 다음 질문으로 넘어갑니다. -각 화면 전환 간에 fade in/out 효과가 있습니다. html 디자인을 하면서 정말 많은 어려움이 있었습니다. 이미지 위에 텍스트 올리기, 옆으로 swipe 하는 효과 내는 법, fade in/out 효과 내는 법, txt파일 읽는 법, 답변들 위치 맞게 놓는 법..
2021.02.24 -
심리테스트 만들기 (1) git page 만들기
얼마 전에 친구가 심리테스트를 해보라 했습니다. 하다 보니 심리테스트들이 다 똑같은 질문내용에 결과만 다른 것들 뿐이라는 생각이 들었습니다. 그래서 이 정도면 나도 만들 수 있지 않나? 싶어서 시작하게 됐습니다. 아직 주제는 못 정했는데, 우선 질문이랑 형태만 다 만들어놓고 아이디어는 나중에 입히기로 했습니다. 맨 처음 할 일은 페이지를 만드는 겁니다. 깃허브 블로그를 이용해 html로 페이지를 만들 수 있다고 해서 바로 하는 법을 알아봤습니다. 그냥 리포지토리를 유저명.github.io로 만들면 되더군요. 그리고 리포지토리에 index.html 을 만들어서 아무 내용이나 적었습니다. 왜냐면 처음엔 readme.md로 돼 있어서 html이 되는지 테스트해야 했습니다. 깃 허브 : github.com/Ha..
2021.02.19