1. 소개OODB, 비정형 데이터OR-DBMS, 기존 RDB에 O 처리가 들어간,,NoSQL 중 대표적인 게 MongoDB ⇒ document 기반(json)json 형태로 데이터가 표현된다.특징RDMS의 컬럼에 해당하는 게 json이다.형태가 정해져 있지 않은 비정형이다.아주 다양한 데이터타입 지원한다. 배열도 지원.도큐먼트 형식임의의 구조를 저장하는 스키마(구조) ⇒ 비정형JSON 기반실제로는 bson 바이너리 형태로 처리됨. 사람한테 보일 때는 json.키-값 쌍으로 구성, 중첩 제한이 없다. 따라서 join 같은 거 필요 없다. ⇒ 임베디드 문서 가능. {~~{~~}}핵심 기능기본 키: _iduuid를 쓴다. 전세계적으로 유일한 키여야 한다.도큐먼트행에 해당컬렉션도큐먼트 모아서 관리하는 집합. 테..
Til
strategy : 알고리즘(실행 코드) 의미dependcy injection(DI)이 중요. 즉, 어떤 알고리즘으로 문제 풀지 주입으로 교체할 수 있는 패턴을 의미.⇒ OCP 가 가능해진다(같은 문제를 코드 수정 없이 다르게 풀 수 있다)
VIEW읽기에 포커스 둔다일반 사용자 입장에서는 테이블과 동일하게 사용하는 개체이다.뷰 생성USE sqldb;CREATE VIEW v_usertblASSELECT userid, name, addr FROM usertbl;장점보안에 도움이 된다.사용자가 중요 정보에 바로 접근 X쿼리 단순화긴 쿼리를 뷰로 작성하고 뷰를 테이블처럼 사용 가능테이블 스페이스물리적인 공간을 뜻한다.참고로 DB는 논리적 공간이다.테이블스페이스 미지정 시 시스템의 테이블스페이스에 테이블이 저장된다.시스템 변수 inndb_data_file_path에 관련 내용이 저장된다.대용량 데이터 운영 시 성능 향상을 위해 테이블스페이스의 분리를 적극 고려해야 한다.
데이터베이스, 테이블 만들기DROP DATABASE tabledb;CREATE DATABASE tabledb;USE tabledb;DROP TABLE IF EXISTS usertbl;CREATE TABLE usertbl( userID CHAR(8) NOT NULL PRIMARY KEY, ... height SMALLINT NULL, FOREIGN KEY(userid) RFERENCES usertbl(userID));-- 테이블에 데이터 입력하기.INSERT INTO usertbl VALUES('LSG', '이승기', 1987 '서울', '011', '111111', 182, '2008-8-8');제약 조건데이터 무결성을 위해 제한된 조건을 의미한다.특정 데이터 입력 시 어떤 조건 만족하면 입력..
JS 수업 도중 폰 노이만 구조에 대한 언급이 스쳐가듯 나와서 찾아보았다! JavaScript와 폰 노이만 구조는 직접적인 관련이 있는 개념은 아니지만, 컴퓨터가 어떻게 작동하는지를 이해하면 JavaScript가 어떻게 실행되는지도 더 잘 이해할 수 있다👀1. 폰 노이만 구조란?폰 노이만 구조는 현대 컴퓨터의 기본 구조로, 1945년 수학자 존 폰 노이만(John von Neumann)이 제안한 개념이다. "프로그램도 데이터처럼 메모리에 저장하고, CPU가 이를 읽어서 실행한다." 주요 구성 요소중앙처리장치(CPU, Central Processing Unit)연산 및 제어를 담당하는 핵심 장치연산장치(ALU, Arithmetic Logic Unit): 덧셈, 뺄셈, 논리 연산 수행제어장치(CU, Con..
분명 예전에 스터디 하면서 다 정리했던 내용들인데 오랜만에 다시 배우니까 새롭게 느껴지는 마법..그리고 실제로 새롭게 알게 된 부분들도 있어서 간단하게 정리해 보는 TIL이번 기회에 예전에 공부했던 내용들도 다시 들여다 볼 수 있어서 좋았다.식(expression)과 문(statement)의 차이문 안에 식이 포함된 것식 : 변수에 할당 가능. 값으로 평가 가능한 코드 조각.문 : 동작을 수행하는 코드 조각. 변수 할당 불가능변수varconstletVar와 윈도우 객체var 선언하면 윈도우 객체로 추가됨. 즉 전역 객체로 추가됨.ex) window.name원시형과 참조형폰 노이만 구조 언급이 있어서 찾아봤다🔽https://ko.wikipedia.org/wiki/%ED%8F%B0_%EB%85%B8%EC%..
json-server모듈로도 쓸 수 있고 독자 실행으로도 쓸 수 있음Sort에서 -쓰면 내림차순예) http://localhost:3000/todos?_sort=-id페이지네이션 지원http://localhost:3000/todos?_sort=-id&_page=1&_per_page=2https://www.npmjs.com/package/json-server json-server[](https://github.com/typicode/json-server/actions/workflows/node.js.yml). Latest version: 1..
번들링WebPack, Vite웹팩은 초기 로딩 시간이 좀 필요한 단점이 있음히든파일?=> 리눅스/맥에서는 .~~로 쓰면 파일이 안 보이는 히든파일임프로젝트 골격App.vue → 엔트리 포인트, 컴포넌트package.json ⇒. “type: module” ⇒ esmodule쓰겠다vite.config.js '@': fileURLToPath(new URL('./src', import.meta.url)) => at 의미jsconfig.json"paths": { "@/*": ["./src/*"] }package-lock.json디렉토리 아니고 그냥 파일이 파일이 package.json에 의존하고 있음App.vuescript setupimport 할 때는 파스칼 케이스만 가능사용자 정의파스칼, 케밥 케이스 모두 ..
HTML 스타일 적용 방법태그 직접 기술 ⇒ 인라인 스타일스타일 태그 ()디폴트 값 정의 (xxx.css )DOM 처리에서는 스타일 코드를 el.style.속성명 ~~~ 이런 식으로 변환Vue.js에서 HTML 스타일 적용 방법v-bind:style스타일 변경되는 경우데이터 속성에 JS 객체로 작성도 쓰긴 함(스타일이 딱히 바뀌지 않는다면)@이벤트.stop ⇒ stopPropagation@이벤트.prevent ⇒ preventEvent방법 1코드가 상대적으로 길어짐스타일 많아지면 관리에 유리(중략) data() { return { // 초기 스타일 style1: { backgroundColor: 'aqua', ..
이벤트인라인 이벤트 처리v-on 디렉티브v-on:[이벤트 이름]="표현식"@[이벤트 이름]="표현식"(이 이벤트가 발생했을 때 ~해라 라는 의미)이벤트 객체가 필요한 경우예시 ) @click="test($event)”여기서의 test 함수는 methods에 정의이벤트 핸들러 메서드인라인 이벤트 핸들러에서의 this도 vue 인스턴스 의미이벤트 객체preventDefault() : 기본 이벤트 자동 실행 금지stopPropagation() : 이벤트 전파 중단기본 이벤트@이벤트.preventevent.preventDefault() 호출 효과자주 쓰는 예시 : (e) ⇒ e.target.value 대신 currenet.target.value 해도 됨!이벤트 전파버블링 전파 차단할 때 가장 많이 쓰는 .sto..
