working_helen

프로그래머스 MySQL Lv3ANIMAL_INS 테이블 ANIMAL_OUTS 테이블 : ANIMAL_ID, ANIMAL_TYPE, DATETIME, NAME, SEX_UPON_OUTCOME는 각각 동물의 아이디, 생물 종, 입양일, 이름, 성별 및 중성화 여부를 나타냄. ANIMAL_OUTS 테이블의 ANIMAL_ID는 ANIMAL_INS의 ANIMAL_ID의 외래 키 풀이 1 - NOT IN 연산자 사용 SELECT NAME, DATETIMEFROM ANIMAL_INSWHERE ANIMAL_ID NOT IN (SELECT ANIMAL_ID FROM ANIMAL_OUTS)ORDER BY 2LIMIT 3 풀이 2 - OUTER JOIN 사용 SELECT A.NAME, A.DATETIMEFROM ANIMAL..

프로그래머스 MySQL Lv2 PRODUCT 테이블 가격대 별 상품 개수 구하기 : 만원 단위의 가격대 별로 상품 개수를 출력하는 SQL 문을 작성해주세요. 가격대 정보는 각 구간의 최소금액(10,000원 이상 ~ 20,000 미만인 구간인 경우 10,000)으로 표시해주세요. 결과는 가격대를 기준으로 오름차순 정렬해주세요.  풀이- Oracle TRUNC(숫자, 위치 n) / MySQL TRUNCATE(숫자, 위치 n)  : 버림 연산, n이 양수면 소수점 n번째 자리까지 유지, n이 음수면 정수 n번째에서 버림- Oracle과 MySQL 모두 실행 순서는 GROUP BY → SELECT지만  GROUP BY 1에서의 1은 SELECT절의 컬럼 위치를 참조하는 문법적 표현으로 사용 가능  (GROUP ..

프로그래머스 MySQL Lv1 ANIMAL_INS  테이블 아픈 동물 찾기 : 동물 보호소에 들어온 동물 중 아픈 동물1의 아이디와 이름을 조회하는 SQL 문을 작성해주세요. 이때 결과는 아이디 순으로 조회해주세요. 풀이- ORDER BY에서 숫자를 사용해 정렬에 사용할 칼럼이 무엇인지 지정 가능 SELECT ANIMAL_ID, NAMEFROM ANIMAL_INSWHERE INTAKE_CONDITION = 'Sick'ORDER BY ANIMAL_IDSELECT ANIMAL_ID, NAMEFROM ANIMAL_INSWHERE INTAKE_CONDITION = 'Sick'ORDER BY 1  역순 정렬하기: 동물 보호소에 들어온 모든 동물의 이름과 보호 시작일을 조회하는 SQL문을 작성해주세요. 이때 결과는..

프로그래머스 MySQL Lv1 FOOD_FACTORY 테이블: FACTORY_ID, FACTORY_NAME, ADDRESS, TLNO는 각각 공장 ID, 공장 이름, 주소, 전화번호를 의미합니다. 강원도에 위치한 생산공장 목록 출력하기문제 : FOOD_FACTORY 테이블에서 강원도에 위치한 식품공장의 공장 ID, 공장 이름, 주소를 조회하는 SQL문을 작성해주세요. 이때 결과는 공장 ID를 기준으로 오름차순 정렬해주세요.  풀이 1 SELECT FACTORY_ID, FACTORY_NAME, ADDRESSFROM FOOD_FACTORYWHERE ADDRESS LIKE '강원도%'ORDER BY FACTORY_ID - LIKE : 부분적으로 일치하는 문자열을 찾을 때_ :  모든 글자, 한 글자 % : 모..

강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 5. React 기본 - 간단한 일기장 프로젝트 API로부터 데이터를 받아오고, 해당 데이터를 입력으로 사용하는 과정 구현하기 1. API에서 데이터 로드 2. API 데이터로 일기장 구성하기 1. API에서 데이터 로드 const getData = async()=>{ const res = await fetch("API 주소").then((res)=>res.json()); } useEffect(()=>{ getData();}, []) - asyc, wait, fetch 함수 → json 형태로 저장 - useEffect 빈배열 [] 이용 → 리액트가 Mount될 때 API 호출 실행 2. API 데이터로 일기장 구성하기 - {JSON} ..

강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 5. React 기본 - 간단한 일기장 프로젝트 useEffect를 이용해 컴포넌트의 Lifecycle에 따른 함수 실행 구현하기 1. React 컴포넌트의 Lifecycle 2. useEffect를 이용한 예외 처리 3. useEffect를 이용한 컴포넌트 조작 1. React 컴포넌트의 Lifecycle 1) Lifecycle 3가지 탄생 Mount : 컴포넌트가 화면에 나타나는 것 변화 Update/Re-rend : 컴포넌트가 변화하는 것 죽음 UnMount : 컴포넌트가 화변에서 사라짐 2) useEffect - React Hooks : Class형 컴포넌트가 가지고 있는 기능 중 함수형 컴포넌트에서 사용할 수 있는 기능 - Cl..

강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 5. React 기본 - 간단한 일기장 프로젝트 리액트 흐름에 따라 일기장 데이터 추가, 삭제, 수정 구현하기 1. Event & Data 흐름 2. 데이터 추가 : onCreate() 3. 데이터 삭제 : onDelete() 4. 데이터 수정 : isEdit, localContent, handleQuitEdit, handleEdit, onEdit 1. Event & Data 흐름 역방향 이벤트 흐름 : Event는 아래에서 위로 단방향 데이터 흐름 : Data는 위에서 아래로 - 공통 부모 App.js에서 [State 변수, State 변경 함수] 생성 - DiaryEditor는 App에서 props로 전달한 setData 함수 호출 ..

강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 5. React 기본 - 간단한 일기장 프로젝트 일기장 입력 + 저장 기본 구조 구축하기 1. 일기장 입력 컴포넌트 : DiaryEditor.js 2. 일기장 목록 컴포넌트 : DiaryList.js 3. 일기장 목록 아이템 컴포넌트 : DiaryItem.js 4. 전체 애플리케이션 컴포넌트 : App.js 일기장 컴포넌트 구조 1. 일기장 입력 컴포넌트 : DiaryEditor.js 1) [state, setState] - State 변수 생성 - 사용자 입력을 받아 값이 변화할 변수들 State 객체 생성 - state = { author, content, emotion'} 2) handleChangeState - State 변수 변..

강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 4. React.js 기초 1. State 2. Props 3. 리액트 렌더링(rendering) 4. 실습 예제 1. State - 컴포넌트 내부에서 관리하는 동적 데이터 - 컴포넌트 내부에서 함수를 이용해 값을 변화시킬 수 있는 데이터 import React, {useState} from "react"; const [State의 값 변수, State를 변화시키는 함수] = useState(State 초기값); useState() : 배열을 반환, 배열의 비구조화 할당 count : State 값을 나타내는 변수 setCount : count를 변화시키는 함수 State 값 변수와 State 변화 함수 이름은 유일 (이름 중복 불가) ..

강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 3. Node.js 기초 / 섹션 4. React.js 기초 1. Node.js 2. React.js 3. CommonJS vs ES Modules 1. Node.js 1) Node.js의 개념 (Node.js는 공식 홈페이지) Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. ※ 런타임 = 특정 언어로 만든 프로그램들을 실행할 수 있는 환경 - Node.js는 JavaScript 실행 환경 - 기존의 JS는 웹 브라우저를 실행한 상태에서만 사용 가능 - Node.js는 JS를 웹 브라우저 외의 서버 환경에서도 사용할 수 있게 도와주는 역할 2) Node.js의 특징 Node.js =..