2022-05-24

switch 나 if 문 안쓰고 원하는 값 가져오기

• 예를 들어 요일마다 다른 멘트가 출력 되어야 할 때, 원래라면 아래와 같이 작성했을 것이다.

const weekday = (day) => {
	if (day === 'monday') return '월월';
	if (day === 'tuesday') return '화이팅';
  	if (day === 'wednesday') return '수리수리';
  	...
}

• 위와 같이 if문을 사용했거나, switch를 사용했을 것이다.
• 하지만 아래와 같은 정말정말로 신박한 방법을 배웠다..짱짱

const weekday = {
	monday : '월월',
  	tuesday : '화이팅',
  	wednesday : '수리수리',
  	...
}[day]

• 나는 위와 같은 방법이 string을 key로 한 객체의 value를 받아오는 것이라고 이해했다.

html

dl 밑에 div 와도 된다.

dl

div

dt, dd

click → button

map → li

table은 제외(tr)

구분선 ⇒ after

ul 안에 p 넣지마라

foit 현상 → 폰트가 로딩되는 동안 폰트가 안보이는 현상

버튼명 → name이나 aria-label

주소 : address 태그

저작권은 p태그

hover css 가리고

victory js

legend 태그

그래프 그릴 때 이용
(그래프 이름 옆에 점 모양)

datum ? 천만

1_000_000

알림 옆에 점 → after태그

y축 두 개

참고 : victory js document

code climate

• 레포 등록하면 알아서 코드를 분석해준다.

storybook

storybook 공유 → chromatic

lighthouse

크롬 → 퍼포먼스 탭 → 자동 성능 테스트

빨간 바 → 컴퓨터가 일을 너무 많이했다.

시크릿모드로 열어서 하기 → 확장 기능때문에 속도가 준다.

웹팩은 사이즈를 줄이기 위해 함수 이름을 변환한다.

error

• prop 데이터 전달 중 발생 에러