개발 공부하는 빙빙

정적 타입을 명시할 수 있다는 것이 순수 자바스크립트와의 가장 큰 차이점이다. 타입스크립트는 변수나 함수의 목적을 더욱 명확하게 나타낼 수 있어서 어마어마한 생산성을 꾀할 수 있다. 자바스크립트는 타입이 다른 것들의 연산을 해버리고 타입 스크립트는 연산을 작동못하게 하거나 에러처리해준다. ex) '3'*2일 때 자바스크립트는 6을 계산함, 타입스크립트는 막거나 에러처리 -> 자바 스크립트를 실제로 사용하기 전에 있을만한 타입 에러들을 미리 잡는 것이 타입스크립트의 사용 목적이다.

React :UI 라이브러리 Vue : 자바스크립트 프레임워크 일단 라이브러리는 참조가 쉽고 라이브러리의 일부분만 가져와서 사용하는게 편리하다. 리액트 자체만으로 전역 상태관리, 라우팅, 빌드 시스템 등을 지원하지 않습니다. Redux와 Mobx를 사용 해야합니다. 편리함 리액트는 자바스크립트 XML형태로 코드를 작성하여 UI로직과 DOM을 구현합니다. 뷰는 HTML,CSS,JS 세가지 영역을 구분으로 작성합니다. 하나의 .vue파일에 들어갑니다. 이러한 패턴 때문에 뷰가 리액트보다 더 가시적으로 편리합니다. 하지만 리액트가 현업에서 더 인기가 많은 이유는?😮 타입스크립트로 대표되는 자바스크립트의 정적 표현이 리액트를 사용할 때 편리합니다. 또한 라이브러리이기 때문에 어떤 기능을 구현할 때 정해진게 없고..

'CSS 레이아웃을 배웁시다'라는 사이트에서 공부한 내용이다. 평소에 개발을 하면서 정확히 짚고 싶었던 내용이라 흥미로웠다. div : 블록 레벨 엘리먼트. 새 줄에서 시작해 좌우로 최대한 늘어난다. span: 인라인 엘리먼트, 단락의 흐름을 방해하지 않은채로 텍스트를 감싸는 것 display:none은 엘리먼트가 마치 존재하지 않은 것 처럼 랜더링 됨 visibility:hidden은 엘리먼트가 감춰지지만 공간을 차지한다. width값을 지정하고 좌우 margin을 auto로 해놓으면 가로 중앙에 옴 position static: 기본값, 위치가 지정된 것이 아님 relative: 별도의 프로퍼티를 지정하지 않는 이상 static과 동일하게 동작 상대위치가 지정된 엘리먼트에 top이나 right,lef..

SELECT A.CART_ID FROM (SELECT CART_ID FROM CART_PRODUCTS WHERE NAME = 'Yogurt') AS A, (SELECT CART_ID FROM CART_PRODUCTS WHERE NAME = 'Milk') AS B WHERE A.CART_ID = B.CART_ID ORDER BY A.CART_ID;

SELECT * FROM PLACES WHERE HOST_ID IN ( SELECT HOST_ID FROM PLACES GROUP BY HOST_ID HAVING COUNT(*) >= 2 ) ORDER BY ID;

SELECT A.ANIMAL_ID,A.ANIMAL_TYPE,A.NAME FROM ANIMAL_INS AS A JOIN ANIMAL_OUTS AS B WHERE A.ANIMAL_ID = B.ANIMAL_ID AND A.SEX_UPON_INTAKE != B.SEX_UPON_OUTCOME ORDER BY A.ANIMAL_ID;

SELECT A.NAME,A.DATETIME FROM ANIMAL_INS A LEFT OUTER JOIN ANIMAL_OUTS B ON A.ANIMAL_ID = B.ANIMAL_ID WHERE B.ANIMAL_ID is NULL ORDER BY A.DATETIME LIMIT 3;

SELECT A.ANIMAL_ID, A.NAME FROM ANIMAL_INS AS A JOIN ANIMAL_OUTS AS B WHERE A.ANIMAL_ID = B.ANIMAL_ID AND B.DATETIME

SELECT B.ANIMAL_ID,B.NAME FROM ANIMAL_OUTS B LEFT OUTER JOIN ANIMAL_INS A ON B.ANIMAL_ID =A.ANIMAL_ID WHERE A.ANIMAL_ID IS NULL ORDER BY B.ANIMAL_ID; LEFT OUTER JOIN을 이용하여 왼쪽에 올 테이블은 입양을 보낸테이블 ANIMAL_OUTS으로 두었다. 왼쪽에 올 테이블은 FROM절에 나오고 ON절에서는 두 테이블을 붙일 기준을 정해준다. 따라서 아이디가 같은 기준으로 잡았고 왼쪽 테이블과 일치하는 데이터가 오른쪽 데이터에 존재할 때 아이디를 null로 처리해준다. WHERE절을 is null로 하였다.

SELECT A.ANIMAL_ID, A.NAME FROM ANIMAL_INS A, ANIMAL_OUTS B WHERE A.ANIMAL_ID = B.ANIMAL_ID ORDER BY B.DATETIME-A.DATETIME DESC LIMIT 2 보호소에 있는 기간을 알아야하기 때문에 입양보낸 테이블에서 보호소에 들어온 테이블의 시간을 뺴주면 된다. 그래서 where조건으로 같은 동물일 때 시간을 뺸값을 내림차순 정렬하여 2마리만 조회한다.