전체 글 (96) 썸네일형 리스트형 용어 1 값 관련 용어 데이터 데이터베이스에 저장하는 값 정적, 의미없는 값 -> 62가 몸무게인지 나이인지 모름 김민서 021014 170.0 62 정보 동적, 데이터를 가공하여 의미있게 만든 값 데이터는 저장하는 것이고 정보는 추출하는 것 이름:김민서 생년원일:021014 키:170.0 몸무게:62 널(NULL) 널을 만들지 않는 것이 관계형 데이터베이스의 핵심 누락되거나 미지의 값을 의미 구조 관련 용어 테이블 = 릴레이션 관계형 데이터베이스의 데이터가 저장되는 곳 릴레이션은 튜플(레코드), 속성(필드)로 구성 테이블 내에서의 레코드와 필드의 순서는 중요하지 않음 -> 관계형 DB가 유용한 이유 필드 열에 해당하는 가장 작은 단위의 데이터 하나의 값만 가지고, 이름은 값의 종류를 명시해야 함 복합필드, 다중.. 관계형 데이터 베이스 데이터 베이스 : 조직의 프로세스를 모델링하기 위한 목적으로 사용되는, 조직적으로 모아놓은 데이터 오늘날 사용되고 있는 데이터 베이스의 2가지 종류 운영 데이터베이스 온라인 트랜잭션 처리(OLTP) : 실시간으로 데이터를 수집, 수정, 관리할 필요가 있는 상황에서 사용 데이터는 "동적" 소매점, 병원 등 유동적인 상태에 있는 단체에서 사용 분석 데이터 베이스 온라인 분석 처리(OLAP) : 역사적이고 시간에 의존적인 데이터를 저장하고 추적할 필요가 있는 상황에서 사용 데이터는 "정적" 화학 연구실, 마케팅 분석 회사 등 동향 파악, 통계데이터 확인, 전략적인 사업 계획이 필요한 단체에서 사용 관계형 데이터 베이스 모델 관계형 : 테이블형 DB, 테이블들 간의 관계를 맺는 DB 데이터는 릴레이션(테이블)에.. 다트 입문하기 1.1 null값 void main() { double? number1 = null; print(number1); //타입 뒤에 ?를 붙여줘야 null값을 저장할 수 있음 double? number2; print(number2); //자동으로 null값 저장 } 컬랙션 -> 서로의 타입으로 자유롭게 형변환 가능 List : 여러 값을 순서대로 저장 Map : 특정 키 값을 기반으로 빠르게 값을 검색 Set : 중복된 데이터를 제거할 때 사용 enum Status { ap, pe, re, } void main() { List blackPinkList = ['리사','지수','제니','로제']; blackPinkList.add('코드팩토리'); //리스트의 끝에 추가 final newList = blackPinkL.. #7.6 Parameters react router는 동적 url을 지원 동적 -> url에 변수를 넣을 수 있다는 의미 :를 붙여줘야 함, 안그러면 진짜 텍스트임 useParams -> 변수의 값을 넘겨줌 await는 asyns함수 내부에 있지 않으면 사용할 수 없음 import { BrowserRouter as Router, Route, Switch, } from "react-router-dom"; import Detail from "./routes/Detail"; import Home from "./routes/Home"; function App() { return ( Hello ); } export default App; import PropTypes from "prop-types"; import {Link} from "re.. #7.5 React Router react-router-dom:컴포넌트들의 모음집 url이 바뀌면 어떤 걸 보여줄지 결정함 Router은 렌더링해주는 애 route는 url을 의미 switch는 route를 찾는 역할, 한번에 하나의 route만 렌더링 하기 위함 Link는 브라우저 새로고침 없이도 유저를 다른 페이지로 이동시켜주는 컴포넌트 이전에는 app컴포넌트가 모든걸 다 하고 있었음 그 다음에는 app컴포넌트에 만들었던 모든 로직을 별개의 장소로 옮김 현재 app.js에서 react-router-dom의 컴포넌트를 가져다 쓰는 중 import PropTypes from "prop-types"; import {Link} from "react-router-dom"; function Movie({ coverImage, title, su.. #7.4 Movie App part Two key는 react.js안에서만, map안에서 component들을 render할 때 사용함 props로써 우리의 component로 넘겨 component들이 받아서 사용하게 해줌 react router : 페이지를 전환하는 역할 app.js는 router를 render -> router은 url을 보고 있는 컴포넌트 Select and Ctrl + D 하면 vs코드 한번에 선택됨 Movie 컴포넌트 따로 만들어서 import 해온 뒤 prop으로 가져옴 import { useEffect, useState } from "react"; import Movie from "./components/Movie"; function App() { return null; } export default App; app.. #7.3 Movie App part One map을 쓰려면 key를 꼭 줘야 함 fetch, json을 진행 후 로딩을 끝냈기 때문에 반드시 setLoading(false)를 해줘야함 then대신에 async-await를 보편적으로 사용함 await을 감싸는 await을 만들 수 있음 movies.map((movie ->map의 argument는 x, m, g 등등 마음대로 해도됨 여기선 movie라고 정함 div key={movie.id} h2{movie.title}/h2 -> 이 컴포넌트들은 movie 배열에 있는 각 movie에서 변형되어 나온 것 key={g} -> 따로 정해진 key가 없기 때문에 g를 가져와 key로 써줌 단, g가 고유한 값일 경우에만 가능 import { useEffect, useState } from "react".. #7.2 Coin Tracker select에 있는 값을 가져오고 싶다면 onChange함수를 사용한 후, option의 value값을 지정해주면 useState함수에서 set함수를 사용해서 가져오면 된당 함수가 1,2,3,4,5가 있다면 동기함수는 1끝나고 2, 2끝나고 3 이런식으로 순차적으로 진행하고 비동기함수는 순서와 상관없이 완성된 쪽이 실행결과를 return fetch함수는 비동기적으로 처리되는 함수, fetch가 끝나기도 전에 다른 함수가 먼저 실행될 수 있기 때문에 then을 써서 순서를 고정시킴 then은 fetch끝나고 나서 실행해줘!라는 뜻이당 fetch('api 주소') .then(res => res.json()) .then(res => { // data를 응답 받은 후의 로직 }); import { useEffe.. 이전 1 2 3 4 ··· 12 다음
