디자인하는 컴공수니

Tab bar (탭 바) 탭바는 다른 섹션(뷰)로 이동할 수 있도록 도와주는 형태의 메뉴. 다른 뷰로 이동할 수 있도록 한다는 게 포인트! Tool bar (툴 바) 현재 보고 있는 뷰와 관련되어 다양한 행동들을 수행할 수 있도록 도와주는 메뉴. 기존 뷰 안에서 행동(뒤로가기, 검색, 공유) 등을 나타내고 있는 것을 볼 수 있습니다! 🚫 같은 화면에서 탭바와 툴바는 동시에 존재할 수 없어요! 🚫

H.I.G (Human Interface Guide) 가이드라인이란? 애플에서는 일관된 사용자 경험을 제공하기 위해 필요한 디자인과 동작을 포함한 여러 규칙을 안내합니다. H.I.G 가이드라인을 따라서 인터페이스를 작성하면 새로운 어플리케이션을 접하더라도 대부분의 iOS 사용자에게 익숙한 환경을 제공할 수 있습니다! 따라서 개발자도 꼭 숙지를 하면 좋은 문서입니다!(라고 솝트 아요 팟장님이 그러셨습니당..ㅎㅎ) iOS의 3가지 핵심 가치 Clarity - 명확함 가독성 높은 텍스트 이해하기 쉬운 아이콘 최소화된 장식 기능 주도의 디자인 중요한 요소들의 강조 Deference - 존중 메인 컨텐츠 외 다른 요소가 부각되지 않도록 베젤, 그라데이션의 활용 그림자 사용 최소화 밝은 인터페이스 유지 Depth ..

먼저 인라인 코드블럭(code block)을 하는 방법. 1. HTML/CSS ver 태그를 사용한다. [입력] int는 정수형을 나타낸다. [출력] int는 정수형을 나타낸다. 2. 마크다운(markdown) ver ``(backtick)을 사용한다. [입력] `int`는 정수형을 나타낸다. [출력] int는 정수형을 나타낸다. 이렇게 열심히 마크다운으로 인라인 코드블럭 만들어줬는데, 인라인 코드블럭한 부분이 예쁘게 나오지 않아 열심히 찾아봤다. 티스토리에서 뿐만 아니고, html/css이나 마크다운으로 문서를 작성할 수 있는, 마크다운으로 블로그를 커스터마이징할 수 있는 다양한 곳에 쓰일 수 있을 것 같아서 기록해두려고 한다. 1. 티스토리 기준으로 관리-꾸미기-스킨편집으로 들어간다. 2. html ..

프로젝트를 생성하면 다음과 같은 화면이 나옵니다. Navigation Area에 대해 하나하나 톺아보겠습니다! Navigation Area Navigation Area는 탐색기의 역할을 합니다. Navigation Area에 있는 것들을 자세히 살펴볼까요? *.swift *.swift파일은 Swift 클래스 파일로, 앱의 소스코드를 구성하는 역할을 합니다! AppDelegate.swift와 SceneDelegate.swift는 앱 전체의 생명주기를 관리하는 역할을 합니다. ViewController.swift는 프로젝트를 생성하면 기본으로 생성이 되는데, 일반적으로 화면의 개수만큼 필요합니다. *.storyboard *.storyboard 파일은 유저 인터페이스를 종합적으로 구현하는 역할을 합니다. 컨텐..

🎮 Controls 사용자의 입력을 받거나, 부수적인 정보를 표시하는 UI 요소들입니다. 🔤 Label 짧은 메세지를 담는 UI 요소입니다. 우리가 어플리케이션에서 보는 대부분의 짧은 메세지들은 Label로 구성되어 있습니다. 사용자들은 Label을 수정할 순 없지만, 복사할 순 있습니다! Label들은 알아볼 수 있게 사용해야 합니다. 즉, 가독성을 해치면 안됩니다. Text Style : 텍스트 스타일을 정의할 수 있습니다. Attributed를 선택하면 세밀한 스타일 조정이 가능합니다. Text : 원하는 테긋트 내용을 넣을 수 잇습니다 Color : 텍스트 컬러 변경이 가능합니다. Font : 폰트 변경이 가능합니다. Dynamic Type : 사용자가 글씨 크기를 조정했을 때, 동적으로 크기 조..

Xcode 단축키 왕 편한데 자꾸 까먹어서 정리. shift + command + N 새로운 프로젝트 만들기 shift + command + L 라이브러리 메뉴 호출 (UIKit의 라벨, 버튼 등 가져옴) command + option + enter Preview 켜기/끄기 - Preview창 좌측 하단 + 버튼 누르면 기기목록 나옴 ctrl + option + command + enter Assistant Editor command + R 빌드

Cocoa Framework란? Cocoa Framework는 애플에서 만든 맥용 어플리케이션을 만들 때 사용하는 프레임워크입니다. iOS 개발을 위해선 Cocoa Touch Framework를 사용하고, macOS(OS X) 개발을 위해선 Cocoa Framework를 사용합니다. Cocoa Touch Framework를 통해서 iOS 개발 환경에 필요한 도구를 꺼내 쓸 수 있습니다. 사진에서 볼 수 있듯이 Cocoa Touch Framework는 iOS개발을 위한 최상위 프레임워크입니다! 우리는 iOS개발을 위해 주로 UIKit와 Foundation을 주로 사용하게 됩니다. UIKit iOS 애플리케이션의 사용자 인터페이스를 구현하고 관리하며 이벤트를 처리하는 게 주 목적인 프레임워크입니다. 테이블뷰..

처음 실행되는 스토리보트 바꾸기 ScebeDelegate.swift ScebeDelegate.swift파일에서 window!.rootViewController = UIStoryboard(name: "Test", bundlee: nil).instantiateInitialViewController()! 추가. (name부분에 스토리보드 이름 넣기. 여기선 Test) info.plist info.plist에서 바꾸고자 하는 Application Scene Manifest메뉴를 펼쳐서 Storyboard Name 변경 info.plist란? 프로젝트를 생성하면 자동으로 생성되는 파일인데, 프로젝트에서 필수적으로 사용되는 환경 설정 정보들이 key-value 형태로 담겨 있음. 프로젝트 권한을 세팅하거나 프로젝트..

1. 눈누에 들어가서 원하는 폰트의 CSS코드를 복사한다. noonnu.cc/font_page/508 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc 2. 그대로 css에 복사한다. @font-face { font-family: 'SDSamliphopangche_Outline'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Outline.woff') format('woff'); font-weight: normal; font-style: normal; } 3. 원하는 태그에 font-family를 입력..