일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- SWIFT
- jQuery
- html5
- iPhone
- css3
- 자바스크립트
- Animation
- 애니메이션
- react
- iOS 개발자
- IOS
- MAC
- 비전공 개발자
- keyframes
- front-end
- 프론트엔드
- effect
- image
- CSS
- 개발자
- hover
- 비전공자
- 풀스택
- button
- xcode
- javascript
- ipad
- php
- HTML
- 백엔드
- Today
- Total
목록비전공자 (249)
비전공자 개발일기

Firebase Realtime Database 비관계형 클라우드 데이터베이스 실시간으로 동작(HTTP 요청이 아닌 동기화 방식) 오프라인(로컬에 저장 후 네트워크 연결시 동기화) 서버없이 데이터베이스와 클라이언트가 직접 액세스 하나의 큰 JSON 트리 정렬 || 필터링 깊고 좁은 쿼리 많은 데이터 베이스 적은 양의 데이터가 자주 변경 Firebase Firestore Database 비관계형 클라우드 데이터베이스 실시간으로 동작(HTTP 요청이 아닌 동기화 방식) 오프라인(로컬에 저장 후 네트워크 연결시 동기화) 서버없이 데이터베이스와 클라이언트가 직접 액세스 문서 컬렉션 정렬 && 필터링 얇고 넓은 쿼리 단일 데이터베이스 대용량 데이터가 자주 읽힘 https://github.com/munsangu/S..

실제 영상 Grid Width 00 Grid Height 00 Create Grid Clear Grid Erase Paint * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Roboto Mono", monospace; } body { background-color: #f4c531; } .wrapper { background-color: #ffffff; width: 80vmin; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; padding: 40px 20px; border-radius: 8px; } label { display: block; } span..

import UIKit import AVFoundation class ViewController: UIViewController { @IBOutlet weak var progressBar: UIProgressView! @IBOutlet weak var titleLabel: UILabel! let eggTimes = ["Soft": 3, "Medium": 4, "Hard": 7] var timer = Timer() var player: AVAudioPlayer! var totalTime = 0 var secondsPassed = 0 @IBAction func hardnessSelected(_ sender: UIButton) { timer.invalidate() let hardness = sender.cur..

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..

프로그래밍에 문제가 있거나 코드가 특정 작업을 수행하도록 하는 경우 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..

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: ..

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..

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