1. min-max : 이상-초과 / 이하-미만 2. begin-end : 날짜 예약같은 경우가 적절한 케이스 3. first-last : 연속성이나 규칙성이 보장되지 않는 경우 4. prefix-suffix : 약속된 네이밍을 사용함으로써 이름으로만 의미를 파악할 수 있다 5. 매개변수 : 호출하는 함수의 네이밍과 인자의 순서의 연관성을 고려한다 매개 변수 정의시 고려해야 할 것 - 매개 변수가 2개를 넘지 않도록 하는 것이 좋다. - 정해지지 않은 수의 매개변수를 받는 경우 '나머지 매개변수(...arguments)'를 사용할 수 있다. - 매개 변수가 많은 경우 전달인자를 객체에 담아서 넘기는 식으로 매개 변수의 갯수를 줄일 수 있다.
1. Headless UI - 스타일이 적용되지 않은 UI 컴포넌트(링크) 더보기 - Tailwind CSS와 잘 연동되게 디자인 - React/Vue 용 컴포넌트들 ㅤ→ Menu (Dropdown) ㅤ→ Listbox (Select) ㅤ→ Switch (Toggle) ㅤ→ Disclosure ㅤ→ Dialog (Modal) ㅤ→ Popover ㅤ→ Radio Group ㅤ→ Transition ㅤ→ Tabs 2. Mind AR JS - 웹 증강현실 라이브러리 (링크) 더보기 - 이미지 트래킹 & 얼굴 트래킹 ㅤ→ 멀티 타겟 트래킹 가능 - WebGL을 통한 GPU 활용 - Web Worker 이용하여 훌륭한 성능 - Tensorflow.js 사용 3. Scroll-snap - 스크롤 중 멈추면 원하는 ..
undefined & null 둘은 다르게 동작하는 부분이 있지만, 둘의 역할은 매우 비슷하다. undefined와 null을 구분한 건 실수라고도 여겨진다. 따라서 undefined와 null을 혼재해서 사용하기 보다는 팀차원에서 컨벤션을 정하여 하나만 사용하는 것이 좋다. eqeq 줄이기 == (equality) 연산자를 사용하기 보다는, === (strict equality) 연산자를 사용하라 == 를 사용하면 자동 형 변환이 일어나서 값의 타입이 다른 경우에도 같다고 판단할 수 있기 때문에, 값의 타입까지 비교하는 ===를 사용하라 isNaN isNaN() : 어떤 값이 NaN(Not a Number)인지 판별하는것. isNaN()은 몇몇 혼란스러운 케이스를 가지고 있으므로 ES6에서 추가한 Nu..
var를 지양하자 TDZ란? https://noogoonaa.tistory.com/78 참고 function scope & block scope var는 함수 스코프(function scope) let과 const는 블록 스코프(Block Scope)이기 때문에 보다 안전한 작업을 할 수 있다. let 보다는 cont 사용을 권한다. let은 재할당이 가능하고 const는 재할당이 불가능하기 때문이다. 전역 공간 사용 최소화 전역 공간이란? 최상위 공간을 뜻하며, 브라우저(window)와 노드JS(global) 환경으로 나뉘어져 있다. 전역공간 변수를 선언하면 window 객체에서 접근이 가능하다. 전역공간 변수를 선언하면 파일이 달라도 접근이 가능하다. /* sample1.js */ var global..
리액트를 사용하다보면 조건부 렌더링을 자주 사용하게 된다. const isShow = props.isShow return { isShow ? () : () } 위의 예시처럼 컴포넌트에 전달할 props는 동일한데, 조건에 따라 컴포넌트만 다른 경우 아래와 같은 방법도 있다. const isShow = props.isShow const statusIcon = { show: ShowIcon, hide: HideIcon } const StatusIconComponent = statusIcon[isShow ? 'show' : 'hide'] return
1. PNG Parser Differential (링크) 더보기 - 병렬 디코딩 PNG 구현 버그를 이용해서, 애플 기기에서만 다르게 보이는 PNG 이미지 만들기 ㅤ→ 애플 기기에서는 "HELLO APPLE" 과 올드 매킨토시 이미지 ㅤ→ 그외 기기에서는 "HELLO WORLD" 와 구형 IBM PC가 보임 - 간단한 소스 코드를 공개해서 누구나 비슷한 이미지 생성 가능 2. Automa - 크롬 브라우저 자동화 확장 (링크) 더보기 - No-code 블록 연결 방식으로 웹 브라우저를 자동화 - 폼 자동 채우기, 반복 작업, 스크린샷 저장, 데이터 스크래핑 등의 다양한 작업 지원 (웹훅 호출, CSV/JSON Export, 탭/창 열기/닫기, 프레임 선택...) - 원하는 시간에 스케줄링 가능 3. la..
