profile
Record What I Learned
post-thumbnail

CSS Layout

Flex layout Grid layout 부모 적용 속성 > - display: grid; 로 설정 grid-template-columns : 각 열의 width를 설정할 수 있다. ex) px로 설정할 수 있고, fr(fraction)으로 설정하여 비율을 나눌

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

CSS 심화

CSS 모듈화 하기 > 여러 페이지에서 공통적으로 사용되는 스타일들을 특정 파일로 분리하여 모듈화한 후, @import(절대경로 또는 상대경로)를 통해 해당 css파일을 불러올 수 있다. CSS 변수 사용하기 > 여기저기서 계속 쓰이는 스타일들을 css변수로 선언해두

2022년 7월 25일
·
0개의 댓글
·

백준 17298 오큰수 [C++]

오큰수: 수열에서 해당 수의 오른쪽에 있으면서 큰 수 중에서 가장 왼쪽에 있는 수로, 오큰수가 없는 경우 -1을 삽입. 처음에는 스택을 사용하지 않고 그냥 벡터에 넣고 단순히 현재 오큰수를 구하는 인덱스의 다음 인덱스부터 탐색하면서 큰 수가 나오면 바로 벡터에 넣고 b

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

HTML 심화

\*파비콘 : 탭에 보이는 작은 아이콘charset : UTF-8로 설정. UTF-8은 전세계 거의 모든 문자를 표현할 수 있는 유니코드 형식이기 때문이다. 뷰포트 관련 정보 Open graph 정보 : 링크를 복사해서 공유가 많이 될 때 사용 W3C : https&

2022년 7월 17일
·
0개의 댓글
·

CSS 기초

CSS 선택자 > 선택자 우선순위 : ID > Class > 태그. 우선순위가 높은 순으로 덮어씌워짐. 한 페이지 내에서 ID선택자는 고유해야 한다. 선택자 연습 사이트 : https://flukeout.github.io/ font > - font-style : 글

2022년 7월 14일
·
0개의 댓글
·
post-thumbnail

HTML 기초

index.html > 웹에서 www.웹사이트 주소/폴더/ 하위에 여러 html 파일들이 있으면, a.html과 같은 파일들은 www.웹사이트 주소/폴더/a.html과 같이 파일명을 명시해야 진입이 가능하지만, index.html은 파일명을 명시하지 않아도 디폴트로 진

2022년 7월 14일
·
0개의 댓글
·

JAVA 빌드 관리 툴

빌드 > 컴파일(고급언어->기계어)+링크(라이브러리+기계어=실행파일(.exe)) 빌드는 컴파일+링크를 일컫는 말로, 소스코드를 실행할 수 있는 독립적인 소프트웨어(Artifact)로 가공하는 과정을 의미한다. 더 세분화한 과정을 설명하면... 소스코드를 컴파일한다.

2022년 7월 14일
·
0개의 댓글
·
post-thumbnail

CPU scheduling

큐에 들어와있는 프로세스 중 어떤 프로세스를 다음에 동작시킬 것인가를 결정한다. 빈번히 일어나고 빠르고 효율적으로 결정할 수 있어야 한다. 빨간 부분마다 context switch 일어나고 이때 scheduling을 해준다. 모든 시스템에서: no starvation

2022년 6월 6일
·
0개의 댓글
·
post-thumbnail

Virtual Memory3

Page Replacement > 페이지 폴트가 나면 운영체제는 디스크에서 메모리의 프레임으로 폴트가 난 페이지를 로드한다. 때때로, 어떤 프로세스들이 메모리 프레임을 모두 사용하고 있을 수도 있다. 이때, 운영체제는 페이지를 교체해야 되는데, 몇가지 페이지 교체 알고

2022년 6월 6일
·
0개의 댓글
·
post-thumbnail

Virtual Memory2

Issues > - 페이지 테이블 사이즈를 어떻게 줄일 것인가 virtual physical 변환 시간을 어떻게 줄일 것인가 Page Table에 관한 고찰... > 32비트 주소 공간이면 프로세스마다 4MB의 페이지 테이블이 메모리에 적재되는데, 이 페이지 테이블

