목록Programming (564)

비전공자 개발일기

Find leap year

Start Year: End Year: Get Leap Years * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #bb2649; } .container { background-color: #ffffff; width: 90vw; max-width: 37.5em; position: absolute; padding: 3em 1.8em; transform: translate(-50%, -50%); left: 50%; top: 50%; border-radius: 8px; box-shadow: 0 1em 2em rgba(112, 90, 23, 0.3); } ...
Javascript 2022. 12. 29. 00:10
Product Image Zoom

* { padding: 0; margin: 0; box-sizing: border-box; } .image-container { width: 30%; margin: 5% 0 0 5%; } img { max-width: 100%; } #overlay { display: none; background: url("https://i.postimg.cc/Y0hq1pvS/shoe-img.jpg"); position: absolute; width: 25%; height: 35%; margin-top: -30%; margin-left: 50%; border: 2px solid #555; z-index: 1000; background-repeat: no-repeat; } #mouse-overlay { cursor: zo..
Javascript 2022. 12. 28. 00:27
Netflix Style Main Display

https://github.com/munsangu/SWIFT_Prac/tree/main/MyTwentySixthiOS GitHub - munsangu/SWIFT_Prac Contribute to munsangu/SWIFT_Prac development by creating an account on GitHub. github.com
SWIFT 2022. 12. 27. 12:45
Decimal - Binary Converter

Decimal Binary Converter Decimal: Binary: * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #667ABA; } .container { background-color: #ffffff; width: 80vmin; max-width: 37.5em; padding: 3em 2.5em; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 0.62em; box-shadow: 0 1.2em 2.5em rgba(0, 21, 4..
Javascript 2022. 12. 27. 00:42
X-mas Background

움직이는 눈, 산타 * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { background: linear-gradient(#A2000A, #CF0000); display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { width: 100%; height: 100vh; overflow: hidden; } .container::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 200px; background-image: url('t..
HTML _CSS 2022. 12. 26. 00:48
Credit Card List & Detail (Realtime Database, Firestore Database)

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

실제 영상 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..
Javascript 2022. 12. 25. 01:08
Egg Timer

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..
SWIFT 2022. 12. 24. 20:55
이전 Prev 1 ··· 11 12 13 14 15 16 17 ··· 71 Next 다음