비전공자 개발일기

https://github.com/yusufshakeel/dyCalendarJS GitHub - yusufshakeel/dyCalendarJS: This is a JavaScript library to create Calendar. You can use it in your blog and website. This is a JavaScript library to create Calendar. You can use it in your blog and website. - GitHub - yusufshakeel/dyCalendarJS: This is a JavaScript library to create Calendar. You can use it in yo... github.com * { margin: 0; ..

Happy New Year 2023 * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { min-height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #222; } .box { height: 200px; transform-style: preserve-3d; animation: animate 16s linear infinite; } @keyframes animate { 0% { transform: rotateX(-20deg) rotateY(360deg); } 100% { transform: rotateX(..

사이즈별 아이콘 준비 https://www.appicon.co/#app-icon App Icon Generator www.appicon.co Assets 설정 위에서 생성한 앱 아이콘 모음 압축을 풀고, 해당 프로젝트의 Assets로 드래그 앱 아이콘 관련 설정 점검 1. Build Settings 확인 (Targets -> Build Settings -> Asset Category Compiler - Options -> Primary App Icon Set Name) 또는 Build Settings 에서 Filter로 Primary App Icon Set Name 검색 2. Assets에서 Target Membership 체크 여부 점검

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

움직이는 눈, 산타 * { 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..

실제 영상 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..

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