2022년 6월 6일
·
0개의 댓글
·
post-thumbnail

Storage

디스크를 일정한 크기의 1차원 배열로 생각하고, 인덱스로 접근하는데, 그 한 칸을 논리블록이라 한다. 실제 디스크 내 물리적 위치인 섹터와 논리블록이 1:1로 매핑된다. 섹터가 모여서 트랙이 되고, 각 플래터(원판 하나의 동일한 트랙의 집합을 실린더라 한다. 디스크는

2022년 6월 6일
·
0개의 댓글
·
post-thumbnail

I/O System

kernel에 입출력 장치마다 device driver가 있는데, 얘네가 입출력을 담당한다. Block Device : 고정 크기의 블록단위로 데이터를 주고받는다. 버퍼를 사용하고, 순서가 없이 각각의 주소를 이용해 접근하고 seek operation이 필요하다.ex

2022년 6월 6일
·
0개의 댓글
·
post-thumbnail

Virtual Memory1

&n으로 출력되는 주소는 virtual address이다. 그렇게 때문에 다시 컴파일하지 않는다는 가정 하에 virtual address는 같다. 하지만, 운영체제의 발달로 보안을 위해 실행때마다 랜덤하게 할당하는 경우도 있다^^운영체제는 CPU에서 프로세스의 당장

2022년 6월 5일
·
0개의 댓글
·

Memory Management

Memory Management의 Goals > - To provide a convenient abstraction for programming (프로그래밍을 할 때 메모리 구조를 추상화하여 편리하게 코딩할 수 있도록 함) To allocate scarce(부족한) m

2022년 6월 4일
·
0개의 댓글
·
post-thumbnail

인텔리제이 SQLite 연동

내가 하다가 까먹을거같아서 정리하는거...https://sqlitestudio.pl/ <-여기서 설치\*\*설치 후, SQLiteStudio 응용프로그램을 실행하여 Database만들기. \+SQLite는 서버가 없고, 데이터베이스를 생성하면, 하나의

2022년 5월 15일
·
0개의 댓글
·
post-thumbnail

Synchronization(동기화)

동기화 문제 > 멀티프로세스, 멀티쓰레드 환경에서 공유되는 자원을 동시에 접근할 때 생기는 문제이다. 이런 상황을 race condition이라고 한다. 위 예제에서, 두명의 사람이 은행에서 돈을 뽑는다고 가정하자. 계좌(account)에 100이 들어있고, amou

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

Process

기초 > Processor - CPU Program - 보조기억장치에 저장되어 있는 순서있는 instruction과 데이터의 집합 Process - 메모리에 적재되어 프로세서에 의해 실행되고 있는 프로그램 job - 일반적으로 Process와 혼용하여 사용 프로세스란

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

Thread

기본 > 프로세스는 운영체제에 의해 메모리를 할당받아 CPU에서 실행중인 프로그램이고, 프로세스는 데이터와같은 자원, 그리고 스레드로 구성된다. 프로세스 문제점 인지 > - C에서 fork와 같은 함수를 이용하여 새로운 프로세스를 만드는 것은 비효율적이다. OS는 프

2022년 4월 15일
·
0개의 댓글
·
post-thumbnail

OS와 Computer Architecture

Kernel Space > Kernel space는 운영체제가 제어하는 공간이다. Architecture > I/O 장치들과 CPU는 각자 동작한다.(당연) 각 I/O Device 마다 controller가 있다. 각 디바이스 컨트롤러는 local buffer를 갖고

2022년 4월 3일
·
0개의 댓글
·

JavaScript? JSP? Node.js?

html, css로 정적인 웹 페이지를 생성하고, JavaScript로 동작을 넣어 주는데, 이때의 동작은 서버와 통신하는 동작이 아닌, 클라이언트 내에서 일어나는 동작이다. 예를들면, 다크모드, 마우스를 가져다 댔을 때 영상이 재생, 스크롤 ...etc여기에서 이제

2022년 3월 29일
·
0개의 댓글
·