분류 전체보기

기타

데이터베이스

데이터베이스 설계 개념 사용자의 요구를 분석해 그것들을 컴퓨터에 저장할 수 있는 데이터베이스의 구조에 맞게 변형한후 특정 DBMS로 데이터베이스를 구현하여 일반 사용자들이 사용하게 하는것. 설계시 고려사항(무결성,일관성숙지, 고려사항암기) 더보기 무결성: 삽입,삭제,갱신 등의 연산 후에도 데이터베이스에 정해진 제약조건을 항상 만족해야함 일관성: DB에 저장된 데이터들 사이나, 특정 질의에 대한 응답이 처음부터 끝까지 일관되야함 회복: 시스템에 장애가 발생했을때 장애발생 직전의 상태로 복구가능해야함 보안: 불법적인 데이터의 노출 또는 변경이나 손실로부터 보호할 수 있어야함 효율성: 응답시간의단축, 시스템의 생산성, 저장공간의 최적화 등이 가능해야함 데이터베이스 확장: 데이터베이스 운영에 영향을 주지 않으면..

REACT

React

nvm - node버전 node eol 노드버전이 안맞을때 nvm volta nvm volta : 패키지점 제이슨 fnm https://docs.volta.sh/guide/getting-started node versi

기타

OSI 7 계층

네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것 , 계층을 나눈 이유는 통신이 일어나는 과정이 단계별로 파악할 수 있기 때문 만약 컴퓨터를 하는데 모든 pc가 문제가 있다면 라우터(3계층 네트워크계층)의 문제 또는 광랜을 제공하는 회사의 회선문제(1계층 물리계층)의 문제이고 한 pc만의 문제가 있다면 프로그램이 실행이 안된다면 7계층(어플리케이션 계층) 만약 스위치에 문제가 있다면(2계층 데이터링크 계층)의 문제이기 때문에 문제가 있는 계층을 제외하고 건들이지 않아도 되기 때문이다. 1. 1계층 물리계층(physical layer) 주로 전기적,기계적, 기능적 특성을 이용해 통신 케이블로 데이터를 전송한다. 이계층에서는 통신단위는 비트이며 1,0으로 나타내어진다. 이계층에서는 단지 데이터를 전달만 ..

기타

스레싱

컴퓨터에서 실제 물리 메모리 이외에 프로세스만의 가상 메모리를 사용하여 주소 변환을 통해 물리 메모리에 접근한다. 페이징 기법이나 세그멘테이션 기법을 통해 나뉘어진 조각들은 물리 메모리에 위치할 수도 있고 스왑영역에 위치할 수도 있다. 현재 cpu를 점유하고 있는 프로세스가 필요로 하는 데이터가 불리 메모리에 없다면 swap in과 swap out을 통해 필요한 데이터를 스왑영역에서 물리 메모리에 올리고 물리 메모리에 있던 어떠한 데이터는 스왑 영역으로 가게될 것이다. 여기서 프로세스가 필요로 하는 데이터를 요청했을때 물리 메모리에 위치해있지 않은 경우를 페이지부재(page fault)라고한다. 스레싱이란? 하드디스크의 입출력이 너무 많아져서 잦은 페이지 부재로 마치 작업이 멈춘것 같은 상태, 즉 한번에..

JAVASCRIPT

Object.assign

object.assign을 이용해서 객체를 합치는 것이 가능하다. 또한 합칠때 2개의 객체가 같은 프로퍼티를 가지고 있다면 그 값을 덮어쓰기 해주며 객체의 복제에도 사용할 수 있다. const target1 = { a: 1, b: 2} const target2 = { c: 3, d: 4} const newTarget = Object.assign(target1, target2); console.log(target1) console.log(target2) console.log(newTarget) { a: 1, b: 2, c: 3, d: 4 } { c: 3, d: 4 } { a: 1, b: 2, c: 3, d: 4 } Object.assign()의 첫번째 인수의 target1은 target2가 합쳐지지만, t..

JAVASCRIPT

배열 내 홀수의 개수를 출력하는 함수

const solution = () => { for(var i=0; i < 100; i++){ if( i % 2 === 1 ){ return i; } i++; arr.push(i); } } const arr = []; solution(); arr

JAVASCRIPT/JQuery

메뉴 클릭시 해당 영역으로 이동되도록

let offsets = []; $(window).load(function(){ $.each($(".offset_wrap"), function(){ offsets.push($(this).offset().top); }); }); $('.offset_wrap a').mouseenter( function() { $(this).addClass('on'); }); $('.offset_wrap a').mouseleave(function() { $(this).removeClass('on'); }); $(".main_link_box ul li a").on('click', function(){ $('html, body').animate({scrollTop: offsets[$(this).parent().index()] -..

REACT

리액트 초기세팅

AppRoutes.jsx import React, { Suspense, lazy } from 'react'; import { Route, Routes } from 'react-router-dom'; import styled from "@emotion/styled"; import BaseLayout from "layouts/base-layout"; const JoinPage = lazy( () => import("pages/join")) function AppRoutes() { return ( ); } function Loading() { const Wrapper = styled.div` /** BEGIN CSS **/ position: fixed; background: #fff; width: 100%; ..

kimjiwon506
'분류 전체보기' 카테고리의 글 목록