비전공자 개발일기

* { margin: 0; padding: 0; box-sizing: border-box; list-style: none; } section { display: flex; justify-content: center; align-items: center; min-height: 100vh; width: 100%; } header { position: absolute; top: 0; width: 100%; padding: 30px; display: flex; justify-content: space-between; align-items: center; } header .logo img { position: relative; max-width: 200px; } header i { font-size: 1.5em;..

Heads: 0 Tails: 0 Flip Coin Reset *{ padding: 0; margin: 0; box-sizing: border-box; font-family: "Rubik",sans-serif; } body{ height: 100%; background: linear-gradient( to right, #575ce5 50%, #f9fbfc 50% ) fixed; } .container{ background-color: #ffffff; width: 400px; padding: 50px; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; box-shadow: 15px 30px 35px rgba(0,0,0,0.1)..

I am thinking of a number between 1-100. Can you guess it? GUESS No. Of Guesses: 0 Guessed Numbers are: None *, *:before, *:after{ padding: 0; margin: 0; box-sizing: border-box; } body{ height: 100vh; background: linear-gradient( to right, #7f53ac, #657ced ); } .container{ position: absolute; width: 50%; min-width: 580px; transform: translate(-50%,-50%); top: 50%; left: 50%; background-color: #f..

import UIKit // 1안 class ViewController: UIViewController { @IBOutlet weak var mainLabel: UILabel! @IBOutlet weak var numLabel: UILabel! var comChoice = Int.random(in: 1...10) var myChoice = 1 override func viewDidLoad() { super.viewDidLoad() mainLabel.text = "아래 숫자들 중에서 선택" numLabel.text = "" } @IBAction func btnPressed(_ sender: UIButton) { guard let numString = sender.currentTitle else { retu..

import UIKit class ViewController: UIViewController { // 최상단 레이블 @IBOutlet weak var mainLabel: UILabel! // 가위 바위 보 이미지 @IBOutlet weak var comImageView: UIImageView! @IBOutlet weak var myImageView: UIImageView! // 가위 바위 보 글자 @IBOutlet weak var comChoiceLabel: UILabel! @IBOutlet weak var myChoiceLabel: UILabel! var comChoice: Rps = Rps(rawValue: Int.random(in: 0...2))! var myChoice: Rps = Rps.rock..

2048 new game Paused reset continue end 2048 Score: pause Control left up down right You can also use Arrow keys! *{ margin:0; padding:0; box-sizing:border-box; } p{ border-radius:10px; padding:5px; border:2px solid white; background:lightgray; color:black; font-size:18px; text-align: center; } button{ font-family: 'Sniglet', cursive; } body { background: linear-gradient(45deg, rgba(189,245,152,..

^ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: Arial, Helvetica, sans-serif; } .container { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; gap: 2rem; } .wrapper { height: 300px; width: 300px; pos..

* { padding: 0; margin: 0; } .game { width: 600px; height: 200px; border: 1px solid #000000; margin: auto; } #dino { width: 70px; height: 70px; background-image: url(t-rex.png); background-size: auto 70px; position: relative; top: 143px; } .jump { animation: jump 0.3s linear; } @keyframes jump { 0% { top: 143px; /*distance from the top of the parent element*/ } 30% { top: 115px; } 50% { top: 70p..