//log my lifestyle

강의 흐름에 따라 학습내용을 기록한 내용입니다. https://opentutorials.org/course/3161/ 1. 관계형 데이터베이스(Realtional Database)의 필요성 데이터베이스에 중복된 데이터가 있다는 것 -> 개선의 여지가 있다! 복잡하고 용량이 큰 데이터가 중복될수록, 1. 기술적, 경제적으로 엄청난 손실 2. 데이터를 수정해야 할 때, 낭비되는 시간 3. 데이터의 구분이 어려움 테이블을 분리했기때문에 장점도 있지만 단점도 생긴다. 테이블을 분리하지 않으면 - 모든 데이터를 한 눈에 볼 수 있기 때문에 직관적으로 데이터를 볼 수 있음 테이블을 분리하면 - 데이터를 볼 때, 해당 데이터에 해당되는 별도의 테이블을 열어서 비교.대조해야 하는 불편함 MySQL을 이용하면 저장은 분..

React 완벽가이드 섹션6 - 리액트 컴포넌트 스타일링 css사용방식 - css파일을 생성하고 js파일에 import하는 방식 이 방식에서 css파일은 스코프를 가지지않아 다른 컴포넌트에 영향을 줄 수있다. - styled component 이나 css모듈 사용하는 방식 모듈이나 스타일컴포넌트를 사용하면 위의 문제점을 피할수있음 1. 동적으로 CSS설정 1) inline style Course Goal inline style은 최우선순위기때문에 css파일을 오버라이딩함 동적으로 적용하기위해 중괄호를 써주고, 라벨의 색상을 state 값에 따라서 동적으로 적용 2) CSS class css파일에 class스타일을 만들고, 백틱(템플릿리터럴)과 삼항연산자를 이용하여 동적으로 css클래스를 설정할수있음 .c..

강의 흐름에 따라 학습내용을 기록한 내용입니다. https://opentutorials.org/course/3161/ 1. MySQL 테이블의 생성 세미콜론 없이 엔터시 줄바꿈된다. CREATE TABLE topic( -> id INT(11) NOT NULL AUTO_INCREMENT, -> title VARCHAR(100) NOT NULL, -> description TEXT NULL, -> created DATETIME NOT NULL, -> author VARCHAR(30) NULL, -> profile VARCHAR(100) NULL, -> PRIMARY KEY(id)); topic 이라는 테이블 생성( id라는 컬럼생성 /데이터타입=INT /표시되는 길이(11)/ NOT NULL =반드시입력되야..

React 완벽가이드 섹션5 - 렌더링 리스트 및 조건부 Content 1. 데이터 동적으로 렌더링하기 (.map) 사용자가 데이터를 얼마나 추가할지 모르기때문에, 목록을 하드코딩하는 것은 지양해야한다. (예제에서는 expenseItem 의 수를 일일히 설정한 부분) 먼저 상위컴포넌트(App.js)에 있는 배열을 하위컴포넌트(Expenses.js)에서 렌더링하기위해 props를 통해 를 전달한다. const Expenses = (props) => { const [filteredYear, setFilteredYear] =useState('2020'); const filterChangeHandler = (selectedYear) => { setFilteredYear(selectedYear); }; retur..

강의 흐름에 따라 학습내용을 기록한 내용입니다. https://opentutorials.org/course/3161/ MySQL - 생활코딩 수업소개 무료이면서, 오픈소스이고, 3대 데이터베이스 중에 하나인 MySQL의 입문 수업입니다. 수업대상 정보기술의 심장인 데이터베이스가 어떻게 동작하는지 궁금하신 분 데이터를 보다 전 opentutorials.org 데이터베이스의 목적 데이터베이스를 구축하면 데이터베이스에 저장된 데이터를 웹이나 어플리케이션 등을 통해서 사람들에게 공유할 수도 있고, 데이터를 빅데이터나 인공지능을 이용해서 분석할 수 있음 파일 스프레드시트 : file보다 스프레드시트는 구조적으로 데이터를 저장할수 있다. 데이터베이스 스프레드시트와의 공통점 : MySQL과 같이 관계형 데이터베이스의..

function debounce(func, wait = 20, immediate = true) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } Debounce는 연속적으로 호출하는 함수들 중 마지막 함수(또는 제일 처음)..