왕논의 연구실

PPackMemo 빡코딩콘 출품작 기술스택 : Swift, UIKit, No StoryBoard, MVVM, Realm 과제 주제: 메모서비스 만들기 (앱,웹 상관없음) 일정 : 4/28 (목) ~ 5/01 (일) - 4일간 진행 화면구성: 메모 목록화면 메모 상세화면 메모 편집, 작성 화면 ⭐️기능: 사용자는 작성한 메모 목록을 볼 수 있어야함 메모 목록에 노출되는 메모는 작성된 메모문장 한줄만 노출된다. 메모 작성 페이지에서 메모 작성이 가능하다. 메모를 작성할때 작성된 메모의 글자수가 노출된다. 사용자는 메모를 검색할 수 있어야 한다. 사용자는 메모를 편집할 수 있어야 한다. 사용자는 메모를 삭제할 수 있어야 한다. 작성된 메모는 비밀메모로 변경이 가능하다. 비밀메모: 메모목록에 메모 문장이 노출되..

개발자로서 디자인을 하는 것은 맨땅에 헤딩하는 느낌이 듭니다. 디자인을 시작하는데 있어서 하얀 빈 화면을 보고 있자면, 어디서부터 시작해야하는지 혼란스럽기만 합니다. 어떻게 시작해야할지, 어떻게 그려나가야할지 애매한데 있어서 기준으로 사용할 수 있는 것 중 8 그리드 시스템이 있습니다. 기본 사용법 기본적인 사용법은 높이, 너비, 여백, 마진 등 수치를 8의 배수로 정하는 것입니다. 8인 이유 일단 여러가지 화면에서 픽셀을 맞출 수 있기 때문입니다. 5의 배수는 3/4, 1.5배 하면 깨집니다. 그러나 8은 깨끗하게 만들어집니다. 아이폰 기기들의 사이즈를 보시면 알겠지만 8의 배수나 8로 조합할 수 있는 수가 많습니다. 장점 일관성과 안정감 같은 수치를 적용하여 만들어진 UI는 일관적이고 안정적인 느낌을..

할 일을 좀 더 체계적으로 관리하고 싶다는 생각에 할 일 관리 어플을 찾아보았습니다. 제가 원하는 조건은 아래와 같습니다. 달력 형태로 보여줘서 월 단위로 한 번에 볼 수 있을 것 할 일의 카테고리별로 구분할 수 있을 것 끝난 일에 관해 체크할 수 있을 것 플랫폼간 연동 가능할 것 디테일하게는 더 있을 수 있지만, 크게는 위와 같은 조건을 가진 앱을 찾아보았습니다. 이 중 플랫폼간 연동에서 많은 앱들이 걸러졌습니다. 결국 큰 회사의 앱이 좋겠다 싶어서 구글 캘린더를 선택하였습니다. 하지만 구글 캘린더는 다 좋은데, 끝난 일에 대한 체크가 불가능했습니다. 일을 끝내고 가운데 선을 찍 그어버리는 쾌감이 상당한데 그것이 불가능합니다. 완료된 일에 대한 체크는 캘린더에 연동되는 Task의 기능으로 Task에서 ..

공통 썸네일 크기를 설정하려면, html을 편집해야 합니다. 스킨 편집을 누르시고, 원하는 썸네일을 보여줄 홈 화면에서의 리스트 타입을 선택한 후, html 편집을 눌러주세요. 스킨편집 -> html 편집 -> 해당 위치에 코드삽입 북리뷰 html css .list-type-vertical .post-item .thum img { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } 뉴북 html css .list-type-thumbnail .post-item .thum img { float: right; width: 126px; height: auto; margin-left: 57px; bor..

유튜브를 보다가 뭔가 이상한 게임을 보았습니다. Arrow Key Error arrow key error 1맵1치킨 게임 제작 대회에서 스토리상을 받았습니다, 제 게임을 플레이해주신 여러분들께 감사인사를 드립... blog.naver.com 컨트롤 할 수 없는 상황에서 이야기를 보는 게임입니다. 사실 게임이라고 하기 힘들지 않나 싶기도 한게 컨트롤이라고 불릴 것이 없는 것 같습니다. 게임 실황으로 보았는데 이야기가 쭉쭉 넘어갑니다. 그럼에도 컨트롤 할 수 없는 답답함과 이야기 전개의 궁금증 사이에서 계속 플레이 하게 만드는 재미가 있습니다. 이 게임은 1맵 1치킨 이라는 알만툴 게임 제작 대회에서 입상한 게임입니다. 이런 대회가 있었나 싶지만 무려 5회나 진행한 게임 제작 대회입니다. 이 대회를 보고서 ..

이미지를 다룰 때는 html을 이용하여 조절한다 이미지 크기 조절 를 이용하여 이미지를 첨부하고 width, height를 이용하여 크기를 조절한다. 이미지 정렬 을 앞에 넣어서 정렬한다. 참고 https://gist.github.com/DavidWells/7d2e0e1bc78f4ac59a123ddf8b74932d