모스카토

1. Axios란 ? Axios API : 웹 브라우저와 Node.js를 위한 HTTP 비동기 통신 라이브러리. Promise 객체를 기반으로 만들어짐. Ajax 처럼 API를 이용한 비동기 통신을 할 때 주로 사용한다. Ajax ( 비동기 자바스크립트 ) : 브라우저의 XMLHttpRequest객체를 이용하여 화면 전체를 새로고침하지 않고 일부 변경된 데이터만 로드하는 비동기 처리. React에서 OpenAPI를 이용할 때 Axios를 주로 사용한다. Fetch와 Axios의 차이점 Fetch API : HTTP 요청을 처리하기 위한 라이브러리. ① Fetch는 내장함수이고 Axios는 설치해야한다.② Axios의 브라우저 호환성이 더 좋다.③ Axios는 JSON 자동 변환, 응답 시간 초과 설정 기..

1. Join 1.Join : 두개 이상의 테이블을 연결, 결합하여 데이터를 출력하는 것. EQUI join 등가 교집합 : 두 테이블 간에 서로 정확하게 일치하는 경우 조인하는 것. 등가 연산자 ' = ' 을 사용. 대부분 기본키 - 외래키 관계를 기반으로 발생. Non EQUI join 비등가 교집합 : 두 테이블 간에 서로 정확하게 일치하지 않는 경우를 활용하는 조인. 등가연산자 외에 > >= < Join의 기본값, inner를 생략하고 join 만 사용한다. JOIN 조건에서 동일한 값이 있는 행만 반환한다. on 조건절에 사용할 컬럼명은 같지 않아도 된다. select employee_id, name, position_name from EMPLOYEE e join POSITION_T t on e..

1. Async / Await async와 await 는 Promise를 더 깔끔한 코드로 활용하는 방법이다. 비동기 코드인 Promise를 동기적인 코드처럼 작성할 수 있게 해준다. => then과 catch를 사용할 때는 Promise의 리턴값을 then에서 받아 써야 했는데, await를 사용하면 리턴값을 변수에 넣을 수 있게된다. async function test(){ return 'Hello'; } async function asyncFunc(){ let data = await test(); } 문법, 규칙 ① await 키워드는 async 함수 안에서만 사용할 수 있다. ② async 함수는 Promise 를 리턴한다. ③ async 함수를 만드는 방법 : 함수 앞에 async 를 붙인다. ..

1. 자바스크립트 제어 흐름 1. 동기 vs 비동기. 자바스크립트에는 두가지 제어 흐름이 있다. 동기적 제어흐름 은 현재 실행 중인 코드가 종료되기 전까지 다음 줄의 코드를 실행하지 않는 것이다. 비동기적 제어흐름 은 현재 실행 중인 코드가 있어도 병렬적으로 다른 코드를 실행하는 것이다. 비동기 작업을 기다리는 동안 메인 스레드는 다른 작업을 처리한다. 자바스크립트 엔진은 하나의 메인 스레드가 코드를 한줄씩 읽어 실행하고, 유저 이벤트를 처리하고 화면을 그리는 싱글 스레드 환경이다. 자바스크립트에서 메인 스레드를 긴 시간 점유하면 프로그램이 멈추게 할 수 있다. 따라서 자바스크립트는 동기, 비동기 차이를 알고 실행이 오래걸리는 함수는 비동기적으로 작성해야 한다. 자바스크립트에서 비동기 함수를 작성하면, ..

1. sql 시작하기 sql = structured query language db 조작, 접근 표준언어 -> 관계형 db에서 사용. 관계형 db : 하나 이상의 테이블과 서로 연결된 data를 가짐. 컬럼 : 첫번째 행의 요소들. 각 열의 값 레코드 : 주제의 내용, 값, 각 행. 모든 테이블은 고유의 이름으로 구분한다. desc 테이블명. : 테이블 구조 보는 코드. 1. 테이블에서 데이터 가져오기. * SELECT : 검색, 필터 SELECT 컬럼 FROM 테이블; * DISTINCT : 컬럼의 중복제거 distinct 뒤에 한 컬럼만 쓰면 값이 중복되는 것만 제거, 두 컬럼을 쓰면 두 컬럼의 값이 모두 같은 것만 제거. SELECT DISTINCT title, author FROM book; * ..