1coding 😆

화소 점 처리 화소 점 처리는 원래 화소의 값이나 위치를 바탕으로 단일 화소 값을 독립적으로 변경하는 기술입니다. 다른 화소의 영향을 받지 않고, 단순히 화소 점의 값만 변경하기 때문에 포인트 처리라고도합니다. ​ 산술, 논리, 반전, 광도 보정, 히스토그램 평활화, 명암 대비 스트레칭 등 기법이 다양합니다. ​ 1) 산술 연산 화소의 밝기 조정, 대비 변경 ​ 2) 논리 연산 참, 거짓을 판별하는 논리 연산(AND, OR, XOR, NOT)으로 디지털 영상에서 차폐, 특징 추출, 형태 분석을 수행 ​ 3) 히스토그램 (막대 그래프) 관측한 데이터가 분포된 특징을 한 눈에 알아보기 쉽게 나타낸 그래프 가로축 - 레벨(영상의 밝기), 세로축 - 빈도 수(밝기 값에 대응하는 화소 수) ​ 히스토그램을 다루는..

컬러 모델 색을 표현하고자 하는 방식이라 할 수 있습니다. 대표적으로 RGB, CMY, HSI가 있습니다. RGB 컬러 모델 ​ RGB 컬러 모델은 빨강, 초록, 파랑이라는 3가지 색상 값을 이용해서 색을 표현합니다. 색을 혼합할수록 색이 밝아지는 가산체계(Additive System)을 사용합니다. ​ 1) RGB를 같은 비율로 혼합 → 가장 밝은 흰색 Red(1, 0, 0) + Green(0, 1, 0) + Blue(0, 0, 1) = White(1, 1, 1) ​ 2) 빨강색 + 초록색 → 노란색 Red(1, 0, 0) + Green(0, 1, 0) = Yellow(1, 1, 0) ​ 3) 초록색 + 파란색 → 청록색 Green(0, 1, 0) + Blue(0, 0, 1) = Cyan(0, 1, 1..

빛과 색 인간은 인간이 볼 수 있는 빛의 영역인 가시광선으로 색을 인식합니다. 파장의 길이에 따라 성질이 변화하여 각각의 색깔로 나타냅니다. 빨간색에 가까울수록 파장이 길고, 보라색에 가까울수록 파장이 짧습니다. ​ 컬러 공간은 어떤 색깔과 다른 색깔과의 관계를 표현하기 좋은 논리적인 방법입니다. 우리가 흔히 아는 RGB는 빨강, 초록, 파랑으로 여러 색을 표현합니다. 또한, 컬러 공간 HSI는 색상, 채도, 명도로 여러 색을 표현합니다. 하지만, 가시광선 이외에 색도 있습니다. 적외선은 빨간색 바깥의 색으로 빨간색 보다 파장이 긴 광선입니다. 주로, 열 감지나 군사, 의료에 사용됩니다. 자외선은 보라색 바깥의 색으로 보라색 보다 파장이 짧은 광선입니다. 피부 노출이 많으면 피부 암을 일으킵니다. 눈의 ..

영상처리 (Digital Image Processing) 영상은 2차원 함수인 f(x,y)로 정의됩니다. ​ 아래 그림은 디지털 이미지를 좌표상으로 표현한 그림입니다. ​ 디지털 이미지는 화소(Pixel)이라는 단위로 세밀하게 2차원 형태로 표현됩니다. 화소는 2차원적 표현으로 x와 y의 값으로 위치를 나타내는 공간 좌표(Spatial Coordiantes)로 표현합니다. ​ 또한, 해당 좌표 (x, y)의 크기인 f(x, y)는 해당 화소의 밝기(Intensity)​를 표현합니다. 또는 회색도(Gray Level)이라고도 합니다. 디지털 영상의 조건 1) x, y, f의 크기 값이 모두 유한해야 한다. 2) x, y, f의 크기 값이 모두 이산적인 값이어야 한다. 디지털 신호의 장점 1) 디지털 데이터..

SPA와 MPA SPA (Single Page Application) : 하나의 HTML 파일을 기반으로 JS를 이용해 화면의 컨텐츠를 동적으로 바꾸는 방식의 웹 어플리케이션 (전통적인 렌더링 방식 : CSR) MPA (Multiple Page Application) : 사용자가 페이지를 요청할 때마다, 웹 서버가 요청한 UI와 필요한 데이터를 HTML로 파싱해서 보여주는 방식의 웹 어플리케이션 (전통적인 렌더링 방식 : SSR) CSR CSR에선 브라우저가 서버에 HTML과 JS 파일을 요청한 후, 로드되면 사용자의 상호작용에 따라 JS를 이용해서 동적으로 렌더링을 시킨다. 장점 첫 로딩만 기다리면, 동적으로 빠르게 렌더링 → 사용자 경험(UX)이 좋음 서버에게 요청하는 횟수 훨씬 적음 → 서버의 부담..

시각 장애인의 웹 페이지 보기 프론트엔드 웹 개발을 하면서 시각 장애인은 웹 페이지를 스크린 리더(예를 들어, Google의 텍스트 음성 변환 엔진)를 통해 컨텐츠의 의미를 파악할 수 있다는 것을 알았다. 예를 들어, 아래와 같이 pagination이 존재한다. 우리는 어떤 페이지에 저런 pagination을 보면 의미를 바로 알 수 가 있다. 하지만 시각 장애인이 pagination을 통해 다른 페이지로 가고 싶다면? 스크린 리더를 통해 저 pagination을 읽으면 가령, "Go to page 1" 또는 "Go to next page"라고 스크린 리더가 음성을 낸다. 어떻게 하면 스크린 리더가 저 내용을 읽을 수 있도록 프론트엔드 개발자가 웹을 개발할 수 있을까? aria-label="시각 장애인을..

깃허브 마크다운 개발자라면 깃허브의 활용이 중요한데, md파일이나 이슈를 작성할 때 마크다운을 활용하여 좀 더 구조적으로 작성할 수 있다. 마크다운에 대해 빠르고 필요한 기능만 배울 수 있는 사이트가 있다. 마크다운 튜토리얼 아래 초록 버튼을 누르면, 첫번째로, 글자 기울임과 굵은 글씨를 표현하는 방법을 알려준다. 쉬운 순서대로 튜토리얼 같이 제공되면서, 실습해볼 수 있는 Textarea를 제공하니 활용하여 배울 수 있다. www.markdowntutorial.com/ Markdown Tutorial Markdown is a way to write content for the web. It’s written in what people like to call “plaintext”, which is exac..

알고리즘 공부, 대상은 전공자? 슬슬 취업 준비선에 서서 스타트를 기다리는 졸업 예정 4학년. 일명 '코테'를 위해 이 책을 구매하였다. (eBook으로 구매). 이 책을 반 읽었다. 간단한 총평은, 이 책은 오로지 코딩 테스트를 위한 입문서라고 생각한다. 그저 딱 입문서. 개인적으로 컴퓨터공학 4년제 전공자로써 어렵지 않았지만 그렇다고 해서 유용하지 않았던 것은 아니다. 그래도 전공자 or 비전공자 중 누구에게 가장 효율적이냐? 하면 당연히 '비전공자' 파이썬 뿐만 아니라 다른 언어도 지원 필자는 Python3에도 관심이 있어 코딩 테스트에서 C++과 Python을 사용하여 알고리즘 문제를 해결하는 편이다. 하지만, 주력은 C++이다. 이처럼 Python을 제외한 다른 언어의 소스코드도 지원해주는 것이..