비전공자 개발일기

*, *::after, *::before { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: hsl(188deg 3% 83%); } :root { --container: 16rem; --height: 5.125rem; --ball: 4.25rem; } [type="checkbox"] { appearance: none; display: none; } .checkbox__container { transform: scale(1.2); display: grid..

시연 영상 위의 기능을 추가하기에 앞서 추가해야할 설정 권한 설정! Privacy - Camera Usage Description 카메라 사용 권한 Privacy - Photo Library Additons Usage Description 사진첩 접근 및 사용 권한 extension 해당 화면의 뷰컨트롤러: UIImagePickerControllerDelegate, UINavigationControllerDelegate { func presentPhotoActionSheet() { actionSheet.addAction(UIAlertAction(title: "Cancel", style: .cancel)) actionSheet.addAction(UIAlertAction(title: "Take Photo",..

*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { margin: 0; padding: 0; background: rgb(238, 238, 238); } a#instagram { top: 0; left: 0; right: 0; bottom: 0; margin: auto; position: absolute; display: block; width: 144px; height: 144px; outline: none; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: ..

특징 Model 앱이 무엇인지에 대해 관심을 가짐, UI와 독립 View 어떻게 화면에 표시할 것인지에 대해 관심을 가짐 Controller UIButton, UIViewController와 같은 UI와 관련된 것, Controller의 통제를 받음 관계 Model - Controller Controller는 모델에 직접적으로 접근할 수 있지만, Model은 Controller에 Notification & KVO 방식을 통해 모델의 변화를 알림 Model - View Model은 UI에 독립적이며 View와 소통할 수 없으며, View 또한 불가능 View - Controller Controller는 View에 대해 outlet을 이용해 View에게 직접적으로 접근할 수 있습니다. View는 Contro..

Design Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, voluptate? Read More Development Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, voluptate? Read More Launch Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, voluptate? Read More * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { min-height: 100vh; display: flex; jus..

html { width: 100%; height: 100%; padding: 10px; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; background: linear-gradient(45deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%); } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { display: grid; grid-template-columns: 28% 70%; grid-gap: 2%; background-color..

Avengers Assemble * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { background: radial-gradient(#93D9F9, #0C80B5); min-height: 100vh; overflow: hidden; } body::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 70vh; background-color: rgba(0, 0, 0, .1); } section { display: flex; justify-content: center; align-items: center; min-height: ..

Xcode version 14.2 clipToBounds 선언 후 True로 셋팅 layer.cornerRadius 선언 후 원하는 값으로 셋팅 border와 관련된 것을 Storyboard로 진행할 경우 해당 부분에서 선언 후 값을 설정하면 코드로 작성하는 것과 동일한 결과를 얻을 수 있음