본문 바로가기

분류 전체보기227

[Database] 정규화(Normalization) 정규화란? 함수적 종속성 등의 종속성 이론을 이용하여 잘못 설계된 관계형 스키마를 더 작은 속성의 세트로 쪼개어 바람직한 스키마로 만들어가는 과정이다. 정규형에는 제 1정규형, 제 2정규형, 제 3정규형, BCNF형, 제 4정규형, 제 5정규형이 있으며, 차수가 높아질수록 만족시켜야 할 제약 조건이 늘어난다. 정규화는 데이터베이스의 논리적 설계 단계에서 수행한다. 정규화된 데이터 모델은 일관성, 정확성, 단순성, 비중복성, 안정성 등을 보장한다. 정규화 수준이 높을수록 유연한 데이터 구축이 가능하고 데이터의 정확성이 높아지는 반면 물리적 접근이 복잡하고 너무 많은 조인으로 인해 조회 성능이 저하된다. 정규화의 목적 데이터 구조의 안정성 및 무결성을 유지한다. 효과적인 검색 알고리즘을 생성할 수 있다. 데.. 2023. 2. 27.
[React] reactrouter로 여러개의 웹페이지 만들기 대부분의 웹 사이트는 하나 이상의 웹 페이지를 가지고 있어 여러 페이지를 자유자제로 이동할 수 있다. (예를 들어, 메인 페이지, 로그인 페이지, 상세 보기 페이지 등) 그럼 이런 여러 페이지의 이동을 리액트에서는 어떻게 만들 수 있을까? 바로 *react router를 사용하면 웹페이지 사이의 이동을 자유자제로 할 수 있다. https://reactrouter.com/en/main Home v6.8.1 I'm on v5 The migration guide will help you migrate incrementally and keep shipping along the way. Or, do it all in one yolo commit! Either way, we've got you covered to .. 2023. 2. 20.
[React] API로 날씨 앱 만들기 2(OpenWeather API 사용) https://conquer-it.tistory.com/194 API로 날씨 앱 만들기 1(OpenWeather API 사용) 4. 현재 위치한 날씨 데이터 보여주기 저번까지 동작은 하지 않는 UI까지 만들었다. 이제 API를 통해 이 UI가 동작하게 만들 차례이다. 이 작업은 state를 통해 진행을 해야 한다. weather라는 state를 만들고 이것을 WeatherBox의 props로 전달해 준다. App.js import { useEffect,useState } from 'react'; import './App.css'; import "bootstrap/dist/css/bootstrap.min.css"; import WeatherBox from "./component/WeatherBox"; im.. 2023. 2. 15.
[React] API로 날씨 앱 만들기 1(OpenWeather API 사용) 오늘은 API를 사용하여 날씨 앱을 만들어 보자. 최종 결과물은 아래와 비슷한 구성이 될 것이다. https://velog.io/@gyultang/React%EB%A1%9C-%EB%82%A0%EC%94%A8%EC%95%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0OpenWeather-API React로 날씨앱 만들기(OpenWeather API) 앱이 실행되자마자 유저는 현재 위치의 날씨를 볼 수 있다. (지역, 온도, 날씨 상태)유저는 다른 도시의 버튼을 볼 수 있다. (현재 도시, 4개 도시)유저는 다른 도시 버튼을 클릭하면 해당 도시의 velog.io (내가 만들고 싶은 날씨 앱과 가장 유사해 보여서 참고하게 되었다.) 날씨 앱의 특징 앱이 실행되면 유저 현재 위치의 날씨가 보인다. 날씨 .. 2023. 2. 13.

티스토리툴바