목록Programming (564)

비전공자 개발일기

Multi Colored Text

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..
HTML _CSS 2023. 1. 10. 00:24
Initializer for conditional binding must have Optional type, not 'OOO'

직면한 에러 Initializer for conditional binding must have Optional type, not 'OOO' (번역) 조건부 바인딩의 이니셜라이저에는 옵션 유형이 있어야 합니다 해결 방안 습관적으로 guard let으로 optional을 unwrapping 하는데 이 과정이 필요없을 경우에는 바로 사용해도 문제 없음
SWIFT/(SWIFT || Xcode)Error 2023. 1. 9. 19:59
Dark Mode & Light Mode, Current App version check

[SceneDelegate] func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) { // Use this method to optionally configure and attach the UIWindow `window` to the provided UIWindowScene `scene`. // If using a storyboard, the `window` property will automatically be initialized and attached to the scene. // This delegate does not imply th..
SWIFT 2023. 1. 9. 15:04
Mail Button Micro-Interaction

body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #222; } .wrapper { width: 200px; height: 200px; cursor: pointer; } .animated-mail { position: absolute; width: 200px; height: 150px; transition: .4s; } .animated-mail .body { position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 100px 200px; border-color: ..
HTML _CSS 2023. 1. 9. 08:01
앱 등록 절차

Xcode -> Product -> Archive(실제 기기에서 어플을 실행하면 활성화됨) 완료 후 App Store Connect에서 빌드를 눌러서 첨부 앱 정보, 가격 및 사용 가능 여부, 앱이 수집하는 정보 등을 기입하고 심사 요청 https://www.privacy.go.kr/a3sc/per/inf/perInfStep01.do > 메인 개인정보 처리방침 만들기 개인정보 처리방침 간단히 만들기 개인정보 처리방침을 간단하게 작성해 보세요. 개인정보 처리방침 새로 만들기 - 개인정보보호법 및 시행령, 표준 개인정보 보호지 www.privacy.go.kr 스크린샷 만들기 사이트 https://app-mockup.com/ The world's most powerful screenshot builder Us..
SWIFT 2023. 1. 8. 20:05
Ring Of Fire

* { margin: 0; padding: 0; box-sizing: border-box; position: relative ; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #000; } .circle { width: 600px; height: 600px; filter: url(#wavy) blur(1px); } .circle::before { content: ''; position: absolute; top: 100px; left: 100px; right: 100px; bottom: 100px; border: 20px solid #FFF; border-rad..
HTML _CSS 2023. 1. 8. 00:51
Animated Progress Bar

:root { --bar-color1: #1FE576; --bar-color2: #D7E5DE; --bar-width: 200px; --bar-height: 20px; --anim-duration: 3s; } body { background-color: #B0B0B0; display: flex; justify-content: center; align-items: center; } .progress-bar { position: relative; margin-top: 25%; width: var(--bar-width); height: var(--bar-height); border-radius: calc(var(--bar-height) / 2); overflow: hidden; background-color:..
HTML _CSS 2023. 1. 7. 00:24
Foggy Rain Animation

It's Rainning body{ min-height: 100vh; font: 150%/1.1 'Gaegu', cursive; padding-top: calc(50vh - 4em); } body, .foggy, .container:before{ background: url('https://cdn.pixabay.com/photo/2015/09/09/21/31/rain-933490_960_720.jpg') 0 / cover fixed; } .container{ position: relative; margin: 0 auto; padding: 2em; max-width: 24em; background: hsla(0, 0%, 100%, 0.2) border-box; border-radius: 0.5em; box..
HTML _CSS 2023. 1. 6. 08:45
이전 Prev 1 ··· 8 9 10 11 12 13 14 ··· 71 Next 다음