TIL_20.06.29 πŸƒπŸ½β€β™‚οΈπŸƒπŸ½β€β™‚οΈ

Doum KimΒ·2020λ…„ 6μ›” 29일
0

TIL

λͺ©λ‘ 보기
6/71
post-thumbnail

Codestates pre course 14일차

μ˜€λŠ˜μ€ μ½”λ“œμŠ€ν…Œμ΄μΈ  프리 μ½”μŠ€ 14일차
TDD 정리 μ™„λ£Œ
Mocha, chai μ΄μš©ν•΄μ„œ ν…ŒμŠ€νŠΈ λ§Œλ“€κΈ° 성곡.

μ›μ‹œ νƒ€μž…κ³Ό μ°Έμ‘° νƒ€μž…μ˜ 차이에 λŒ€ν•΄μ„œ μ™„λ²½νžˆ μ„€λͺ…이 κ°€λŠ₯ν•˜λ‹€.
(사싀 이 뢀뢄은 μŠ€ν„°λ””λ‚˜ νŠœν„°λ§μ—μ„œ λ„ˆλ¬΄ 많이 μ„€λͺ…ν•΄λ΄μ„œ 눈 감고도 μ„€λͺ…이 κ°€λŠ₯...)
κ·Έλž˜λ„ μ€‘μš”ν•œ λΆ€λΆ„μ΄λ‹ˆ 항상 μƒκΈ°μ‹œν‚€μž.!

μ˜€λŠ˜λ„ νŽ˜μ–΄ ν”„λ‘œκ·Έλž˜λ°μ΄ ν•˜λ‚˜ λλ‚¬λŠ”λ° 사싀 이번 νŽ˜μ–΄ ν”„λ‘œκ·Έλž˜λ°μ€ λ­”κ°€ μ’€ 아쉬웠닀.
μ£Όμ œμ— λΉ„ν•΄ μ‹œκ°„μ΄ λ„ˆλ¬΄ κΈΈμ—ˆλ‹€λŠ” λŠλ‚Œμ΄ κ°•ν•œ...

λͺ‡μΌ 전에 μš°μ—°νžˆ w3school μ‚¬μ΄νŠΈλ₯Ό λ³΄λŠ”λ° λͺ¨λ₯΄λŠ” css μ„ νƒμžλž‘ μ˜€λžœλ§Œμ— λ³΄λ‹ˆ ν—·κ°ˆλ¦¬λŠ” μ„ νƒμžκ°€ μžˆλ”λΌ..
cssλ₯Ό λ„ˆλ¬΄ μ˜€λžœλ§Œμ— μ“°λ‹€λ³΄λ‹ˆ μƒνƒœκ°€ 말이 μ•„λ‹ˆλ‹€.

손λͺ© μƒνƒœκ°€ μ’‹μ•„μ‘ŒμœΌλ©΄ μ’‹κ² λ‹€... 자료ꡬ쑰 μ•Œκ³ λ¦¬μ¦˜ μ±…μ΄λ‚˜ 보닀가 μžμ•Όκ² λ‹€.

μ›μ‹œ νƒ€μž… vs μ°Έμ‘° νƒ€μž…

νƒ€μž…μ˜ μ°¨μ΄λŠ” κ°„λ‹¨ν•˜λ‹€. μ‹€μ§ˆμ μœΌλ‘œ λ³€μˆ˜κ°€ μ–΄λ–€ 값을 가지고 μžˆλŠ”μ§€ μ΄ν•΄ν•˜λŠ”κ²Œ μ€‘μš”ν•˜λ‹€.

const a = 1;

const obj = {a:1,b:2};

obj.a = 4; //  -> obj = {a:4,b:2}

a = 10 /// -> Error

μ—¬κΈ°μ„œ aκ°€ μ‹€μ§μ μœΌλ‘œ κ°–κ³  μžˆλŠ” 값은 1 κ·Έ 자체
objκ°€ μ‹€μ§μ μœΌλ‘œ κ°–κ³  μžˆλŠ” 값은 a:1, b:2κ°€ λ“€μ–΄μžˆλŠ” λ©”λͺ¨λ¦¬μ˜ μ£Όμ†Œ κ°’

λ”°λΌμ„œ const ν‚€μ›Œλ“œλ₯Ό μ‚¬μš©ν•˜λ©΄ 값을 λ³€κ²½ν•  μˆ˜κ°€ μ—†μ§€λ§Œ
객체 ν”„λ‘œνΌν‹°λ₯Ό μΆ”κ°€ν•˜κ±°λ‚˜ μˆ˜μ •ν•˜λŠ” 것은 μ£Όμ†Œκ°’μ„ μˆ˜μ •ν•˜λŠ”κ²Œ μ•„λ‹ˆλΌ 변경이 κ°€λŠ₯ν•˜λ‹€.

css μ„ νƒμž

  • + selector
    + μ„ νƒμžλŠ” μ•žμ˜ μš”μ†Œ λ°”λ‘œ 뒀에 μœ„μΉ˜ν•˜λŠ” μš”μ†Œμ— μŠ€νƒ€μΌμ„ μ μš©ν•  λ•Œ μ‚¬μš©ν•˜λ©΄ μ’‹λ‹€.

  • ~ selector
    ~ μ„ νƒμžλŠ” μ•žμ˜ μš”μ†Œ λ‹€μŒμ— λ‚˜μ˜€λŠ” νŠΉμ • μš”μ†Œλ“€μ— λͺ¨λ‘μ—κ²Œ μŠ€νƒ€μΌμ„ μ μš©ν•  수 μžˆλ‹€.

  • [attribute = value] selector
    [] μ„ νƒμžλŠ” μš”μ†Œμ˜ 속성과 값을 μ΄μš©ν•΄ μŠ€νƒ€μΌμ„ μ μš©ν•  수 μžˆλ‹€.

  • nth-of-type(n) selector
    nth-of-type(n) μ„ νƒμžλŠ” νƒœκ·Έ νƒ€μž…μ˜ n번째 μš”μ†Œμ— μŠ€νƒ€μΌμ„ μ μš©ν•  수 μžˆλ‹€.

0개의 λŒ“κΈ€