🔥 SQL Level 2 > [SQL] 1. SQL 기본 문법 [SQL] 2. SQL 기본 예제 1. 입양 시각 구하기(1) (GROUP BY) ✅ LEVEL2. 입양 시각 구하기(1) 문제 요약 테이블 정보 ✔ ANIMAL_OUTS: 동물 보호소에서 입양 보낸

\[SQL] 1. SQL 기본 문법\[SQL] 2. SQL 기본 예제✅ LEVEL2. 최솟값 구하기테이블 정보✔ ANIMAL_INS: 동물 보호소에 들어온 동물의 정보를 담은 테이블필드 정보✔ ANIMAL_ID: 동물의 아이디✔ ANIMAL_TYPE: 생물 종✔ DAT

🔥 SQL Level 1 > [SQL] 1. SQL 기본 문법 [SQL] 2. SQL 기본 예제 [SQL] 3. 프로그래머스 SQL Level1 (1) 1. 여러 기준으로 정렬하기 (SELECT) ✅ LEVEL1. 여러 기준으로 정렬하기 문제 요약 테이블 정보 ✔

\[SQL] 1. SQL 기본 문법\[SQL] 2. SQL 기본 예제지금까지 SQL의 기본 문법과, 예제를 보면서 배웠던 내용으로 Programmers에 있는 level1 문제를 모두 풀어보자.✍✅ LEVEL1. 모든 레코드 조회하기테이블 정보✔ ANIMAL_INS:

SQL의 기본 예제는 여기를 참고했다.👉 모든 필드(컬럼)를 조회하는 경우👉 예시✍ TABLE 테이블의 모든 필드 검색👉 여러 필드를 조회하는 경우👉 예시✍ TABLE 테이블의 A, B 필드 검색👉 중복된 데이터를 제외하고 조회👉 예시✍ TABLE 테이블의

SQL은 이미 배웠기 때문에 조금만 복습하고 바로 실전으로 들어가봐야겠다.SELECT의 형태전체 열을 보고 싶으면 \*을 사용👉 SELECT \* FROM TABLE: TABLE 테이블의 전체 열을 조회WHERE 에서 사용되는 조건은 비교 연산자 및 NOT 키워드를

공부 하면서 진행했던 React 프로젝트 GitHub Pages 배포하기 🌝 모든 프로젝트는 create-react-app으로 생성했습니다.😁 1. Github 저장소 만들기 🧐 프로젝트를 배포할 저장소를 하나 생성해야한다. 👉 여기는 앞으로 build된 프

[RP] 2. React-Bootstrap, navbar 에서 만들었던 navbar를 사용하여 쇼핑몰 메인페이지를 만들어 보자. 1. 메인 페이지 navbar를 불러온 상태에서 메인페이지를 다음과 같이 꾸며보자. mainpage 쇼핑몰 처럼? 보이기 위해 위의 코

다른 프로젝트를 시작하기 전에 아직 CSS 지식이 부족하기도 하고, 코드를 줄이기 위해 Bootstrap이라는 라이브러리를 사용하여 디자인을 해보자. 1. React-Bootstrap ⭐ React-Bootstrap을 설치하면 버튼디자인 메뉴디자인 직접할 필요없이 B

앞서 Todo-List 프로젝트를 진행하면서 리액트를 사용하는데, 익숙하지가 않아서 많이 버벅거렸다. 그래서 앞으로 간단한 개발을 통해 리액트에 대한 거부감?, 어려움을 극복하기 위해서 직접 개발 하면서 기본기를 탄탄하게 만들 것이다.❗❗ React Programmin

기존에 자주 사용하던 방식의 렌더링이다. 클라이언트가 서버에 요청을 하면서 브라우저에 표시된 html을 넘기게 되면 서버는 그 요청에 대한 결과값을 도출하여 만들어진 새로운 html을 클라이언트에 넘겨준다.👉 하지만, 매번 새로운 html을 서버에서 넘겨주다보니 반응

앞서 컴포넌트의 성능을 개선하기 위해 했던 과정들은 [Todo-List] 4. 컴포넌트 성능 개선 (1)를 참고하면 된다. 1. onToggle, onRemove 함수 바뀌지 않게 하기 1.1 useReducer 사용하기 useState의 함수형 업데이트를 사용하는

Todo-List 프로젝트는 소규모 프로젝트라서 추가되어 있는 데이터가 매우 적기 때문에 속도나 성능 측면에서 문제가 없을 수 있다. 👉 하지만, 데이터가 무수히 많아진다면? 🤦‍♂️ 바로 느려지는 것을 체감할 수 있을 것이다. 이번에는 임의적으로 랙(lag)을

앞서 생성한 컴포넌트들이 실제로 작성할 수 있도록 기능을 구현해보자. 1. App에서 todos 상태 사용하기 Todo-List 프로젝트는App 컴포넌트에서 나중에 추가할 일정 항목에 대한 모든 상태들을 관리한다. src/App.js 파일을 아래의 코드로 수정하였다.

* 프로젝트를 시작하기 전 컴포넌트 구성은 [Todo-List] 1. 프로젝트 구성을 참고하면 된다. 1. UI 구성 ✍ 컴포넌트는 src 디렉터리에 components 디렉터리를 생성하여 저장했다. Todo-List 프로젝트는 기능을 구현하기 전 UI를 먼저 구현하

지금까지 리액트를 공부하면서 기본기 부터 스타일링 까지 살펴보았는데, 계속 이론만 공부하는 것 보다 간단한 토이 프로젝트를 해보고 싶었다. 왜냐하면, 계속 일반적인 실습 보다는 실제로 하나라도 구현 하면서 놓쳤던 기본기를 잡아보고 싶었기 때문에.❗❗ 그래서 리액트를

1. CSS Module ✍ CSS Module은 CSS를 불러와서 사용할 때 크래스 이름을 고유한 값 형태로 만들어 컴포넌트 스타일 클래스 이름이 중첩되는 현상을 방지하는 기술이다. \* 즉, [파일이름]\[클래스이름]\[해시값] 형태로 생성 사용 방법은 .modul

리액트에서 컴포넌트를 스타일링할 때는 아래와 같이 다양한 방식을 사용할 수 있다. 일반 CSS: 컴포넌트를 스타일링하는 가장 기본적인 방법이다. Sass: 자주 사용되는 CSS 전처리기 중 하나로 확장된 CSS 문법을 사용하여 CSS 코드를 쉽게 작성하도록 해준다. C

1. hooks ⭐ hooks를 처음 본다면 hooks (1)을 참고하면 된다. 1.1 useMemo useMemo를 사용하면 함수형 컴포넌트 내부에서 발생하는 연산을 최적화할 수 있다. src/Average.js 파일을 생성하여 리스트에 숫자를 추가하면 추가된 숫자

1. Hooks ⭐ > Hooks는 리액트 16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공한다. 실습을 진행하기 위해 create-react-app을 사용