개발자 퉁이리

트랜잭션 트랜잭션이란 하나의 작업을 수행하는 데 필요한 데이터베이스의 연산들을 모아놓은 것을 말한다. *논리적 작업 단위 데이터베이스는 장애 발생 시 최대한 빠른 시간 내에 복구해야 한다. 트랜잭션은 장애 발생 시 복구 작업을 위한 중요한 단위로 사용된다. 🗨 트랜잭션의 특성 원자성 일관성 격리성 지속성 1️⃣ 원자성 트랜잭션의 연산들이 모두 정상적으로 실행되거나 하나도 실행되지 않아야 하는 all-or-nothing 방식을 의미한다. 만약 트랜잭션을 수행하다가 장애가 발생한다면, 모두 취소하고 원상태로 되돌려야 한다. 원자성의 보장을 위해 장애 발생 시 회복 기능이 필요하다. 2️⃣ 일관성 트랜잭션이 성공적으로 수행된 후에도 데이터베이스가 일관된 상태를 유지해야 함을 의미한다. 3️⃣ 격리성 수행 중인..

https://www.acmicpc.net/problem/2166 2166번: 다각형의 면적 첫째 줄에 N이 주어진다. 다음 N개의 줄에는 다각형을 이루는 순서대로 N개의 점의 x, y좌표가 주어진다. 좌표값은 절댓값이 100,000을 넘지 않는 정수이다. www.acmicpc.net ⊙ 문제 ⊙ 입력 ⊙ 출력 ⊙ 예제 입출력 ⊙ 알고리즘 분류 기하학 다각형의 넓이 ⊙ 문제 접근 과정 학창 시절 수학 시간에 배웠던 '신발끈 공식' 신발끈 공식을 사용하면 바로 풀 수 있다. 🔎 신발끈 공식이란? 적색 화살표가 지나는 원소들의 곱의 합에서 한 청색 화살표가 지나는 원소들의 곱이 합을 빼어 절댓값을 취하면 된다. 사진에 보면 x는 x좌표이고 y는 y좌표를 말한다. 한 가지 주의해야 할 점은 마지막에 첫 번째 ..

https://www.acmicpc.net/problem/2623 2623번: 음악프로그램 첫째 줄에는 가수의 수 N과 보조 PD의 수 M이 주어진다. 가수는 번호 1, 2,…,N 으로 표시한다. 둘째 줄부터 각 보조 PD가 정한 순서들이 한 줄에 하나씩 나온다. 각 줄의 맨 앞에는 보조 PD가 담당한 www.acmicpc.net ⊙ 문제 ⊙ 입력 ⊙ 출력 ⊙ 예제 입출력 ⊙ 알고리즘 분류 그래프 이론 위상 정렬 ⊙ 문제 접근 과정 기본적으로 위상 정렬 알고리즘을 사용한다. 이 문제에서는 순서 입력을 아래와 같이 입력받는데 이 부분만 처리해주면 바로 풀린다. 가수의 수 -> 가수 순서 예를 들어 예제와 같이 3 1 4 3이 들어오면 가수의 수는 3이고 순서는 1 4 3이다. 그래서 나는 이것을 list로..

https://www.acmicpc.net/problem/1926 1926번: 그림 어떤 큰 도화지에 그림이 그려져 있을 때, 그 그림의 개수와, 그 그림 중 넓이가 가장 넓은 것의 넓이를 출력하여라. 단, 그림이라는 것은 1로 연결된 것을 한 그림이라고 정의하자. 가로나 세로 www.acmicpc.net ⊙ 문제 ⊙ 입력 ⊙ 출력 ⊙ 예제 입출력 ⊙ 알고리즘 분류 그래프 이론 그래프 탐색 너비 우선 탐색 깊이 우선 탐색 ⊙ 문제 접근 과정 bfs를 돌려서 그림의 총 개수와 가장 넓은 그림을 찾아내면 된다. bfs를 돌릴 때, 내장 count는 그림의 넓이다. 그 값과 기존에 저장된 큰 그림의 넓이와 비교해서 더 큰 값을 max에 저장해준다. 이때 방문을 했는지 안 했는지 알기 위해 visited 리스트..

TOAST UI 마크다운과 위지윅 방식을 지원하는 에디터이다. 📋 TOAST UI 세팅 https://nhn.github.io/tui.editor/latest/ 위 사이트에 접속하여 좌측 메뉴바에 Examples를 누르면 여러 가지 샘플을 볼 수 있다. 마음에 드는 샘플이 있다면 자바스크립트 코드와 HTML 코드를 가져와 사용하면 된다. (오픈소스) 🛒 이제 본격적으로 TOAST UI를 어떻게 사용하는지 알아보자 🔎TOAST UI 사용법 우선 사용하고 싶은 페이지에 CSS 코드를 추가해준다. 자바스크립트 코드도 추가해주자 CSS 코드와 자바스크립트 코드를 추가해주었으면 HTML 코드도 추가해준다. 마지막으로 아래 코드만 추가해주면 된다 const Editor = toastui.Editor; const e..

