목록JavaScript (57)

개발 노트

nullish 병합 연산자 '??'

nullish 병합 연산자(nullish coalescing operator) ??를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 ‘확정되어있는’ 변수를 찾을 수 있습니다. a ?? b의 평가 결과는 다음과 같습니다. a가 null도 아니고 undefined도 아니면 a 그 외의 경우는 b nullish 병합 연산자 ??없이 x = a ?? b와 동일한 동작을 하는 코드를 작성하면 다음과 같습니다. x = (a !== null && a !== undefined) ? a : b;
JavaScript 2022. 12. 7. 21:05
Js - trim()

trim() 메서드는 문자열 양 끝의 공백을 제거하고 원본 문자열을 수정하지 않고 새로운 문자열을 반환합니다. 여기서 말하는 공백이란 모든 공백문자(space, tab, NBSP 등)와 모든 개행문자(LF, CR 등)를 의미합니다. 한쪽 끝의 공백만 제거한 새로운 문자열을 반환하려면 trimStart() 또는trimEnd() 를 사용하세요.
JavaScript 2022. 11. 30. 16:40
Javascript Library - Zustand

상태관리 라이브러리는 참 많이있다. Redux가 상태관리 라이브러리의 시초격(Flux 패턴)이라 할 수 있다. 그렇기 때문에 인기가 많지만 오늘 날 Redux를 기피하는 이유도 있다. 그것은 바로 보일러 플레이트 코드 때문이다. Redx Toolkit이 이러한 점 등을 극복하고 있고 계속해서 업데이트를 하고는 있지만 여전히 보일러 플레이트가 존재한다. ** 보일러 플레이트 = 반복해서 사용하는 텍스트를 의미 = 변화없이 여러군대에서 반복되는 코드, 최소한의 변경으로 재사용 할 수 있는 코드 또한 보일러 플레이트 코드라고한다. Flux 패턴 = 단방향의 흐름으로 애플리케이션을 만드는 아키텍처 ** 그렇기에 최소한의 코드로 상태를 관리하는 방법을 구현해넨 라이브러리가 zustand이다. zustand의 장점..
JavaScript 2022. 11. 15. 14:03
JavaScript Library - Redux

리덕스란? JavaScript를 관리해주는 상태관리 라이브러리이고 본질은 Node.js 모듈이다. 상태관리? State를 컴포넌트 안에서 관리하는 것. 왜 관리해야 하는가? 자식 컴포넌트들 간의 직접 전달은 불가능하다. 그래서 부모 컴포넌트를 통해서 주고 받아야 하는데 자식이 많아진다면 상태 관리가 매우 복잡해진다. └state를 맨 아래 계층의 컴포넌트에서 사용하고자 할때 모든 계층을 지나며 props를 불필요하게 전달하게 된다 (버킷 릴레이 방식) => prop drilling(프로퍼티 내려꽂기)문제를 야기한다. = 전달 과정이 10개 이상 많은 과정을 거치게 된다면? 해당 prop을 추적하기 힘들어지기에 유지 보수가 더욱 어려워진다. 그렇기에 전역 상태 관리(global state managemen..
JavaScript 2022. 11. 15. 13:01
Javascript - LocalStorage

01. LocalStorage 기본 API // 키에 데이터 쓰기 localStorage.setItem("key", value); // 키로 부터 데이터 읽기 localStorage.getItem("key"); // 키의 데이터 삭제 localStorage.removeItem("key"); // 모든 키의 데이터 삭제 localStorage.clear(); // 저장된 키/값 쌍의 개수 localStorage.length; 엄밀하게는 window.localStorage를 사용해야하지만 줄여서 사용할 수 있다. 02. with Json localStorage는 기본적으로 문자열 데이터 밖에 저장할 수 없다. 이러한 웹 스토리지의 성질 때문에 객체형 데이터를 저장할 때 다음과 같이 큰 낭패를 보게 될 수도 ..
JavaScript 2022. 11. 11. 14:48
자바스크립트 fetch,callback,promise,async 게시글

https://www.daleseo.com/js-window-fetch/ [자바스크립트] fetch() 함수로 원격 API 호출하기 Engineering Blog by Dale Seo www.daleseo.com https://www.daleseo.com/js-async-callback/ [자바스크립트] 비동기 처리 1부 - Callback Engineering Blog by Dale Seo www.daleseo.com https://www.daleseo.com/js-async-promise/ [자바스크립트] 비동기 처리 2부 - Promise Engineering Blog by Dale Seo www.daleseo.com https://www.daleseo.com/js-async-async-await/..
JavaScript 2022. 1. 10. 16:18
이전 Prev 1 ··· 5 6 7 8 9 10 Next 다음