분류 전체보기
구글 스프레드시트 가계부 포맷
구글 스프레드시트 가계부 포맷
2023.05.27이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
UIBezierPath를 이용해 Squircle(스쿼클) 이미지 뷰를 만드는 방법
UIBezierPath를 이용해 Squircle(스쿼클) 이미지 뷰를 만드는 방법
2021.08.02'요즘' 유행한다고 이야기 하기엔 조금 시간이 지났지만 Squircle(스쿼클)을 이용해 프로필 이미지를 보여주는 것이 트렌드입니다. Squircle은 Square(정사각형)과 Circle(원)의 합성어로 문자 그대로 정사각형과 원 중간의 어딘가 느낌의 도형입니다. 국내에서는 카카오톡에서 프로필 이미지를 보여줄 때 사용하고 있어 용어를 처음 듣더라도 형태는 익숙할 것이고, 해외에서는 올해 초 반짝 했던 클럽하우스에서 사용하고 있습니다. 현재 제가 참여하고 있는 프로젝트(디자인시스템 구축)에서도 스쿼클을 프로필에 사용하기로 했기 때문에 이 모양을 iOS 어플에서도 구현해야 합니다. 포토샵이나 일러스트레이터, 피그마에서 벡터를 만져본 적은 있어도 코드로 벡터를 만져야 한다고 하니 눈 앞이 캄캄해집니다. 누가..
iOS 기본 서체 SF Pro와 Apple SD Gothic Neo의 자동 자간 조정에 대해
iOS 기본 서체 SF Pro와 Apple SD Gothic Neo의 자동 자간 조정에 대해
2021.04.28애플의 iOS와 macOS , watchOS, tvOS는 기본 서체로 San Francisco를 사용하고 있습니다. 그 중 iOS ( iPad OS를 포함 ) 의 경우로 한정지어 이야기를 해보고자 합니다. 아마 macOS도 같거나 비슷한 상황일 것 같고, watchOS는 조금 다른 것으로 압니다. iOS 기본 서체는 iOS는 기본 서체로 SF Pro를 사용하고 있습니다. 구체적으로는 20pt 미만에서는 SF Pro Text로 20pt 이상에서는 SF Pro Display로 전환이 되는 방식입니다. SF Pro Text는 작은 글씨로 본문 등에 사용되기 때문에 자간이 비교적 넓은 편이고, SF Pro Display는 큰 글씨로 제목 등에 사용되기 때문에 자간이 비교적 좁은 편입니다. SF Pro 서체는 한..
개발자를 위한 Figma 사용법 - 무슨 생각으로 디자인 하셨어요?
개발자를 위한 Figma 사용법 - 무슨 생각으로 디자인 하셨어요?
2021.04.20피그마의 장점 중 하나는 개발자가 디자이너의 의도를 파악하여 디자인 레벨과 개발 레벨의 UI 구성을 동일하게 가져갈 수 있다는 점입니다. 이 부분에 대해서는 뱅크샐러드 기술 블로그의 BPL 소개글에 잘 나와있으니 이 분들의 글을 참고해주세요. 저의 이전 글에서 Edit 권한일 때와 View 권한일 때 길이가 다르게 보이는 이유를 설명했고, 이를 해결하는 방법까지 함께 소개드렸습니다. 이번 글에서는 이를 넘어 디자이너가 무슨 생각으로 레이아웃을 짰는지 레이어 창을 보며 확인하는 방법을 알려드리겠습니다. 레이어 창을 보는 방법 우선 앞선 단계에서 했듯 작업할 레이어를 복사하여 새 파일에 붙여 넣었습니다. 그리고 그 파일에서 하단 영역만을 따로 복사하여 오른쪽에 붙여 넣었습니다. 여기서 눈여겨볼 곳은 좌측의 ..
개발자를 위한 Figma 사용법 - 간격이 이상해요
개발자를 위한 Figma 사용법 - 간격이 이상해요
2021.04.20피그마는 Edit 모드일 때와 View 모드일 때 조회 권한에서도 차이가 생깁니다. 만약 아이콘의 크기가 이상하거나, 아이콘 사이 간격이 이상함을 느끼셨다면 피그마에서 View 모드로 파일을 보고 있기 때문일 가능성이 큽니다. 우선 자신의 권한이 Edit 인지 View 인지 확인을 해봅시다. 우선 우측 상단의 Share 버튼을 누르면 문서를 보고 있는 사용자들의 권한이 나타납니다. 여기서 can view라고 적혀있다면 조회만 가능하고, can edit이라고 적혀있다면 수정까지 할 수 있습니다. 개발자들에게 edit 권한을 주지 않는 경우도 많아 개발자는 view 권한일 가능성이 큽니다. 유어슈 iOS 팀에서 인큐베이팅으로 진행하고 있는 인스타그램 클론코딩을 위한 Figma 화면 중 일부입니다. 보이는 것..
유어슈 리크루팅 홍보 영상을 만든 이야기
유어슈 리크루팅 홍보 영상을 만든 이야기
2021.04.18숭실대학교 학생을 위한 서비스를 개발하는 동아리 유어슈는 매 학기 초 신입 부원을 모집하고 있습니다. 리크루팅은 유어슈에 있어 중요도가 높은 이벤트에 속합니다. 많은 인재들이 유어슈에 지원을 해주어야 동아리가 유지되고 앞으로 더 나은 서비스를 개발할 수 있기 때문입니다. 다른 한편으로는 함께 서비스를 만들어가며 경험을 쌓고 성장할 동료를 모집하는 일이기 때문에 신중을 기하고 있습니다. 이번 리크루팅을 앞두고는 새로운 시도를 하게 되었습니다. 정석대로 우리가 무엇을 하는지를 담은 홍보물으로 동아리를 홍보하기 보다 조금은 어이없는 B급 감성 홍보물으로 동아리를 알려보자는 시도입니다. 범람하는 동아리 홍보 글 속에서 특이함을 무기로 조금이나마 시선을 끌어보겠다는 계획이었습니다. 본격적인 제작에 들어가서 본격적..
중고나라에 판매글 올렸다가 업자로 오해받아 정지먹은 이야기
중고나라에 판매글 올렸다가 업자로 오해받아 정지먹은 이야기
2020.11.16이야기를 시작하며 https://bbs.ruliweb.com/community/board/300143/read/49594000 중고나라에서 업자로 의심받아 정지 먹은 사람.jpg | 유머 게시판 | 루리웹 ... bbs.ruliweb.com 이 글은 중고나라에 특이한 판매글을 올렸다가 업자로 오해받아 영구정지를 먹은 이야기를 담고 있습니다. 해당 사실이 인터넷 커뮤니티 곳곳으로 퍼져나간 탓에 예상밖의 많은 관심을 받게 되어 후기도 작성하고 이미지 제작 방법도 소개할 겸 글을 작성하게 되었습니다. 덧붙여 "현업인이다." 라던가 "전공자다." 라는 추측을 많이들 해주셨는데 저는 현재 22살 대학생이고 컴퓨터를 전공하며 취미로 디자인과 사진을 만지고 있습니다. 폰이 팔리지가 않아서. 손꼽아 기다리던 아이폰12..
SSU Rank Project를 시작한 이야기
SSU Rank Project를 시작한 이야기
2020.11.15이야기를 시작하며. 지난 9월 말, 숭실대학교 학생을 위한 강의/교수평가 조회 서비스 SSU Rank의 BETA 버전을 공개했습니다. SSU Rank는 숭실대학교 재학생이 매 학기 참여하는 학교 공식 강의평가 결과를 기반으로 교수, 강의마다 A부터 D까지 등급을 부여하여 해당 교수, 강의의 평판을 보여주는 서비스입니다. SSU Rank는 BETA 버전 공개 후 24시간동안 1,400명이 방문했으며 최고 동시접속자 290명, 페이지 뷰 17,000회를 기록했습니다. 숭실대학교 학부생이 약 13,000명이므로 첫 24시간 동안 전체 학생의 10%가 방문한 셈입니다. BETA 버전이 예상했던 기대치를 웃도는 반응을 얻은 덕분에 SSU Rank Project는 본격적인 궤도에 오르게 되었습니다. 이번 글에서는 ..