Sprite κΈ°λ²μ μ¬μ©νμ§ μλ κ²½μ°
- λ³κ²½λ μ μλ μ΄λ―Έμ§
- Sprite μ΄λ―Έμ§μ μ©λμ΄ λ무 ν° κ²½μ°
κΈμ¨λ₯Ό Sprite μ΄λ―Έμ§λ‘ μ¬μ©ν μ΄μ
- μμ£Ό μΌλΆλΆμλ§ μ¬μ©νλ ν°νΈμΌ κ²½μ°, ν°νΈμ μ©λμ κ³ λ €ν΄μ μ΄λ―Έμ§λ‘ λ체νμ¬ μ©λμ μ€μ΄κΈ° μν΄
μ°Έκ³ λ§ν¬
Retina
: νΉμ ν μμΌ κ±°λ¦¬μμ μΈκ°μ λμΌλ‘λ νμλ₯Ό ꡬλΆν μ μλ νμ λ°λ(300ppiκ° λμ κ²½μ°)λ₯Ό κ°μ§ μ ν LCD μ νμ λΈλλ μ΄λ¦<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
</body>
</html>
Bootstrap Template
- λ¬΄λ£ ν λ§ - Start Bootstrap
- λΆνΈμ€νΈλ© ν λ§ κ΅¬λ§€ μ¬μ΄νΈ
β» ν νλ¦Ώ μ¬μ©μ λΌμ΄μΌμ€ νμΈ!
μμλλ©΄ μ’μ νμ΄μ§
- μλ² μ μ§ - iwinv
- Plugin - ν μ€νΈ μλν°
- https://summernote.org/
(Bootstrap v.5 λ―Έμ§μ)- https://ui.toast.com/tui-editor
- Plugin - κ²½κ³ μ°½
- Bootstrap-datepicker
=> μ¬μ©λ² μ°Έκ³ μ¬μ΄νΈ
체ν¬μΈ : 6 / 10
μ‘μ
νλ μ κ² : μ 체μ μΌλ‘ μ μ§νλκ³ μμΌλ μλ©΄μκ° λ리λ κ²μ μ΄λ ΅λ€.
κ·Έλμ νμ μ‘Έλ¦° λλμ΄μ§λ§ 3κ°μ μ λ μ΄λ κ² μ§λΈλ€κ³ ν°μΌλμ§ μκ² μ§... μΆμ΅λλ€.
1μ°¨ μν¬μ΅ 볡기
1) 첫λ²μ§Έ μλ : νμ
λ₯λ ₯
μλμ λ€μ΄λ°μ μ‘°κΈ λ ꡬ체ν ν κ²μ μλμ§μ λ΄κ° κ·Έ μλμ μ±μ°κΈ° μν΄ λ¬΄μμ νλμ§ μ΄μΌκΈ° ν΄λ³΄κΈ°
λ΄κ° μ¬λ°λ₯Έ λ°©ν₯μΌλ‘ κ°κΈ° μν λμΉ¨λ° λ§λ€κΈ°
κ³Όκ±°μ λμΉ¨λ° κΊΌλ΄λ³΄κΈ°
μμ λμκ² ν¨κ³Όμ μ΄μλ νμ΅ λ°©λ²μ μ μ©ν΄μ μ‘μ νλ μμ±νκΈ°
νκ³ μ λν νκ³ with νΌλλ°±
체ν¬μμ : 9 / 10