개발일지

오늘은 별로 수정한 게 없다. 앱 이름, 설명, 다운로드 버튼이다. 그리고 About Me 창을 새로 만들었다. CSS에서는 자체적으로 그라데이션 기능이 있어서 linear-gradient 하면 된다. 색 네 개를 섞어서 했다. ericanorhee/ienlab_microsite Contribute to ericanorhee/ienlab_microsite development by creating an account on GitHub. github.com

블로그 플래너 등 각종 앱들의 페이지를 만들고 있다. 하나만 해 놓으면 다른 건 그냥 복사해서 쓰면 되니까. 예전부터 이런 효과를 주고 싶었다 (블로그에서도). 스크롤하면 전체 글의 진행 상태만큼 프로그래스 바가 보이는 것. 드디어 사이트에도 달게 되었다. 그리고 헤더도 숨겨지게 했는데, 다시 위로 올리면 헤더 보인다. 그리고 헤더랑 붙어 있는 앱 관련 작은 헤더는 항상 보이도록(최상단) 해 두었다. 이걸 내가 했다니. 예전에 수행평가때 (처음으로 HTML CSS 만졌을 때) 해 보고 싶었는데 JS를 써야 된대서 손서리치면서 안 했는데 해 보니까 그럭저럭하다. 물론 내가 한 게 아니고 구글신의 도움이지만. 오늘은 이만 끝. 본가 왔다. ericanorhee/ienlab_microsite Contribut..

이제 영상은 YouTube 링크로 올려야겠다. 다음 영상은 계속 광고가 뜬다. 어쨌든 메인 페이지 대충 완성했다. 어제랑 달라진 부분은 왼쪽 헤더 밑의 드롭다운 메뉴의 위치가 정상적으로 변경되었고, 스크롤 인디케이터 부분은 크기만 커지는 게 아니라 컬러를 입히고 뒤에 배경 흰 원을 덧댔다(별개의 파일). 이제 메인 페이지는 이만하면 됐고 Brand Identity나 앱 페이지를 만들어봐야겠다. 200901_ienlab_microsite#2 · ericanorhee/ienlab_microsite@b407a69 상단 왼쪽 메뉴 드롭다운 위치 수정, 스크롤 인디케이터 수정. 메인 페이지 끝 github.com

왼쪽 상단 메뉴를 추가했다. 위에 마우스 올리면 메뉴가 뜨도록 했는데 About Me에는 바로 밑에 안 뜨고 Apps 밑에 뜨는 버그가 있다. 나중에 수정해야겠다. 그리고 transition이 너무 좋다. 흐히 SVG 파일은 inline으로 코드를 넣지 않으면 색 지정이 힘들다. 때문에 그냥 색 있는 거랑 흰색인 파일 둘 다 만들어서 파일에 넣었다. 그리고 내일은 개강날. 수업 틈틈이 스크롤 인디케이터 저 부분을 상상한 대로 만들어야겠다. 흰 배경에 컬러 아이콘으로 바뀌도록. 200901_ienlab_microsite · ericanorhee/ienlab_microsite@af9521f 상단 왼쪽 메뉴 (Apps Design About) 추가 github.com

대충 얕은 지식 가지고 웹사이트 개발을 시작했다. 모르는 건 그때그때 검색하면서 공부하면 될 것 같음 예전에 공부했던 게 조금씩 생각나기 시작했다. transition이 CSS3의 AtoZ인건 팩트 같은데.. 너무 부드럽다. 그리고 Font Awesome 이제 된다. all.css인가 그걸 import해야 되더라. 예전이랑 좀 바뀐 것 같다. 여튼 아이콘 import했고 다음에는 아이엔랩 로고 옆에 배치를 해야 한다. 200825_ienlab_microsite · ericanorhee/ienlab_microsite@f9274c3 메인 웹사이트 개발 시작 첫화면 github.com

블로그 플래너 2.2.0 업데이트 로그 - 이제 목표 포스팅 갯수를 입력하면 1일 N포 목표 설정이 가능합니다. - 홈 탭에서 포스팅 갯수를 진행 바로 확인할 수 있습니다. - 프로필 탭에서 이제 간단하게 포스팅 갯수 및 목표 갯수 확인이 가능합니다. - 달력 헤더 디자인이 변경되었고, 오늘 날짜로 이동하는 버튼이 추가되었습니다. - 활동 탭의 디자인이 변경되었습니다. 같은 날짜끼리 묶어서 볼 수 있습니다. - 설정 디자인이 변경되었습니다. 그리고 목표(포스팅 갯수 및 연속 포스팅 목표)는 이곳에서 변경 가능합니다. - 아이콘 스타일이 변경되었습니다.

온보딩 스크린의 이미지를 변경했다. 원래 좀 들쭉날죽했었고 처음 이런 이미지 만드는 거라 상당히 미숙했다. 그래서 계속 바꿔야지 바꿔야지 하기도 했고 앱 아이콘도 바꿨는데 이미지는 그대로기도 하고 앱 디자인도 이번에 약간 바뀌고 해서 바꿔야지 싶었다. 그래서 바꿨다. 일단 모든 사이즈 가로 세로 사이즈가 같다. 같고 밑에 판때기(?)로 통일성을 맞췄다. 첫번째 사진은 저렇게 하니까 노트북 같은 느낌이 든다. 이전 이미지를 가져온 것도 있고 그리고 UI 바뀐 것도 뭐 맞추고 그렇게 했다. 한결 깔끔한 느낌이 든다. 다크 모드로 해도 괜찮은 것 같다. 많이 어색하면 다크모드용 이미지를 따로 넣어도 상관 없으니. 그리고 온보딩 화면에서 목표에서 EditText action을 actionNext로 둘다 해서 무..

개발일지는 아니고 디자인 일지. Onboarding 스크린 이미지 리디자인 및 스케치 중. 이번엔 모든 앱 규격을 다 맞춰서 디자인해야지. 들쭉날쭉하다. #개발일지 #디자인일지 #1인개발 #블로그 플래너