: 타입스크립트는 자바스크립트의 타입부분을 업그레이드해서 사용하고싶을 때 설치해서 쓰는 일정의 자바스크립트 대용품. 완전 다른 언어는 아니라 자바스크립트 문법 그대로 이용하면서 타입문법을 업그레이드해서 쓸 수 있다.자바스크립트 : 타입에 관대하다. Dynamic ty
과제가 3일이면 2일 완성 후 1일은 테스트 시간으로 잡는다.로컬스토리지 : store.js 라이브러리 사용해보기. JSON.parse등을 사용하지 않게 도와 줌. 복잡하지 않아도됨.검색창에 엔터 쳤을 때 검색되도록하는 방법 : input을 만든 뒤 이벤트리스너로 en
font-size: 10px 미만은 웹 접근성 문제로 인해 브라우저에서 의도적으로 무시. 권장인건 이유가 있다. 10px 미만의 폰트는 쓰면 안된다고 생각하면 된다.리액트에서도 a 태그를 쓴다. 내가 만들고 있는 앱 이외에 (예. 네이버라던가 이런 외부 링크로 보낼때
git 사용법 : 클론한 레포지토리에 업데이트 된 내용 받아오기 Fetch upstream을 눌러서 업데이트 후 git pull \[원격 저장소 이름] \[브랜치 이름]
className 라이브러리 cx 사용npm 라이브러리 사용예시 : className={cx('one', 'two')}다운로드수도 높고 실무에서 많이 쓰임.
e.currentTarget으로 클릭요소를 불러오고 , 해당 돔의 data-\~~를 { dataset } 에 객체로 저장해준다. const { dataset } = e.currentTarget저장한 객체의 value 키를 value변수에 저장한다. const { val
event.currentTarget.value 을 쓰는 이유위에 글 보시면 잘 설명이 되어있는 것 같습니다. target을 쓰는 경우에는 이벤트 버블링의 최하위를 반환하는 형식이다보니 Onclick을 씌운 전체 태그가 아닌 다른 것이 잡힐 가능성이 있어서 귀찮은 일이
Non-interactive elements should not be assigned mouse or keyboard event listenershttps://github.com/nala723/The-Dreamer/issues/98eslint의 rule에 의한
https://tech.kakao.com/2019/12/05/make-better-use-of-eslint/https://dev-yakuza.posstree.com/ko/react/eslint/ESLintESLint는 JavaScript, JSX의 정
압도적으로 실력이 좋아도 검색이 안되는 사람은 좋은 대우를 받을 수 없다.TIL (Today I Learn) : velog에 내가 배운 것을 계속 적기. 쌓여서 나의 발전과 검색의 기록이 된다.regex101.com : 정규식 확인 사이트★★ 이미지 파일 위치 :: s
압도적으로 실력이 좋아도 검색이 안되는 사람은 좋은 대우를 받을 수 없다.TIL (Today I Learn) : velog에 내가 배운 것을 계속 적기. 쌓여서 나의 발전과 검색의 기록이 된다.regex101.com : 정규식 확인 사이트★★ 이미지 파일 위치 :: s
https://velog.io/@pluviabc1/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%99%80-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B
돔 요소 위치, 크기 확인 : Element.getClientRects()Element.getBoundingClientRect()
https://han7096.medium.com/javascript-splice-%EC%99%80-slice-%EC%9D%98-%EC%B0%A8%EC%9D%B4-72a96ebaf266
sort를 이용한 값 정렬 후 키 순서찾기 : 배열 형태로 만들어서 값으로 정렬하고 키를 순서대로 읽어주기.\[키, 값]프로그래머스 - Lv1 - 2019 KAKAO BLIND RECRUITMENT 실패율