https://www.acmicpc.net/problem/3190 3190번: 뱀 'Dummy' 라는 도스게임이 있다. 이 게임에는 뱀이 나와서 기어다니는데, 사과를 먹으면 뱀 길이가 늘어난다. 뱀이 이리저리 기어다니다가 벽 또는 자기자신의 몸과 부딪히면 게임이 끝난다. 게임 www.acmicpc.net ⊙ 문제 ⊙ 입력 ⊙ 출력 ⊙ 예제 입출력 ⊙ 알고리즘 분류 구현 자료 구조 시뮬레이션 덱 큐 ⊙ 문제 접근 과정 뱀의 머리와 꼬리를 알기 위해서 큐를 사용한다. 아래에 왜 큐를 사용해야 하는지 설명하겠다. 만약 다음 칸에 사과가 있다면 뱀의 길이는 증가한다. 사과가 존재하지 않으면 뱀의 길이는 유지된다. 그렇다는 말은 사과가 존재하면 뱀의 꼬리는 움직이지 않고, 사과가 존재하지 않으면 꼬리는 움직여야 ..

EM과 REM 고정적인 값이 아닌 상대적인 값을 표현해주어서 EM과 REM을 사용한다. 🔎 REM 페이지의 최상위 요소인 HTML 요소의 폰트 크기를 기준으로 크기를 정한다. font-size: 11rem; 💨 REM 장점 상속에 상관없이 일괄된 크기를 반환해준다. 따라서 별다른 번거로움 없이 반응형 크기 사용이 가능하여 기본적으로 REM을 사용하면 된다. VS 🔎 EM 상위 요소의 폰트 크기를 기준으로 크기를 정한다. font-size: 11em; 💨 EM 장점 상속에 의하여 크기를 반환해준다. 따라서 상속을 고려하여 신중히 사용해주면 보다 디테일하게 구현 가능하다. REM과 EM을 사용하면 반응형 웹사이트를 손쉽게 구현할 수 있다. 상황에 맞게 적절히 사용해주자 좋아요는 로그인하지 않아도 누를 수 있..

CSS 박스 모델 모든 HTML 요소는 박스 모양으로 구성되고 네 영역으로 이루어진다. 박스 모델은 Chrome 기준 F12를 누르면 Element Style 부분에서 바로 만나볼 수 있다. 네 가지 영역 내용 패딩 테두리 마진 1️⃣ 내용 텍스트나 이미지 등의 내용이 표시되는 영역이다. 폭과 높이로 크기를 지정할 수 있다. width:111px; height:111px; 2️⃣ 패딩 콘텐츠 내용과 테두리 사이의 여백 영역이다. 패딩은 눈에 보이지 않고, 마이너스 값의 지정도 가능하다. padding: 11px 11px 11px 11px; padding-top:11px; padding-bottom:11px; 3️⃣ 테두리 패딩과 마진의 경계에 있는 테두리이다. 테두리의 두께와 색상 등의 설정이 가능하다...

CSS 선택자 CSS 선택자는 style을 적용하고자 하는 HTML 요소를 선택자로 특정하여 스타일을 정의하는 것을 말한다. CSS 선택자 종류 📃 전체 선택자 📃 TAG 선택자 📃 ID 선택자 📃 CLASS 선택자 📃 자손 선택자 📃 자식 선택자 📃 인접 형제 선택자 📃 동적 선택자 📃 구조 의사 클래스 선택자 📃 전체 선택자 HTML 문서 내의 모든 요소를 선택한다. * { } 📃 TAG 선택자 지정된 태그명을 가진 요소를 선택한다. element { } 📃 ID 선택자 지정된 ID를 가진 요소를 선택한다. (선택자 앞에 #를 붙인다.) #ID { } 📃 CLASS 선택자 지정된 CLASS를 가진 요소를 선택한다. (선택자 앞에 .를 붙인다.) .CLASS { } 📃 자손 선택자 A 선택자의 하위 선..

연습문제 1. 어떤 릴레이션에 속한 모든 속성이 원자 값만을 가지며, 기본키가 아닌 속성 모두가 기본키에 완전 함수 종속이지만 이행적 함수 종속이 나타나면 어떤 정규형에 해당하는가? ② 제2정규형 2. 정규화에 대한 설명으로 옳지 않은 것은? ④ 속성들 간의 종속 관계를 분석하여 잘못 설계된 릴레이션들을 결합하면서 문제를 해결한다. 3. 잘못 설계된 릴레이션을 조작할 때 발생하는 이상 현상 중 다음이 설명하는 것은 무엇인가? 중복된 투플 중에서 일부 투플의 속성 값만을 변경함으로써 정보의 모순성이 생기는 현상 갱신 이상 4. 다음 릴레이션에 존재하는 함수 종속성을 모두 찾으시오. ① A → B 5. 다음과 같은 함수 종속성을 가지는 릴레이션은 어떤 정규형에 속하는가? 제 2정규형 6. 다음과 같은 함수 ..