목록Programming (564)

비전공자 개발일기

Emoji Cursor Trail Effect

realtime on display EMOJI CURSOR TRAIL EFFECT * { margin: 0; padding: 0; box-sizing: border-box; } body { min-height: 100vh; background-color: #111; overflow: hidden; } span { position: absolute; pointer-events: none; width: 10px; height: 10px; animation: animate 1s linear infinite; } @keyframes animate { 0% { translate: 0 0; opacity: 0; } 10% { opacity: 1; } 90% { translate: 0 100px; opacity: 1..
Javascript 2022. 12. 24. 00:59
Xylophone

프로그래밍에 문제가 있거나 코드가 특정 작업을 수행하도록 하는 경우 1. 구글 2. StackOverFlow로 이동 3. 찾은 코드 구현 4. 공식 문서에서 코드의 의미 찾기 5. 필요에 맞게 커스텀 stackoverflow 검색 앱에서 내가 하고 싶은 것 + 프로그래밍 언어 + 출처 ex) play sound Swift StackOverFlow import UIKit import AVFoundation class ViewController: UIViewController { var player: AVAudioPlayer? override func viewDidLoad() { super.viewDidLoad() } @IBAction func btnPress(_ sender: UIButton) { guar..
SWIFT 2022. 12. 23. 23:09
Quiz App new Version

Start 1 of 3 questions 10s Next Demo Score Restart * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #0a69ed; } .start-screen, .score-container { position: absolute; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } button { border: none; outline: none; cursor: ..
Javascript 2022. 12. 23. 00:37
Number Fill Animation

2,000,000,000 :root { --color-green-200: #197302; --color-green-600: #36FE04; } body { background: #000; display: grid; height: 100vh; min-height: 100dvh; place-items: center; } .number { color: #f09; font-size: 10vw; font-weight: bold; background-image: linear-gradient(var(--color-green-600), var(--color-green-600)), linear-gradient(var(--color-green-200), var(--color-green-200)); -webkit-backg..
HTML _CSS 2022. 12. 22. 00:47
Noisy Grainy Icons

result * { padding: 0; margin: 0; box-sizing: border-box; } body { min-height: 100vh; display: grid; place-items: center; background: #111; } section { width: 80vw; padding: 1.75rem 1.25rem; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; font-size: 60pt; color: #0000; background: repeating-radial-gradient(blue 0 0.001%, red 0 0.0001%) 50% 0/2500px 2500px,..
HTML _CSS 2022. 12. 21. 00:04
Real Time Notice' s modal (Firebase Remote Config & A/B Test)

Remote Config 배포 및 업데이트 다운로드 없이 앱 변경 기본값을 설정한 후 값을 재정의 클라우드 기반 Key - Value 저장소 앱 사용층에 변경사항을 빠르게 적용(업데이트 없이 앱의 UI/UX 변경을 지원) 사용자층의 특정 세그먼트에 앱 맞춤 설정(앱 버전, 언어 등으로 분류된 사용자 세그먼트별 환경 제공) A / B Test를 실행하여 앱 개선(사용자 세그먼트별로 개선사항을 검증 후 점진적 적용을 해볼 수 있음) A / B Test Google Analytics, Firebase 예측을 통한 사용자 타겟팅 원격구성(Remote Config or Cloud Messaging)활용 재품, 마케팅 실험을 쉽게 실행, 분석, 확장이 가능 제품 환경 테스트 및 개선(앱 동작 및 모양을 변경하여 최..
SWIFT 2022. 12. 20. 17:23
Number Trivia

Numbers API http://numbersapi.com/ Numbers API NumbersAPI An API for interesting facts about numbers Bring meaning to your metrics and stories to your dates An API for interesting facts about numbers Bring your metrics and dates to life Let your metrics tell tales with our API of number facts What tale numbersapi.com Get Fact Get Random Fact * { padding: 0; margin: 0; box-sizing: border-box; fon..
Javascript 2022. 12. 20. 10:37
Local Push Notification

import UIKit class AddAlertViewController: UIViewController { var pickedDate: ((_ date: Date) -> Void)? @IBOutlet weak var datePicker: UIDatePicker! @IBAction func cancelBTN(_ sender: UIBarButtonItem) { dismiss(animated: true) } @IBAction func saveBTN(_ sender: UIBarButtonItem) { pickedDate?(datePicker.date) dismiss(animated: true) } } import Foundation struct Alert:Codable { var id: String = UU..
SWIFT 2022. 12. 19. 16:21
이전 Prev 1 ··· 12 13 14 15 16 17 18 ··· 71 Next 다음