당신의 이야기에 주목할께요

개요. React란 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리이다. React는 컴포넌트 기반 아키텍처를 채택하고 있다. 컴포넌트는 재사용이 가능 UI의 독립적인 단위로, 각 컴포넌트는 고유한 상태와 렌더링 로직을 가진다. 쉽게 말해 각 컴포넌트는 state 통해 UI의 상태를 관리하고, JSX를 통해 화면에 표시할 내용을 정의한다. (JSX는 자바스크립트 내에 HTML과 유사한 문법을 사용할 수 있게 합니다.) 특징.Q. Virtual Dom이란?Virtual DOM 을 생성하여 상태 변경이 되었을 때, 변경된 부분만 변경 Q. React의 내부 작동원리를 Reconciliation(재조정)으로 설명하면?    1. Virtual DOM이 초기 렌더링 된다.   2. 상태 변경이 일어난다..

올리브영에서 구입한 상품에 대해 문의를 할 상황이 있었다. 이벤트 상품을 복수개 구하였는데, 문의를 하려고 하니 아래와 같이 헷갈렸다. 한 번의 주문안에 여러개의 복수 아이템이 있는 방식이다. 한 번의 주문에 하나의 아이템이라면 괜찮겠지만, 한 번의 주문에 복수개의 아이템을 주문했는데 선택을 하는 곳에서는 하나의 주문만 선택하는 것 처럼 보여 불편했다. 옆에 토글 버튼을 누르면 되지만 쉽게 찾기가 어려웠다.   아래와 같이 주문 건에 대해 어떤 상품이 있는지 미리 펼쳐져서 볼 수 있었다면 더 좋았을 것 같다.

-- 코드를 입력하세요SELECT MCDP_CD AS "진료과코드", COUNT(MCDP_CD) AS "5월예약건수"FROM APPOINTMENTWHERE DATE_FORMAT(APNT_YMD, '%Y-%m') = '2022-05'GROUP BY MCDP_CDORDER BY COUNT(MCDP_CD), MCDP_CD ■ 사용 문법 GROUP BY ■ 사용 방법 1. 2022-05에 있는 예약으로 필터를 걸어준다. 2. 예약을 진료 코드별로 GROUP BY를 해준다. ■ 코드

■ 사용 문법 GROUP BY ■ 사용 방법 1. start_date가 2016-10-16보다 작거나 같고(AND) end_date이 2016-10-16보다 같거나 큰 것을 필터링 해준다. 2. CAR_ID로 GROUP BY 한다. 3. 위 쿼리를 서브쿼리로 하여 SELECT 문에 넣어준다. 이 때 CASE 문을 사용하여 위 쿼리에 해당하는 것들은 '대여중' 그 이외의 것들은 '대여 가능'으로 하여 AVAILABLITY 칼럼을 만든다. 4. CAR_ID로 GROUP BY 한다.  ■ 코드 -- 코드를 입력하세요SELECT CAR_ID,( CASE WHEN CAR_ID IN (SELECT CAR_IDFROM CAR_RENTAL_COMPANY_RENTAL_HISTORYWHERE START_DATE = DAT..

1. TESTDOME에 있는 문제 기반으로 이론을 보충한다.운좋게 많이 맞추긴 했지만 헷갈리는 것을 정리해보려고 한다.  ■ CS 이론  1. HTTP Cookie 관련    - 웹 서버가 사용자의 브라우저에 정보를 저장할 수 있게 해주는 데이터 조각이다.    - 사용자가 웹 사이트에 방문할 때, 쿠키가 브라우저를 통해 서버에 저장될 수 있으며, 주로 사용자의 세션 관리, 개인 설정의 저장, 사용자의 행동의 추적 등에 사용된다.    - 쿠키는 장기적인 저장 매채로 사용하기에는 적절하지 않다. 그 이유는 저장 공간이 제한되어 있고, 만료 날짜가 설정되어 있다. 또한 보안 취약성이 있어 크로스 사이트 스크립트(XSS)의 공격 위험이 있다. 그리고 사용자에 의해 언제든지 쿠키가 삭제 되어 질 수 있다.  ..

■ 사용 문법 JOIN, GROUP BY, SUM ■ 사용 방법1. BOOK_ID를 기준으로 BOOK_SALES 과 BOOK을 Join 해준다.2. 2022년 1월로 필터로 걸러준다. 3. CATERGORY를 GROUP BY로 나누고, SALES를 SUM 해준다.  ■ 코드-- 코드를 입력하세요SELECT B.CATEGORY, SUM(SALES)FROM BOOK_SALES as AJOIN BOOK as BON A.BOOK_ID = B.BOOK_IDWHERE A.SALES_DATE BETWEEN DATE('2022-01-01') AND DATE('2022-01-31')GROUP BY B.CATEGORYORDER BY B.CATEGORY

■ 사용 문법 MAX, GROUP BY, JOIN ■ 사용 방법1. GROUP BY를 이용해 FOOD_TYPE 별 최대 FAVOTRITE 수를 구한다. 이 때, MAX를 사용하는데, 나머지 REST_ID와, REST_NAME의 값을 제대로 가져올 수 없다.2. 최대값과 FOOD_TYPE으로 REST_INFO와 조인해준다.  ■ 코드SELECT A.FOOD_TYPE, A.REST_ID, A.REST_NAME, A.FAVORITESFROM REST_INFO AS AJOIN ( SELECT FOOD_TYPE, MAX(FAVORITES) AS FAVORITES FROM REST_INFO GROUP BY FOOD_TYPE ) AS BON A.FAVORITES = B.FAVORITES AND ..

■ 사용 문법 GROUP BY, HAVING ■ 사용 방법1. 2022년 8월부터 2022년 10월까지 총 대여 횟수가 5회 이상인 자동차 ID 추출2. 추출한 자동차 ID로 2022년 8월부터 2022년 10월까지 월별 대여 횟수 계산 ■ 코드SELECT MONTH(START_DATE) AS MONTH, CAR_ID, COUNT(CAR_ID) AS RECORDSFROM CAR_RENTAL_COMPANY_RENTAL_HISTORY AS AWHERE START_DATE >= DATE('2022-08-01') AND START_DATE = DATE('2022-08-01') AND START_DATE = 5 ORDER BY CAR_ID)GROUP BY CAR_ID, MONTH(START_DATE)ORD..

■ 사용 문법 GROUP BY, JOIN ■ 사용 방법두 테이블을 조인한 다음 조건에 맞는 값을 구해주면 된다.  ■ 코드-- 코드를 입력하세요SELECT USER_ID, NICKNAME, SUM(PRICE) AS TOTAL_SALESFROM USED_GOODS_BOARD JOIN USED_GOODS_USER ON WRITER_ID = USER_IDWHERE STATUS = 'DONE'GROUP BY WRITER_IDHAVING SUM(PRICE) >= 700000ORDER BY TOTAL_SALES

■ 사용 문법 WITH RECURSIVE ■ 사용 방법WITH RECURSIVE를 이용해 세대 별로 분류해준다. 이후 PARENT_ID에 없는 ID를 분류해주고, GROUP BY로 세대 별로 나누어 줘서 갯수를 구하면 된다.  ■ 코드-- 코드를 작성해주세요WITH RECURSIVE GEN_DATA AS ( SELECT ID, PARENT_ID, 1 AS GEN FROM ECOLI_DATA WHERE PARENT_ID IS NULL UNION ALL SELECT A.ID, A.PARENT_ID, (GEN + 1) AS GEN FROM ECOLI_DATA AS A INNER JOIN GEN_DATA g ON A.PAREN..