일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 자바스크립트
- 비전공 개발자
- javascript
- 애니메이션
- iPhone
- css3
- ipad
- 개발자
- 프론트엔드
- front-end
- php
- effect
- hover
- xcode
- react
- iOS 개발자
- Animation
- button
- IOS
- 백엔드
- keyframes
- 풀스택
- image
- HTML
- 비전공자
- SWIFT
- html5
- CSS
- jQuery
- MAC
- Today
- Total
목록비전공 개발자 (290)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/rcXAn/btrWbjW0Vj1/vPu7FQk7F2aBH7NPo9w3y1/img.png)
*, *::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: ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/czxXJd/btrWb29fOQ5/CmaQQdhoKFQgbG3Pkoq5g0/img.jpg)
특징 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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/boELVr/btrV5AL1I5t/LKCw6vqVjuf099jvQGq700/img.png)
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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b5QdZh/btrV1gy3hJh/9Qe7euTREuctgkHajU6CPk/img.png)
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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cCbPEd/btrVP8QmQOB/QKh6qLczzUE9ckhduPSEnk/img.png)
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: ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/buZ0vK/btrVLvkswxT/VKYFS3oxH1h5boedgKdxsK/img.png)
Xcode version 14.2 clipToBounds 선언 후 True로 셋팅 layer.cornerRadius 선언 후 원하는 값으로 셋팅 border와 관련된 것을 Storyboard로 진행할 경우 해당 부분에서 선언 후 값을 설정하면 코드로 작성하는 것과 동일한 결과를 얻을 수 있음
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/y6l84/btrVOTExRcI/jqGnP5KWdSOP2kHgPdkzVk/img.png)
Avengers ENDGAME * { margin: 0; padding: 0; box-sizing: border-box; } :root { --color-1: #186CB8; --color-2: #2A9A9F; --color-3: #F1B211; --color-4: #E83611; --color-5: #F9002F; } .wrapper { background-color: #000; line-height: 1; display: grid; place-items: center; min-height: calc(100vh - 16px); } h1 { font-size: 10vw; font-weight: 900; width: --webkit-min-content; width: --moz-min-content; wi..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c4P5Ls/btrVGZF5vAb/BKjiF7xFVTQNmgZJIZo0N0/img.png)
직면한 에러 Initializer for conditional binding must have Optional type, not 'OOO' (번역) 조건부 바인딩의 이니셜라이저에는 옵션 유형이 있어야 합니다 해결 방안 습관적으로 guard let으로 optional을 unwrapping 하는데 이 과정이 필요없을 경우에는 바로 사용해도 문제 없음