반응형 전체 글47 React - 2일차 정리 리액트는 라이브러리! 라이브러리개발자가 쉽게 개발할수 있도록 미리 만들어진 코드 묶음임필요한 기능만 가져다 쓰면 됨개발자가 라이브러리를 호출하여 사용하는 방식 ( React, Lodash, Axios ) 프레임워크애플리케이션 개발에 필요한 뼈대와 틀을 제공개발자는 프레임워크가 제공하는 규칙과 구조에 따라 코드를 작성프레임워크가 개발자의 코드를 호출하며 동작을 제어 ( Next.js, Vue.js, Spring ) 라이브러리랑 프레임워크의 차이점은?? 라이브러리: 필요한 기능만 선택해서 사용할 수 있어 자유롭습니다.프레임워크: 특정 구조와 규칙에 따라야 하므로 유연성이 적음JSX 문법 JSX(JavaScript XML)에서 return 문법 안에 있는 태그는 HTML 태그가 아니라 React 요소를 나.. 2024. 12. 20. JS - 비동기 블로킹 이란?하나의 작업이 끝날때까지 이어지는 작업을 "막는것"javascript 의 비동기적 실행이 효율적일때백그라운드 실행, 로딩 창 등의 작업인터넷에서 서버로 요청을 보내고, 응답을 기다리는 작업큰 용향의 파일을 로딩하는 작업동기란??동기 처리란 특정 코드의 실행이 완료 될때까지 기다리고 난 후에 다음 코드를 수행하는 것을 의미함.비동기란?특정 코드의 실행이 완료 될때까지 기다리지 않고 다음 코드들을 수행하는 것을 의미함.JAVASCRIPT 의 작동 원리자바스크립트는 싱글 스레드 기반으로 동작하는 언어임.따라서 동기적으로 작동하게 됨 하지만 작동하는 환경( 런타임 )에서 비동기 처리를 도와주기 때문에 특별한 작업 없이 비동기 처리를 할수 있음비동기 JAVASCRIPT타이머 관련 APIsetTimeo.. 2024. 12. 18. 자바스크립트 고차함수 문제풀이 taketake 는 배열의 처음 n 개의 element를 담은 새로운 배열 리턴_.take = function (arr, n) { if (n === undefined || n dropdrop 은 take와는 반대로, 처음 n개의 element를 제외한 새로운 배열을 리턴_.drop = function (arr, n) { if (n === undefined || n = arr.length){ return []; } return _.slice(arr, n, arr.length);};lastlast 는 배열의 마지막 n개의 element를 담은 새로운 배열을 리턴_.last = function (arr, n) { if (n === undefined || n = arr.length) { .. 2024. 12. 18. SQL 최적화 원리 옵티마이저와 실행 계획%%옵티마이저란?가장 효율적인 방법으로 SQL을 수행할 최적의 처리 경로를 생성해주는 DBMS의 핵심 엔진%%DBMS 옵티마이저규칙기반 옵티마이저 (RBO)특정 규칙세트에 따라 쿼리를 최적화함주로 인덱스 사용함단 데이터의 실질적인 내용을 고려 하지 않음비용기반 옵티마이저 (CBO)비용을 계싼하여 최적의 쿼리 실행 전략 선택함옵티마이저의 동작 방식Parser - 파싱 트리를 생성 (이진트리)Query TransformerEstimatorPlan GeneratorRow-Source DeneratorSQL Engine공통점과 차이점공통점두개 모두 SQL 쿼리의 싱행 전략을 선택하는 역할두개 모두 성능을 최적화 하기 위함차이점규칙은 규칙세트를 사용하여 쿼리를 최적화함 즉 데이터 베이스의 상.. 2024. 12. 18. 이전 1 2 3 4 ··· 12 다음 반응형