λ²κ·Έ μ€λͺ
νμ¬ λ°μν λͺ¨λμ λͺ©λ‘-μΈλΆ μ¬ν ν¨ν΄μ μ νμ΄ μ΄λ£¨μ΄μ§λ©΄ μΈλΆ μ¬νμΌλ‘ μ΄λν©λλ€. λͺ©λ‘μμ μν©λ³ μμ
μ μ€ννκΈ° μν΄ μ ννλ κΈ°λ₯κ³Ό "μΈλΆ μ¬νμ νμνλ" λ λ€λ₯Έ λ°©λ²μ΄ νμν©λλ€.
μμ΄ μλ νμ΄ν λ²νΌ(νλͺ©μ μ무 κ³³μ΄λ ν΄λ¦ν μ μμμ μλ―Έν¨)κ³Ό μμΌλ‘ λλ¬μΈμΈ νμ΄ν λ²νΌ(μΈλΆ μ¬νμ νμνλ €λ©΄ νν΄μΌ ν¨μ μλ―Έν¨)μ ꡬλ³νκΈ° μν΄ μ£Όμμ μμ΄ μλ νμ΄ν λ²νΌμ μ μνμμμ€.
μ¬ννκΈ° μν΄
λμμ μ¬ννλ λ¨κ³:
μμλλ νλ
λ μ€ νλλ₯Ό ν μ μλ μ¬μ κ° νμν©λλ€.
μ€ν¬λ¦°μ·
μ±μμ§ νμ΄ν λ²νΌ(iphoneμ²λΌ)μ΄ μ μ©ν μ μμ΅λλ€. μ΄κ²μ κ³ μ λ νμκ° μμ§λ§ ν νλ¦Ώμ μΆκ°νκ³ νΉλ³ν ν κ°λ₯/ν΄λ¦ κ°λ₯ μμμΌλ‘ νμν μ μλ λ²νΌμ λλ€.
μΆκ° 컨ν
μ€νΈ
μ¬κΈ°μ λ¬Έμ μ λν λ€λ₯Έ 컨ν
μ€νΈλ₯Ό μΆκ°νμμμ€.
@theakatz @kayiuho μ΄ λμμΈ/μμ΄μ½μ λν΄ μ΄λ»κ² μκ°νμΈμ?
ν κ°μ§ μμ΄λμ΄λ λ¨μΌ μ νμ μλλΌλ μ ν νμΈλμ νμνλλ‘ νλ κ²μ
λλ€.
κ·Έλ¦¬κ³ μ²΄ν¬λ°μ€λ₯Ό ν΄λ¦νλ©΄ λ릴λλ λ¬Έμ λ₯Ό μμ ν©λλ€. (νμΈλ ν΄λ¦ μ λ릴 건λλ°κΈ°)
@tmcconechyμ λμν©λλ€. ν΄λ¦ κ°λ₯ν λΆλͺ¨μ ν΄λ¦ κ°λ₯ν μμμ΄ μλ λ¬Έμ λ₯Ό ν΄κ²°νλ €λ©΄ ν΄λ¦μ λ€μκ³Ό κ°μ΄ λ³κ²½ν΄μΌ ν©λλ€.
νμΈλμ΄ μμΌλ©΄ ν΄λ¦ κ°λ₯ν μμμ΄ μ 체 νμΌλ‘ νμ₯λ©λλ€. νμΈλμ μ¬μ©νλ©΄ μμ°μ€λ½κ² ν΄λ¦ κ°λ₯ν μμμ λ°μ΄μ νμΈλμ "λμΉμ§" μκ³ "λ릴λ€μ΄"μ ν΄λ¦νκ² λ©λλ€.
κ·Έλ° λ€μ μ±μμ§ μ μΊλΏ μμ΄μ½μ μ¬μ©νλ λμ @kayiuho μμ κΈ°μ‘΄μ μΌλ° μ€λ₯Έμͺ½ μΊλΏ >
μ κΈ°νΈλ‘ μ¬μ©νμ¬ μ€λ₯Έμͺ½μΌλ‘ "λ릴λ€μ΄"λμμμ νμν μ μμ΅λλ€.
HTMLμ λ€μκ³Ό κ°μ μ μμ΅λλ€.
html
<div>
<label>
<input type="checkbox" /> Stuff
</label>
<a href="">
Drill down
<i class="icon"></i>
....other stuff....
</a>
</div>
νμ΄ν λ²νΌμ΄ νμνμ§ μκΈ° λλ¬Έμ μ λ§ μ’μ κ² κ°μ΅λλ€. κ·Έλ¦¬κ³ νμΈλμ μ μ§ν΄λ νμ΄ν λ²νΌμ νμν κ²λ³΄λ€ λ λ§μ μν 곡κ°μ μ°¨μ§νμ§ μμ΅λλ€.
λ€λ₯Έ μμ΄μ½μ λμ νμ§ μκ³ μ΄ μμ μ μνν μ μλμ§ νμΈνκ³ μΆμμ΅λλ€. λ릴μ νμ©λ λμ μμμ λΉν΄ μ ν μμμ λν΄ λ μλμ μ΄λΌλ©΄ μΊλΏ μμ΄μ½μ΄ μ λ§λ‘ νμν©λκΉ? μ¬μ©μκ° μ€μλ‘ νμΈλμ ν΄λ¦νμ¬ λ릴νλμ§ λͺ¨λ₯΄κ² μ΅λλ€. μ§λ¬Έμ μ¬μ©μκ° λͺ μμ μΈ μΊλΏ μμ΄μ½μ΄ νμλμ§ μλ κ²½μ° λ릴ν μ μλμ§ μ¬λΆμ λν΄ νΌλμ€λ¬μν κ²μ λλ€.
@jamie-norman , μ μμ΄μ½μ μΆκ°νκ³ μΆμ§ μκ±°λ UIμ λ€λ₯Έ μμ΄μ½μ μΆκ°νκ³ μΆμ§ μλ€λ λ»μ λκΉ? λ΄ λͺ©νλ μΌλ° μΊλΏ(λ λ²νΌμ)μ μ¬μ©νμ¬ λ릴λ€μ΄ν μ μμμ λ³΄μ¬ μ£Όλ κ²μ΄μμ΅λλ€. κ·νκ° μ³μλ€κ³ μκ°ν©λλ€. κ°ν μμ΄ λ릴λ€μ΄λλ€λ κ²μ κ·Έλ€μ λͺ¨λ₯Ό κ²μ΄λΌκ³ μκ°ν©λλ€.
@clepore μ£μ‘ν©λλ€. λͺ ννμ§ μμ΅λλ€. UIμ λ€λ₯Έ μμ΄μ½μ μΆκ°νμ§ μλ κ²μ΄ μ’μ΅λλ€. @kayiuho μκ² κ·Έκ²μ λν΄ μ΄μΌκΈ°νκ³ κ·Έλ λ μ¬λ°λ₯Έ μΊλΏ μμ΄μ½μ΄ λμμ΄ λ κ²μ΄λΌκ³ μκ°ν©λλ€. μ€λ μ€νμ Timμ μμ μ¬νμ 보μμΌλ―λ‘ μΊλΏ μμ΄μ½μ μΆκ°νμ§ μκ³ λ _μμ§λ μ’μ΅λλ€. λΉΌλκ²λ³΄λ€ λ£λκ² λ μ½λ€μ π
λ μΌνκ³ λλ₯Ό μν΄ μΌν©λλ€ π
κ°μ₯ μ μ©ν λκΈ
@tmcconechyμ λμν©λλ€. ν΄λ¦ κ°λ₯ν λΆλͺ¨μ ν΄λ¦ κ°λ₯ν μμμ΄ μλ λ¬Έμ λ₯Ό ν΄κ²°νλ €λ©΄ ν΄λ¦μ λ€μκ³Ό κ°μ΄ λ³κ²½ν΄μΌ ν©λλ€.
νμΈλμ΄ μμΌλ©΄ ν΄λ¦ κ°λ₯ν μμμ΄ μ 체 νμΌλ‘ νμ₯λ©λλ€. νμΈλμ μ¬μ©νλ©΄ μμ°μ€λ½κ² ν΄λ¦ κ°λ₯ν μμμ λ°μ΄μ νμΈλμ "λμΉμ§" μκ³ "λ릴λ€μ΄"μ ν΄λ¦νκ² λ©λλ€.
κ·Έλ° λ€μ μ±μμ§ μ μΊλΏ μμ΄μ½μ μ¬μ©νλ λμ @kayiuho μμ κΈ°μ‘΄μ μΌλ° μ€λ₯Έμͺ½ μΊλΏ
>
μ κΈ°νΈλ‘ μ¬μ©νμ¬ μ€λ₯Έμͺ½μΌλ‘ "λ릴λ€μ΄"λμμμ νμν μ μμ΅λλ€.HTMLμ λ€μκ³Ό κ°μ μ μμ΅λλ€.
html <div> <label> <input type="checkbox" /> Stuff </label> <a href=""> Drill down <i class="icon"></i> ....other stuff.... </a> </div>