one Book a Day

React 엘리먼트 : React의 최소단위 일반 객체 React DOM은 React 엘리먼트와 브라우저의 DOM을 일치시킬 수 있도록 업데이트 한다.(핵심기능) 보통 React로 구현된 App은 하나의 Root DOM Node를 가진다. (여러기능 통합한 경우 독립된 많은 수의 Root DOM Node를 가질 수도 있음) Root DOM Node를 선언하고 내부 엘리먼트들은 직접작성이 아닌 React에의해 Control되게 설계해야한다. const a = hi! React; ReactDOM.render(a, document.getElementById('root')); JS에서는 변수선언에 태그가 들어갈 수 없음. JSX문법.(일반객체에 엘리먼트를 담을 수 있다.) ReactDOM.render()을 사용..

트랜잭션(transaction) DB 상태변화를 위해 수행하는 작업의 단위. = SQL문으로 DB를 변화 시키기 위해 기준에 따라 정하는 일련의 작업단위 = 여러 쿼리를 논리적으로 하나의 작업으로 묶어주는 것. TRANSACTION단위별로 내부의 쿼리들은 하나로 묶이기 때문에 안에서 하나의 쿼리만 실행되고 나머지는 실행되지 않는 현상을 막고 하나의 쿼리처럼 동작하게 한다. ACID 원자성(Atomicity) : 트랜잭션은 DB에 모두 반영되거나, 전혀 반영되지 않아야 한다.(중간에 그치는 일을 없게함) 일관성(Consistency): 트랜잭션 작업처리결과는 항상 일관성 있어야 한다. DB는 항상 일관된 상태로 유지되어야한다.(DB조건에 위배되면 트랜잭션은 즉시 종료.) 독립성(Isolation): 둘 이..

array의 P들은 같은 gi에 동시에 존재 할 수 없고 교집합도 있을 수 없다. 되도록이면 gi에 도킹하는 것이 효율적이고 불가능하면 gi-1에 도킹하는 식으로 설계한다. 도킹을 완료하면 이전 트리와 union을 통해 통합된 tree로 도킹 가능한 G를 parent node로 관리한다. import sys input = sys.stdin.readline G = int(input()) P = int(input()) parent = [i for i in range(G+1)] def find(v): if parent[v] == v: return v parent[v] = find(parent[v]) return parent[v] def union(a, b): a = find(a) b = find(b) pare..

유니온 파인드 = 디스조인트 셋(disjoint set) = 머지 파인드 셋(merge find set) 디스 조인트 셋은 서로소 집합(교집합이 공집합인 집합) 많은 상호 배타적 부분 집합들로 나눠진 원소들에 대한 정보를 저장하고 조작하는 자료구조이다. A와 B 사건 중 둘이 동시에 일어날 수 없고 둘 중 하나만 일어나야 한다. = 두 사건 중 하나의 사건이 일어날 확률이 두 사건이 각각 일어날 단순 확률의 합 과 같다. (P(A)가 일어날때 P(B)가 0이기 때문) P(A or B) = P(A) + P(B) //상호배타적이 아닌 독립적 관계는 A,B의 교집합이 없는 것은 동일하나 A,B동시에 일어나도 상관없음. 구현에는 Union, Find가 존재. 부분 집합들은 트리로 표현 할 수 있고, 파인드를 통..

큰곰님의 10분 테코톡을 보고 정리했습니다. 메모리 계층 구조 컴퓨터 구조에서 메모리(데이터 저장매체)의 속도와 용량은 반비례관계이다. 때문에 같은 용량이라면 빠른편이 가격이 매우 높다. 속도가 빠른 메모리 일수록 용량이 작고 용량이 큰 저장장치는 속도가 느리고 둘다 충족하면 너무 비싸다. 이러한 경제논리로 데이터 저장공간은 속도와 용량에 따라 특성에 맞게 역할을 나누어 사용한다. 파레토의 법칙 원인 중 상위 20퍼센트가 전쳉 결과의 80%를 만든다는 원칙.(2대8법칙) 데이터 지역성의 원리(캐시가 유효한 이유) 자주쓰이는 데이터는 시간적 혹은 공간적으로 한 곳에 몰려 있을 가능성이 높다. 시간 지역성(Temporal Locality) : 예를 들어 for문에서 조건변수(int i=0;)을 선언했을 때 ..

