전체 글
-
CSS로 배경색에 그라데이션 입히기Let's Code/HTML・CSS 2021. 2. 11. 00:22
CSS background에 있는 linear-gradient 기능으로 배경색에 그라데이션을 입힐 수 있다. Linear-gradient 기능은 의 구조로 사용할 수 있다. 방향을 지정하지 않았을 시, 디폴트는 위에서 아래 방향이 된다. background: linear-gradient(red, blue); 방향은 To top, to bottom, to right, to left로 지정할 수도 있으며, 0 deg, 180 deg, 90 deg, 270 deg로 지정할 수도 있다. 디폴트는 To bottom, 그리고 180 deg이다. deg의 경우 숫자가 커질수록 시계 방향으로 이동한다. background: linear-gradient(0deg, yellow, lightGreen); background..
-
영상 인코딩 및 인코딩 설정Let's Code/Data 2021. 2. 8. 23:59
인코딩이란 카메라를 통해 촬영한 영상 데이터는 기본적으로 Gb(기가바이트)이상의 대용량 파일이다. 이 파일을 실시간으로 전송하기 위해, 또는 하나의 영상 파일로 저장하기 위해 용량을 압축하는 과정을 인코딩이라고 한다. 인코딩 설정 상황과 기기에 적합한 인코딩 설정을 통해 최적의 영상 화질과 전송 속도를 구현할 수 있다. 영상의 화질이 좋으면 좋을수록 바람직할 것 같지만, 용량과 네트워크 속도라는 한계가 있으므로 상황에 맞는 합리적인 퀄리티를 선택할 필요가 있다. 작은 휴대폰 화면으로 시청할 영상이라면 불필요한 고해상도로 작업해 용량을 많이 잡아먹을 필요가 없기 때문이다. 1) 해상도 한 화면을 구성하는 픽셀의 단위를 의미하며, 고해상도의 화면일수록 큰 화면에 송출해도 깨지지 않는 고퀄리티의 영상을 구현한..
-
시리얼 포트의 특징과 사용Let's Code/Programming Basics 2021. 2. 8. 23:45
포트는 데이터의 송수신을 관리하기 위한 문의 역할을 한다. 시리얼 포트는 컴퓨터의 가장 기본적인 커넥터로, 20년 전부터 일반적으로 사용되었다. Byte에 있는 8bit를 한 번에 한 1bit씩 전송하는 직렬통신의 특징을 가졌으며, 따라서 한 byte를 전송할 때 속도가 병렬통신에 비해 느리지만 더 멀리 전송할 수 있다는 장점이 있다. 또한, 여러 bit를 동시에 보낼 필요가 없기 때문에 하나의 와이어로 1byte를 전송할 수 있고, 따라서 전선이 얇고 가벼우며 보다 저렴하다. 최근에 등장한 USB는 시리얼 포트와 별개의 포트이나, 같은 직렬 통신 형식이다. 또 다른 직렬 통신의 예시로는 블루투스 등이 있다. 병렬 통신인 Parellel 포트의 경우 여러 bit를 동시에 전송하여 빠른 데이터 처리가 가능..
-
데이터의 단위와 저장Let's Code/Programming Basics 2021. 2. 8. 22:56
데이터의 단위 컴퓨터는 이진법을 사용해 데이터를 저장한다. (현재 전자공학의 한계로 우리가 익숙한 십진법의 구현은 지나치게 비싼 컴퓨터를 만들 것이다.) 0과 1의 두 가지 값이 올 수 있는 하나의 자릿수를 'bit'라고 한다. 보통 byte는 8 묶음으로 사용 되는데, 8 byte를 'byte'라고 하며 총 256가지 경우의 수를 표현할 수 있다. 1 킬로바이트는 2의 10승인 1024이며, 1 메가바이트는 2의 20승, 1 기가바이트는 2의 30승, 1 테라바이트는 2의 40승이다. 컴퓨터는 0과 1 숫자로만 소통할 수 있기에 문자를 이진법으로 인코딩하는 작업이 필요하다. 아스키 코드(ASCII Table)는 가장 흔하게 사용되는 인코딩 방식으로, 하나의 byte에 하나의 문자를 대응시킨다. 0번부터..
-
1월에 진행한 업무회고/직장 2021. 2. 8. 00:39
2년차가 되니 짬이 생겨 혼자 진행하는 업무도 꽤 많다. 이번 달에 진행한 업무와 배운 점 간략하게 정리! 1. 해외 업체랑 컨퍼런스 콜 단독 진행: 용건 별로 빠르게 진행하는 게 상대방에게도 낫다. 말을 끊는 건 최악의 매너지만, 이야기가 너무 딴 길로 샌다 싶을 때 잽싸게 끼어들어서 현재 상황 공유와 Next Step을 환기시켜 주는 진행 역할이 필요하다. 덧붙여서 영어로 빠르고 길게 얘기하는 것에 대한 거부감이나 버퍼링이 사라졌다. 컨콜 후 업체가 컨콜 때 논의한 사항과 앞으로의 Next Step, 각자의 의견을 간략하게 정리해서 컨펌을 요청했는데 일을 잘한다는 생각이 들었다. 컨콜 전/후의 커뮤니케이션도 매우 중요하다는 걸 배웠다. 2. 정부 입찰 제안서 초안 작성: 처음에는 버거웠던 업무도 막상..
-
프로그래밍과 고수준, 저수준 언어Let's Code/Programming Basics 2021. 2. 8. 00:11
프로그래밍이란 무엇일까? 🤔 오늘날 사람은 컴퓨터에 의존하여 복잡한 과업을 수행한다. 이 때 컴퓨터에게 정해진 일을 시키는 설명서를 프로그램이라고 한다. 이 때 컴퓨터의 언어로 임무를 지시하려면 인간의 언어를 컴퓨터의 언어로 변환하는 과정이 필요하다. 컴퓨터가 이해할 수 있는 언어는 숫자 0과 1로 이루어진 이진수이기 때문이다. 사람이 이해할 수 있는 언어로 쓰여진, 컴퓨터에게 임무를 지시하기 위한 특정 체계의 언어를 프로그래밍 언어라고 한다. 프로그래밍 언어는 용도와 상황, 데이터의 용량과 컴퓨터의 사양 등에 따라 세분화되어 존재한다. 개발자는 프로그래밍 언어를 통해 프로그램을 만드는 사람들이다. 컴파일링이란 무엇일까? 프로그래밍 언어를 컴퓨터가 이해할 수 있는 이진수로 변환하는 작업을 컴파일링이라고 ..
-
OLTP vs OLAPLet's Code/Data 2021. 2. 6. 23:37
OLTP란 Online Transaction Processing의 약자로, 주로 데이터베이스 - 서버 - 클라이언트로 이어지는 3 티어 구조 속의 데이터 처리를 지원한다. 호스트 컴퓨터가 데이터베이스를 액세스하고 즉각적으로 처리 결과를 돌려보내는, 데이터베이스를 수시로 갱신하는 형태로 운영된다. OLTP의 목적은 데이터 분석이 아닌 데이터 처리에 있으며, 조직 내 단기간 데이터 처리 과정을 담당한다. (예시) ATM에서 동일한 계좌로 두 사람이 동시에 현금 인출을 시도할 때, 먼저 계좌를 조회한 사람을 파악하고 인출된 금액에 맞춰 잔고를 즉각적으로 조정한다. OLAP란 Online Analytical Processing의 약자로, 비즈니스 의사 결정을 위해 데이터 분석을 도와주는 소프트웨어 유형을 의미한..
-
HTML 기본 정리Let's Code/HTML・CSS 2020. 12. 30. 00:43
오랜만에 HTML을 복습하면서 기본 개념들을 한번에 정리하려고 한다. 이미 개념에 대해 알고 있다는 전제 하에, 급하게 작업할 때 빠르게 훑어볼 용도. HTML의 기본 구조 HTML은 프로그래밍 언어가 아닌, 프로그램의 구조를 명시하기 위한 마크업 언어Markup Language이다. HTML의 기본 단위는 Element이며, Element는 주로 Opening tag / 사이에 오는 Content / Closing tag의 구조를 가진다. Closing tag의 경우 /로 구분한다. 이 중 content Tag 하나로만 존재하는 경우 Empty tag라고 부른다. (ex. ) 주로 하나의 HTML 문서는 하기와 같은 구조를 가지고 있다. 은 컴퓨터가 해석할 수 있도록 html의 특정 버전을 알려주는 태..