TIL

Percel : 간단한 서버 개발자도구 네트워크 탭 : API 데이터, JS 파일 등 확인 가능 hash : URL에 북마크 지정해 주는것 hashchange 이벤트 리스너 : hash 뒤의 url 변경감지 이벤트리스너, location객체는 브라우저가 제공해주

객체를 반복할때 for ... in 문 사용 예시 동기화, 비동기화 동기화 : 한 번에 하나의 요청을 받고 응답이 완료된 후 다음 요청을 받는다. 비동기화 : 한 번에 여러개의 요청을 받을 수 있고 순서대로 응답한다. 자바스크립트는 싱글스레드 언어다

타이머 API setTimeout, clearTimeout, setInterval, clearInterval 자바스크립트에 기본 내장되어있는 비동기 함수 set 함수들은 타이머 ID 반환하고 인자로 콜백함수, 밀리세컨드 clear 함수들은 출력이

가 의미가 있으려면 뒤에 가 와야된다 사용할때 를 자연스럽게 사용했던 것은 가 그 자체로 를 반환하기 때문에 fetch API String.prototype.match() : 문자열이 정규식과 매치되는 부분을 찾습니다.

핫 리로딩 : 에 구현되어 있어서 코드 저장시 웹페이지 새로고침 없이 바로 적용 확인할 수 있습니다. 시맨틱 엘리먼트 (Semantic Element) : div와 같이 코드만 봤을때 무슨의미 인지 모르는 엘리먼트는 논시맨틱 엘리먼트, section, footer

- React Router 라이브러리의 메서드 Reac Router 의 주요컴포넌트인 <BrowserRouter>, <Routes>, <Route>, <Link> 컴포넌트 외에 이벤트 리스너 방식으로 뒤로가기, 메인으로, 로그인 여부 판단해서

state 값이 객체나 배열인 경우 unshift, shift 등으로 요소 변경하고 setter 사용하는 것은 리렌더링이 되지 않습니다. 주소값은 변하지 않기 때문에 따라서 spread syntax 나 splice 를 사용해서 주소값과 요소가 변경되는 배열,

HTTP 메소드와 CRUD GET : READ POST : CREATE PUT : UPDATE PATCH : UPDATE DELETE : DELETE

Git revert : merge 가 잘 못된 경우 merge 되기 이전으로 다시 되돌릴 수 있습니다.

HTTP : 요청 GET : Read POST : Create PUT : Update PATCH : Update DELETE : Delete 응답 200 : 성공 300 : 중복 응답 4

Recoil Selector 를 useRecoilState 훅 으로 사용const \[hours, setHours] = useRecoilState(hourSelector);hours : atoms.tsx 에서 selector 의 get 함수값atoms.tsx 에서 se

RBD placeholder : 보드의 맨 끝에 두어서 보드 크기가 변하지 않게 고정해줍니다.

DragDropContext 컴포넌트의 onDragEnd 프롭(함수) 는 매개변수 args 를 통해 다양한 정보를 제공합니다. //콘솔로그, DnDArray.prototype.splice() 를 통해 요소 옮기기 (Mutable)Array.prototype.splice

객체 key 를 문자열 변수로 사용하는 방법 : 변수를 대괄호() 로 감싸줌 TS 의 Go to Type Definition 해당 타입의 인터페이스롤 보며 무슨 역할인지 메서드가 있는지 보며 파악하기 좋다.

: Recoil State 의 Setter 함수만 필요할 경우 사용

Recoil Effects Recoil 에서 useEffect 와 같은 기능을 합니다. 예시 코드 Local Storage 클라이언트 단, 브라우저 상에 데이터를 저장할 수 있는 기술인 웹 스토리지 중 하나 JSON 형태로 데이터를 읽고 써야 합니다. 기본 API

enum 계속해서 써야하는 값을 저장할 수 있는 도구

useScroll (Framer Motion) 해당 윈도우(window) 안에서의 높이를 (0 - 1) or (px단위) 로 나타내줍니다. 숫자 단위의 정보를 얻기 위해 형식으로 메서드 사용해줍니다. 값이 바뀌어도 state 가 바뀌는 것이 아니

Slider 를 구현할 때 유저 window 의 정보를 받아와야한다 (Framer Motion) , 메서드 사용 횡 애니메이션의 등장, 퇴장 애니메이션 구현을 위해 Prop of Components Exit 애니메이션이 끝난 후에 이벤트 함수를 실행합니다. Sta

transform-origin (Framer Motion)애니메이션의 방향을 정해줍니다.코드조각부모 컴포넌트가 variants 를 가지고 있는 경우whileHover 와 같은 이벤트 애니메이션이 자식 컴포넌트에 자동으로 상속이 됩니다.코드조각

