본문 바로가기
반응형

🖥Web47

[React] SPA 라우터 샘플코드, 리액트 시작하기 전에 꼭 알아야 되는것 React란? 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 Declarative 상호작용이 많은 UI를 만들 때 생기는 어려움을 줄여줍니다. 데이터가 변경됨에 따라 적절한 컴포넌트만 효율적으로 갱신하고 렌더링합니다. Component-Based 스스로 상태를 관리하는 캡슐화된 컴포넌트를 만들어서 이를 조합해 복잡한 UI를 만들 수 있습니다. 컴포넌트 로직은 템플릿이 아닌 JavaScript로 작성됩니다. 따라서 다양한 형식의 데이터를 앱 안에서 손쉽게 전달할 수 있고, DOM*과는 별개로 상태를 관리할 수 있습니다. Learn Once, Write Anywhere Node에서 렌더링을 할 수도 있고, React Native를 이용하면 모바일 앱도 만들 수 있습니다. 왜 쓸까? SPA(S.. 2023. 7. 6.
SQL 최적화, SQL 옵티마이저 SQL 최적화 DBMS 내부에서 프로시저를 작성하고 컴파일해서 실행 가능한 상태로 만드는 전 과정을 'SQL 최적화'라고 한다. SQL을 실행하기 전 최적화 과정을 세분화하면 아래와 같다. SQL 파싱 사용자로부터 SQL을 전달받으면 가장 먼저 SQL 파서(Parser)가 파싱을 진행한다. SQL 파싱을 요약하면 아래와 같다. 파싱 트리 생성: SQL 문을 이루는 개별 구성요소를 분석해서 파싱 트리 생성 Syntax 체크: 문법적 오류가 없는지 확인, 예를 들어, 사용할 수 없는 키워드를 사용했거나 순서가 바르지 않거나 누락된 키워드가 있는지 확인 Semantic 체크: 의미상 오류가 없는지 확인. 예를 들어, 존재하지 않는 테이블 또는 컬럼을 사용했는지, 사용한 오브젝트에 대한 권한이 있는지 확인 SQ.. 2023. 2. 11.
[DB & SQL] 엔티티 개념과 추출 엔티티 개념과 추출 관계 데이터 모델 관계 데이터 모델은 동일한 구조(릴레이션)의 관점에서 모든 데이터를 논리적으로 구성 릴레이션은 테이블 구조를 사용해 데이터를 표현 관계 데이터 모델의 기본 구조 하나의 릴레이션은 데이터 베이스에 표현되는 한 개 엔티티에 관한 정보 저장에 사용 릴레이션은 하나의 객체에 관한 데이터를 2차원 테이블 구조로 표현 ER(Entity-Relationship) 모델 데이터베이스 설계 초기의 개념적 데이터베이스 설계를 쉽게 하기 위한 모델 1976년 피터챈이 제안 ER 모델은 쉽게 관계데이터베이스 모델로 사상이 됨 엔티티 업무수행을 위해 기업이 알아야 할 대상이 되는 사람, 장소, 사물, 사건 및 개념을 의미 각 엔티티는 인스턴스라 불리는 개별적 객체들의 집합을 의미 엔터티로 추.. 2022. 11. 26.
[Java] 간단한 파일 쓰기, 읽기 (File, FileOutputStream, FileInputStream, BufferedReader, InputStreamReader) package com.example.test; import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStreamReader; public class FileInputOutputTest { public static void main(String[] args) throws IOException { File f = new File("./src/com/example/test/new_file.txt"); FileOutputStream fos = new FileOutputStr.. 2022. 10. 30.
[Java] 간단한 채팅 소켓통신 (Thread, Runnable, BufferedReader, BufferedWriter, InputStreamReader, OutputStreamWriter, Socket, ServerSocket) 간단한 채팅 소켓통신 chattingclient project chattingserver project 워크스페이스 하나에 두개의 프로젝트 또는 두 개의 워크스페이스에 각 한개씩의 프로젝트를 생성 chattingclient project ChattingClient.java package chattingclient; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.IOException; import java.io.InputStreamReader; import java.io.OutputStreamWriter; import java.net.Socket; import java.util.Scanner; class Receiv.. 2022. 10. 23.
[SpringBoot] HttpSession값 바로 가져오기, 어노테이션 기반 Session 으로 개선하기 기본으로 HttpSession 값 바로 가져오는 방식에서 어노테이션 기반 Session 으로 개선하기 패키지 구조 build.gradle buildscript { ext { springBootVersion = '2.1.9.RELEASE' } repositories { mavenCentral() } dependencies { classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}") } } plugins { id 'java' id 'eclipse' id 'org.springframework.boot' version '2.3.2.RELEASE' id 'io.spring.dependency-management' ver.. 2022. 6. 13.
[SpringBoot] JPA Auditing이란? Auditing example JPA Auditing이란? Auditing example JPA Auditing이란? 어노테이션 기반 감사 메타데이터 엔티티 클래스에 상속 활성화 어노테이션 추가 JPA Auditing이란? 보통 엔티티에는 해당 데이터의 생성시간과 수정시간을 포함합니다. 언제 만들어졌는지, 언제 수정되었는지 등은 차후 유지보수에 있어 굉장히 중요한 정보이기 때문입니다. 그렇다 보니 매번 DB에 삽입하기 전, 갱신하기 전에 날짜 데이터를 등록/수정하는 코드가 여기저기 들어가게 되는데, 이러한 반복적인 코드가 모든 테이블과 서비스 메소드에 포함되는것은 굉장히 불편한 일입니다. Spring Data는 엔티티를 생성하거나 변경한 사람과 발생한 시점을 투명하게 추적하기 위한 정교한 지원을 제공합니다. 해당 기능의 이점을 얻으려.. 2022. 6. 6.
[SpringBoot] 쿼리 로그 확인 application.properties, application.yml build.gradle buildscript { ext { springBootVersion = '2.1.9.RELEASE' } repositories { mavenCentral() } dependencies { classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}") } } plugins { id 'java' id 'eclipse' id 'org.springframework.boot' version '2.3.2.RELEASE' id 'io.spring.dependency-management' version '1.0.8.RELEASE' } group 'com.example.base' version '1.0-SNA.. 2022. 6. 2.
[DB & SQL] SQL 고급활용 및 튜닝 / 고급 SQL 튜닝 SQL 고급활용 및 튜닝 / 고급 SQL 튜닝 소트와 관련된 오퍼레이션 유형 Sort Aggregate 전체 로우를 대상으로 집계를 수행할 때 나타나며, Oracle 실행계획에 sort라는 표현이 사용됐지만 실제 소트가 발생하진 않는다. Sort Order By 정렬된 결과집합을 얻고자 할 때 나타난다. Sort Group By Sorting 알고리즘을 사용해 그룹별 집계를 수행할 때 나타난다. Sort Unique 선택된 결과집합에서 중복 레코드를 제거하고자 할 때 나타난다. Union 연산자나 아래와 같이 Distinct 연산자를 사용할 때가 대표적이다. Sort Join Sort Merge Join을 수행할 때 나타난다. Window Sort 윈도우 함수를 수행할 때 나타난다. Oracle에서 Di.. 2022. 5. 26.
[DB & SQL] SQL 고급활용 및 튜닝 / 인덱스와 조인 SQL 고급활용 및 튜닝 / 인덱스와 조인 Index Range Scan Index Range Scan은 인덱스 루트 블록에서 리프 블록까지 수직적으로 탐색한 후에 리프 블록을 필요한 범위(Range)만 스캔하는 방식이다. Index Skip Scan Index Skip Scan은 루트 또는 브랜치 블록에서 읽은 칼럼 값 정보를 이용해 조건에 부합하는 레코드를 포함할 "가능성이 있는" 하위 블록(브랜치 또는 리프블록)만 골라서 액세스하는 방식이다. Index Full Scan Index Full Scan은 수직적 탐색없이 인덱스 리프블록을 처음부터 끝까지 수평적으로 탐색하는 방식으로서, 대개는 데이터 검색을 위한 최적의 인덱스가 없을 때 차선으로 선택된다. Index Unique Scan Index Un.. 2022. 5. 26.
[DB & SQL] SQL 고급활용 및 튜닝 / 옵티마이저 원리 SQL 고급활용 및 튜닝 / 옵티마이저 원리 규칙기반 옵티마이저(Rule-Based Optimizer, 이하 RBO) 규칙기반 옵티마이저(Rule-Based Optimizer, 이하 RBO)는 다른 말로 '휴리스틱(Heuristic) 옵티마이저'라고 불리며, 미리 정해 놓은 규칙에 따라 액세스 경로를 평가하고 실행계획을 선택한다. 여기서 규칙이란 액세스 경로별 우선순위로서, 인덱스 구조, 연산자, 조건절 형태가 순위를 결정짓는 주요인이다. 선택도 -> 카디널리티 -> 비용 -> 액세스 방식, 조인 순서, 조인 방법 등 결정 카디널리티 = 총 로우 수 * 선택도 = num_rows / num_distinct 힌트를 사용하지 않고 뷰 머징(View Merging) 방지하는 방법 집합(set) 연산자(unio.. 2022. 5. 23.
[DB & SQL] SQL 고급활용 및 튜닝 / Lock과 트랜잭션 동시성 제어 SQL 고급활용 및 튜닝 / Lock과 트랜잭션 동시성 제어 Lock에 의한 성능 저하를 최소화하는 방안 트랜잭션의 원자성을 훼손하지 않는 선에서 트랜잭션을 가능한 짧게 정의할 것 같은 데이터를 갱신하는 트랜잭션이 동시에 수행되지 않도록 설계할 것 주간에 대용량 갱신 작업이 불가피하다면, 블로킹 현상에 의해 사용자가 무한정 기다리지 않도록 적절한 프로그래밍 기법을 도입할 것 트랜잭션 격리성 수준을 불필요하게 상향 조정하지 않을 것 트랜잭션을 잘 설계하고 대기 현상을 피하는 프로그래밍 기법을 적용하기에 앞서, SQL 문장이 가장 빠른 시간 내에 처리를 완료할 것 블로킹(Blocking) 블로킹(Blocking)은 Lock 경합이 발생해 특정 세션이 작업을 진행하지 못하고 멈춰 선 상태를 말한다. 공유 Lo.. 2022. 5. 23.
[DB & SQL] SQL 고급활용 및 튜닝 / 아키텍처 기반 튜닝 원리 SQL 고급활용 및 튜닝 / 아키텍처 기반 튜닝 원리 클라이언트가 서버 프로세스와 연결하는 Oracle의 예 전용 서버(Dedicated Server) 방식 공유 서버(Shared Server) 방식 SQL Server에서는 세그먼트는 테이블, 인덱스, Undo처럼 저장공간을 필요로 하는 데이터베이스 오브젝트다. 저장공간을 필요로 한다는 것은 한 개 이상의 익스텐트를 사용함을 뜻한다. SQL Server에서는 세그먼트라는 용어를 사용하지 않지만, 힙 구조 또는 인덱스 구조의 오브젝트가 여기에 속한다. DB 버퍼 캐시에 가해지는 모든 변경사항을 기록하는 파일을 Oracle은 'Redo 로그'라고 부르며, SQL Server는 '트랜잭션 로그'라고 부른다. Response Time Analysis 방법론 R.. 2022. 5. 22.
[DB & SQL] SQL 기본 및 활용 / SQL 최적화 기본 원리 SQL 최적화 기본 원리 Sort Merge Join Sort Merge Join은 조인칼럼을 기준으로 데이터를 정렬하여 조인을 수행한다. NL(Nested Loops Join) Join은 주로 랜덤 액세스 방식으로 데이터를 읽는 반면 Sort Merge Join은 주로 스캔 방식으로 데이터를 읽는다. Sort Merge Join은 랜덤 액세스로 NLJoin에서 부담이 되던 넓은 범위의 데이터를 처리할 때 이용되던 조인기법이다. 그러나 Sort Merge Join은 정렬할 데이터가 많아 메모리에서 모든 정렬 작업을 수행하기 어려운 경우에는 임시 영역(디스크)을 사용하기 때문에 성능이 떨어질 수 있다. NL(Nested Loops Join) Join NL Join은 프로그래밍에서 사용하는 중첩된 반복문과 .. 2022. 5. 21.
[DB & SQL] SQL 기본 및 활용 / SQL 활용 SQL 기본 및 활용 / SQL 활용 순수 관계 연산자와 SQL 문장 비교 SELECT 연산은 WHERE 절로 구현 PROJECT 연산은 SELECT 절로 구현 (NATURAL) JOIN 연산은 다양한 JOIN 기능으로 구현 DIVIDE 연산은 현재 사용되지 않음 ANSI/ISO SQL에서 표시하는 FROM 절의 JOIN 형태 INNER JOIN NATURAL JOIN USING 조건절 ON 조건절 CROSS JOIN OUTER JOIN(LEFT, RIGHT, FULL) INNER JOIN INNER JOIN은 OUTER(외부) JOIN과 대비하여 내부 JOIN이라고 하며 JOIN 조건에서 동일한 값이 있는 행만 반환한다. CROSS JOIN 테이블 간 JOIN 조건이 없는 경우 생길 수 있는 모든 데이.. 2022. 5. 17.
[DB & SQL] SQL 기본 문법 / SQL 기본 정리 SQL 기본 문법 / SQL 기본 정리 DML, DDL, DCL, TCL 명령어의 종류 명령어 설명 데이터 조작어 (DML: Data Manipulation Language) SELECT 데이터베이스에 들어 있는 데이터를 조회하거나 검색하기 위한 명령어를 말하는 것으로 RETRIEVE 라고도 한다. INSERT UPDATE DELETE 데이터베이스의 테이블에 들어 있는 데이터에 변형을 가하는 종류의 명령어들을 말한다. 예를 들어 데이터를 테이블에 새로운 행을 집어넣거나, 원하지 않는 데이터를 삭제하거나 수정하는 것들의 명령어들을 DML이라고 부른다. 데이터 정의어 (DDL: Data Definition Language) CREATE ALTER DROP RENAME 테이블과 같은 데이터 구조를 정의하는데 .. 2022. 5. 14.
[DB & SQL] 데이터 모델링의 이해 / 데이터 모델과 성능 데이터 모델링의 이해 / 데이터 모델과 성능 성능데이터모델링이란? 데이터베이스 성능 향상을 목적으로 설계단계의 데이터 모델링 때부터 성능과 관련된 사항이 데이터 모델링에 반영될 수 있도록 하는것이다. 데이터 보델링 단계에서 성능을 충분히 고려하기 위한 성능 데이터 모델링 수행 절차 첫번째, 데이터모델링을 할 때 정규화를 정확하게 수행한다. 두번째, 데이터베이스 용량산정을 수행한다. 세번째, 데이터베이스에 발생되는 트랜잭션의 유형을 파악한다. 네번째, 용량과 트랜잭션의 유형에 따라 반정규화(역정규화)를 수행한다. 다섯번째, 이력모델의 조정, PK/FK조정, 슈퍼타입/서브타입 조정 등을 수행한다. 여섯번째, 성능관점에서 데이터모델을 검증한다. 중복속성에 대한 분리가 1차 정규화의 대상이 되며, 로우단위의 중.. 2022. 5. 13.
[DB & SQL] 데이터 모델링의 이해 / 데이터 모델링의 이해 데이터 모델링의 이해 / 데이터 모델링의 이해 발생시점에 따른 엔터티 분류 기본/키엔터티(Fundamental Entity, Key Entity) 중심엔터티(Main Entity) 행위엔터티(Active Entity) 데이터모델링이란 정보시스템을 구축하기 위한 데이터 관점의 업무 분석 기법 현실세계의 데이터(what)에 대해 약속된 표기법에 의해 표현하는 과정 데이터베이스를 구축하기 위한 분석/설계의 과정 데이터 모델링 유의점 중복(Duplication) 비유연성(Inflexibility) 비일관성(Inconsistency) 개념적 데이터 모델링 추상화 수준이 높고 업무 중심적이고 포괄적인 수준의 모델링 진행. 전사적 데이터 모델링. EA수립시 많이 이용 논리적 데이터 모델링 시스템으로 구축하고자 하는 .. 2022. 5. 9.
[SpringBoot] build.gradle, repositories, dependencies, repositories, dependencies란? Gradle이란? Gradle은 유연성과 성능에 중점을 둔 오픈 소스 빌드 자동화 도구입니다. Gradle 빌드 스크립트는 *Groovy 또는 Kotlin *도메인 특화 언어(DSL)을 사용하여 작성됩니다. 💡도메인 특화 언어(DSL: Domain-specific language) 특정한 도메인을 적용하는데 특화된 컴퓨터 언어 💡Groovy Groovy는 자바에 파이썬, 루비, 스몰토크등의 특징을 더한 동적 객체 지향 프로그래밍 언어이다. Gradle scripts는 Configuration scripts 입니다. script가 실행되면 특정 유형의 개체를 구성합니다. 예를들면 build script가 실행될때 프로젝트 유형의 개체를 구성합니다. 이 개체를 스크립트의 대리자 개체 라고 합니다. 스크립트 .. 2021. 12. 18.
[Django] 초급 React + Django 간단한 익명 블로그 만들기 9 pagination, response data useEffect 디펜던시 활용하여 테이블 맵핑 + 렌더링 테이블을 불러오는동안의 보여줄 로딩, 테이블의 데이터가 있을때와 없을때 다르게 보여줄 tbody등을 추가, 수정합니다. Home.js import React, { useState, useEffect } from 'react'; import axios from 'axios'; import '../pages_css/Home.css'; import BoardModal from './BoardModal'; import Paging from '../utils/Paging'; const Home = () => { // Modal const [modal_is_open, setModalIsOpen] = useSta.. 2021. 11. 27.
[Django] 초급 React + Django 간단한 익명 블로그 만들기 8 react-modal 설치, ajax 응답 성공/실패 핸들링, 백엔드 새로운 model 생성하여 insert react에서 인서트 할 수 있는 모달화면을 정의하고 응답에 따라 핸들링 하겠습니다. 일단 npm install react-modal을 사용하여 패키지를 내려받습니다. Home.js import React, { useState } from 'react'; import '../pages_css/Home.css'; import BoardModal from './BoardModal'; const Home = () => { const [modal_is_open, setModalIsOpen] = useState(false); return ( Home setModalIsOpen(true)}> NEW ); }.. 2021. 11. 26.
반응형

티스토리툴바