본문 바로가기

TIL89

REST API(Representational State Transfer) REST API(Representational State Transfer) 🐥 REST(Representational State Transfer)의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미합니다. 즉 REST란 HTTP URI를 통해 자원을 명시하고, HTTP METHOD( POST / GET / PUT / DELETE )를 통해 해당 자원에 대한 CRUD Operation을 적용하는 것을 의미합니다. CRUD Operation이란 CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말로 REST에서의 CRUD Operation 동작 예시는 다음과 같.. 2022. 7. 21.
자바스크립트 Array 고차함수 정리 2(sort / some/ every /find /findIndex) 👩🏻‍🏫 1. Array.prototype.sort() 배열의 요소를 적절하게 정렬한다. 원본 배열을 직접 변경하며 정렬된 배열을 반환한다. 기본 정렬 순서는 문자열 Unicode 코드 포인트 순서에 따른다. 배열의 요소가 숫자 타입이라 할지라도 배열의 요소를 일시적으로 문자열로 변환한 후, 정렬한다. //문자열 const fruits = ['Banana', 'Orange', 'Apple']; // ascending(오름차순) fruits.sort(); console.log(fruits); // [ 'Apple', 'Banana', 'Orange' ] // descending(내림차순) fruits.reverse(); console.log(fruits); // [ 'Orange', 'Banana', 'A.. 2022. 7. 6.
자바스크립트 Array 고차함수 정리 1 (forEach / map/ filter /concat /reduce) 🐢 고차 함수란 함수를 매개변수로 사용하거나 함수를 반환하는 함수입니다. 👩🏻‍🏫 1. Array.prototype.forEach() forEach() 메서드는 for문을 대체하는 고차 함수입니다. 반복문을 추상화하여 구현된 메서드이고 내부에서 주어진 배열을 순회하면서 연산을 수행합니다. for문과는 다르게 break, continue를 사용할 수 없어서 배열의 모든 요소를 중단없이 순회한다는 특징을 갖고 있습니다. for문 보다는 성능이 좋지는 않지만 가독성이 더 좋고 함수형 프로그래밍에 부합하기 때문에 꼭 필요한 경우가 아니라면 for문을 대신하여 사용할 것이 권장됩니다. const numberArr = [1, 2, 3, 4, 5]; let total = 0; numberArr.forEach((ite.. 2022. 7. 5.
22.06.28 TIL NEXT.js + typescript: 초기세팅 (오늘의집 클론코딩 초기세팅) next js 의 장점 검색앤진최적화(Search engine Optimization, SEO) 빠른 첫페이지 로딩 & 새로고침시 화면 번쩍임 X pages폴더는 라우터 next로 앱 설치 yarn create next-app --typescript or npx create-next-app --typescript create-react-app은 뒤에 파일명을 붙여줘야 되지만, next로 만들게 되면 이건 따로 안해줘도 된다 ㅎㅎ 앱을 만들면서 이름 뭐로 할건지 물어보기 때문 !! 이렇게 파일들이 생겼다 ! 와우 신기 ! yarn add next react react-dom yarn dev yarn start가 아닌 yarn dev로 localhost:3000을 실행시킬 수 있당.. 이제 타입스크립트 관련.. 2022. 6. 28.
22.06.27 TIL Call Stack Javascript는 단일 스레드 단일 동시(싱글스레드) 언어입니다. 이 말은 결국 한번에 하나의 싱글 콜 스택만을 가지고 있다는 말입니다. 즉, 한 번에 하나의 작업 또는 한 번에 코드 조각을 처리할 수 있습니다. 힙, 큐와 같은 다른 부분과 함께 Javascript 동시성 모델을 구성 하는 단일 호출 스택 이 있습니다(V8 내부에서 구현됨). 1. 콜스택 기본적으로 우리가 있는 프로그램에서 함수 호출을 기록하는 데이터 구조입니다. 실행할 함수를 호출하면, 스택에 무언가를 push하고 함수에서 돌아올 때 스택의 맨 위에서 pop합니다. 스택은 쌓아 올리는 것입니다. 자바스크립트 함수를 그 스택 위에 올리고, 함수를 다 실행하면 제거합니다. 스택을 다 처리하면 ? 실행시킬 것이 없어집니다. 리스트가 존재.. 2022. 6. 27.
2022.06.23 TIL 리액트 18버전 리액트 18버전에서 추가된 사항은 자동 배치, 동시성 제어 기능, 서스펜스를 지원하는 새로운 서버 사이드 렌더링 아키텍처입니다. 1️⃣ 자동배치 (Automatic Batching) 배치란, 리액트가 더 나은 성능을 위해 여러 개의 상태 업데이트를 한 번의 리렌더링(re-render)으로 묶는 작업을 뜻합니다. // ~React 17 ReactDOM.render(, container); // React 18 const root = ReactDOM.createRoot(container); root.render(); 이 변경은 단순하게 인터페이스만 바뀌는 것이 아닙니다. 기존의 render 함수는, 컴포넌트 트리를 React 17과 그 이전의 동작과 동일한 방식으로 동작합니다. 새로운 createRoot 함.. 2022. 6. 23.

티스토리툴바