피터 모빌(Peter Morville)의 벌집 모형 유용성(Useful) : 사용 가능한가? 사용성(Usable) : 사용하기 쉬운가? 매력성(Desirable) : 매력적인가? 신뢰성(Credible) : 신뢰할 수 있는가? 접근성(Acc

Map 객체 키값으로 다양한 자료형을 쓸 수 있는 객체 set(), get(), delete(), keys(), values(), entries(), clear() 등 다양한 메서드 사용하여 간편함 Array.prototype.flatMap() 메서드

자주 사용하는 템플릿 폴더를 만들어놓고 복사해서 사용 그 전에 왜 이 생각을 못하고 매번 초기설정을 하고 시작했었을까요... z-index (CSS) Figma 의 Layer 개념으로 사용되는 CSS 프로퍼티입니다. > (CSS) 친자식만 선택하는

Object.assign()출처 객체들의 모든 열거 가능한 자체 속성을 복사해 대상 객체에 붙여넣습니다. (Mutable)그 후 대상 객체를 반환합니다.입력 : 1) target: object 2) ...sources: ...object\[]

String.prototype.repeat()개요문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환합니다.구문str.repeat(count);매개변수count : 문자열을 반복할 횟수, 0과 양의 무한대 사이의 정수반환값현재 문자열을 주어진 횟수만큼 반복해 붙인

Array.prototype.findIndex()조건에 부합하는 인덱스를 반환해주는 배열 메서드

트리 순회전위 순회 : 루트 -> 왼쪽 -> 오른쪽 순서, 트리 복사할 때 사용 (부모 노드 먼저 생성되어야 하는 트리)중위 순회 : 왼쪽 -> 루트 -> 오른쪽 순서, 이진 탐색 트리의 오름차순으로 값을 가져올때 사용후위 순회 : 왼쪽 -> 오른쪽 -> 루트 순서,

window.confirm()JS 기본 내장 메서드매개변수로 1)문자열을 갖습니다.매개변수로 전달된 문자열을 모달창에 두 개의 버튼과 함께 띄워줍니다.모달창에서 유저가 클릭한 버튼에 따라 Boolean 값을 반환합니다.사용 예시

트리 구조 특징 탐색하는 속도가 빠르지만, 변경 및 업데이트 속도는 비교적 느립니다.

그래픽가비지 컬렉션개요저수준 언어인 C 언어에서는 malloc(), free() 등으로 개발자가 메모리 직접 관리고수준 언어는 자동으로 메모리를 할당하고 해제하는 가비지 컬렉션 이 내장되어 있습니다.메모리 생존 주기대표적인 가비지 컬렉션 방법레퍼런스 카운팅참조 횟수 계

객체들을 합쳐서 새로운 객체를 반환해주는 메서드입니다.ES5 까지 객체를 합칠 때 주로 사용되었습니다.예시Spread Syntex 를 활용하여 더 직관적으로 작성할 수 있습니다.

Rest API 사용할때 활용하는 라이브러리Hooks 를 통해 Fetch 데이터 접근 도움Loading State, Cache, Infinity Scroll 도 도와줍니다.데이터가 한번 fetch 되면 다시 fetch 하지 않겠다는 걸 의미합니다.onMountBlur

삼항연산자를 A ? A : B 와 같이 사용하는 것을 A ?? B 로 작성할 수 있습니다.삼항연산자를 위와 같이 A 를 두 번 반복하여 적는 경우가 많았는데 ?? 연산자로 보다 직관적이면서 짧게 작성할 수 있습니다.|| 연산자 : 첫 번째 truthy 값을 반환합니다.

React-Native 의 API 입니다.앱 내에서 앱 링크 수신 및 발신 상호작용 인터페이스를 제공합니다.사용중인 앱에서 다른 앱으로 전환됩니다.참조: React Native, 노마드코더Expo 의 API 입니다.앱 내에서 시스템의 웹 브라우저에 대한 엑세스를 및 리

파이널 프로젝트에서 만든 대시보드에서 프로필을 수정하는 기능에 닉네임 중복 기능을 추가해야 했습니다.다만 기본적으로 대시보드에서의 프로필 수정이기 때문에 '닉네임 중복확인' 과 같은 버튼을 만들고 싶지 않았습니다.그래서 해당 Input 태그에서 빠져나갈때 바로 '닉네임

Flutter 개발 중에 파란줄이 계속 하단에 그어지는 현상이 있다.이는 컴파일 전과 후 동일한 값을 반환하는 클래스나 변수 등에 const 키워드를 사용하여 성능을 올리라고 하는 안내였었다.const 키워드를 사용하는 것이 좋은데 매번 입력하는 것이 번거로울 수 있으

Build ContextIt's type of build function of Widget.It handles to the location of a widget in the widget tree.We can use theme because of Build Context

1. Expanded _개념 플러터의 위젯 해당 위젯으로 다른 위젯을 감싸면 감싸진 자식 위젯이 가로 or 세로 기준의 처음에서 끝까지 확장됩니다. _예시

Timer 클래스의 객체인 timer 의 cancle() 메소드를 사용하면 작동중인 타이머를 일시정지 할 수 있다.