원인: ctrl + shift로 오른쪽 아래 입력키가 한컴 입력기로 바뀌었기 때문. 해결: 아이콘 눌러서 MS입력기로 바꿔주면 해결.

우아한 테코톡 코맥님의 Interrupt와 Context Switching을 보고 작성했습니다. @일련의 프로세스 수행중(P0) 저장 공간 확인 -> 저장 경로 확인 -> 저장 파일 확인 -> 저장 프로세스 중간에 키보드누르면?(interrupt)(P1) -Interrupt란? = 가로막다 => 프로세스가 하던 일을 멈추고 이미 정해진 코드 (운영체제 단에서 이미 구해논 코드)에서 요청에 대한 처리를 수행한다. (갑자기 발생한 비동기 이벤트) -주요개념 인터럽트 서비스 루틴(Interrupt Service Routine, ISR) (운영체제에 정해진 코드=미리정해졌기 때문에 루틴) =인터럽트 핸들러(Interrupt Handler) 인터럽트 벡터(Interrupt Vector) : 여러 인터럽트들을 테이..

우아한 테코톡 코다님의 Process vs Thread를 시청 후 작성하였습니다. Process vs Thread [이해해야하는 개념] -실행 단위 : cpu core에서 실행하는 하나의 단위. 프로세스와 스레드를 포괄하는 개념. -프로세스 : 하나의 스레드만 가지고 있는 단일 스레드 프로세스 -동시성 : 한 순간에 여러가지 일이 아니라, 짧은 전환으로 여러가지 일을 동시에 처리하는 것처럼 보이는 것. 프로그램 프로세스(실행이 되어 실제 사용할 수 있는 무언가)가 되어야 레시피에서 피자가 될 수 있음. 그러기 위해선 두가지 과정이 필요. 1. 프로세스가 필요로 하는 재료들이 메모리로 올라가야함 (실행 명령을 포함하는 code, static 또는 global 변수 등 data, 동적 메모리 영역인 Heap..

이 블로그는 개인 공부정리용 블로그지만 선배 기수분들에게 받은 유용한 정보들을 다음 기수들에게 물려주고자 합격후기를 작성합니다. 최초 전공인 산업공학에서 생산관리직무를 준비하다가 웹개발에 관심을 갖게 되었고 독학은 4개월정도 진행했습니다. Essay 1번문항에서 SW개발경험을 토대로 한 지원동기 2번문항에서 어떤 구직활동을 왜 어떻게 해왔고 어떤것을 얻었는지를 정리하시면 됩니다. 저는 1번문항 2번문항 둘다 2개의 소문단으로 작성했는데 3개월짜리 스마트제조 국비교육을 들은 내용으로 반을 채웠고 나머지는 혼자 독학을 한 내용과 과정, 어떻게 독학을 통해 성장해왔는지를 어필했습니다. (스마트제조의 어플리케이션단 개발, 사용자중심의 웹서비스개발에 대한 관심도를 드러냈습니다.) 개인적으로 SW개발에 대한 관심도..

-display: 어떻게 표시할 것인가?(상속 안됨) inline? 앞뒤로 줄바꿈 불가.(가로로 늘어섬, 요소 크기만큼만 차지.) block? 앞뒤로 줄바꿈 가능.(세로로 늘어섬, 가로 100%) none? 박스 생성되지 않음.(공간 사라지고 내부 요소만 남음) inline-block? 요소는 inline 내부는 block. = 박스모양이 inline처럼 가로로 늘어섬. (모양은 block 배치는 inline)(float속성 적용한 것처럼 늘어짐. -visibility: 보일것인가 말것인가?(상속 됨) visible? 기본값. 요소 보임 hidden? 요소 안보임. 그러나 공간은 차지(투명) collapse? table에서 사용하는 value. 선택 테이블의 행과 열을 숨김.(그냥 hidden이라 봐도 ..