전체 글

[HTML] HTML - 27.HTML5 요소 - 멀티미디어 파일 형식과 비디오

이번 시간에는 HTML에 멀티미디어 파일 형식과 비디오 요소에 대해 알아보도록 하겠습니다. 멀티미디어 파일 형식 멀티미디어 파일 형식은 HTML5 이전까지 웹 브라우저마다 어떤 종류의 멀티미디어 파일을 지원할지 각자 다른 방식으로 처리해 왔습니다. 하지만 HTML5에서는 플래시와 같은 외부 플러그인의 도움 없이 멀티미디어 파일을 간단히 사용할 수 있게 되었습니다. 웹 브라우저는 파일의 타입(type)을 파일의 확장자로 판단합니다. 만약 확장자가 .html인 파일을 보면 웹 브라우저는 이 파일을 HTML 파일로써 다루게 될 것 입니다. 비디오(video)나 사운드(sound)와 같은 멀티미디어 요소들은 멀티미디어 파일에 저장됩니다. 이와 같은 멀티미디어 파일도 다음과 같이 다양한 파일 형식으로 저장될 수 ..

[HTML] HTML - 26.HTML5 요소 - input 요소의 속성

이번 시간에는 HTML에 input 요소의 속성에 대해 알아보도록 하겠습니다. input 요소의 속성 HTML에서 input 요소는 다양한 속성을 가질 수 있습니다. HTML에서 자주 사용되는 input 요소의 대표적인 속성은 다음과 같습니다. value readonly disabled maxlength size HTML5 form 요소의 속성 HTML5에서 새롭게 추가된 form 요소의 속성은 다음과 같습니다. autocomplete novalidate HTML5 input 요소의 속성 HTML5에서 새롭게 추가된 input 요소의 속성은 다음과 같습니다. autocomplete autofocus form formaction formenctype formmethod formnovalidate formt..

[Redis] Redis - Redis 리스트

이번 시간에는 Redis 리스트에 대해 알아보도록 하겠습니다. Redis 리스트 Redis list는 문자열 값에 연결된 목록으로 다음과 같은 용도로 사용됩니다. 스택 및 대기열 구현 백그라운드 작업 시스템에 대한 대기열 구축 Redis 리스트 사용법 Redis 리스트를 사용하기 위해서는 다음과 같은 코드를 입력해줍니다. 리스트를 대기열 처리 (처음에 입력후 출력) > LPUSH work:queue:ids 101 (integer) 1 > LPUSH work:queue:ids 237 (integer) 2 > RPOP work:queue:ids "101" > RPOP work:queue:ids "237" 목록을 스택처럼 처리 (첫번째 입력, 마지막 출력) > LPUSH work:queue:ids 101 (i..

[HTML] HTML - 25.HTML5 요소 - input 요소의 타입

이번 시간에는 HTML에 Input 요소의 타입에 대해 알아보도록 하겠습니다. input 요소의 타입 html에서 form 요소는 다양한 타입의 input 요소를 포함할 수 있습니다. HTML에서 자주 사용되는 input 요소의 대표적 타입으로는 다음과 같습니다. text password submit radio button checkbox button HTML5 에서 추가된 input 요소의 타입 HTML5에서 새롭게 추가된 input 요소의 타입은 다음과 같습니다. 숫자 입력(number) 입력 범위 지정(range) 색상 입력(color) 날짜 입력(date) 시간 입력(time) 날짜와 시간 입력(datetime-local) 연도와 월 입력(month) 연도와 주 입력(week) 이메일 입력(ema..

[Haskell] 하스켈 기초반 5강 - 타입의 기초2

이번 5강에서는 지난번 배운 타입의 기초에 2번째 시간입니다. 이번 장에서는 숫자 타입들이 하스켈에서 어떻게 처리되는지 보여주고 타입 시스템의 몇 가지 중요한 특성을 소개하는 시간입니다. Num 클래스 수학에는 함께 더할 수 있는 수의 종류에 몇가지 제약이 존재합니다. 예를 들어서 2 + 3(두 자연수) (-7) + 5.12(음의 정수와 실수) 1/7 + π(유리수와 무리수).. 등이 있습니다.이것들은 모두 타당하며 사실 모든 임의의 두 실수는 덧셈이 가능합니다. 그런 일반성을 가장 단순하게 포착하려면 하스켈에서는 일반화된 Number 타입이 필요하고 그런 (+)의 시그니처는 단순히 아래와 같아야 합니다. (+) :: Number -> Number -> Number 하지만 이런 설계는 컴퓨터가 산수를 하..

[PostgreSQL] Postgresql 강좌 - 9.JOIN 문법

JOIN JOIN 문법은 FROM에서 2개 이상의 테이블을 결합하여 다수의 행을 검색하는 것을 말합니다. JOIN의 일반적인 문법으로는 다음과 같습니다. T1 join_type T2 [ join_condition ] JOIN할 두 테이블을 입력하고 어느 타입의 JOIN을 사용할 것인지 입력 해 줍니다. JOIN절은 여러가지 타입이 존재하는데 JOIN Type [INNER] JOIN LEFT [OUTER] JOIN RIGHT [OUTER] JOIN FULL [OUTER] JOIN CROSS JOIN JOIN 타입에 대한 설명은 다음과 같습니다. JOIN 예제 예제를 실행하기 위해서 T1테이블과 T2 테이블을 생성합니다. CREATE TABLE T1( num integer PRIMARY KEY, name v..

[deno] deno 설치와 환경변수 설정하기

이번 시간에는 deno를 직접 설치하고 환경변수를 설정하는 방법을 알아보겠습니다. Deno 설치법 Deno는 macOS, 리눅스, 윈도우에서 작동합니다.Deno는 단인 이전 실행 파일이라 외부 종속성이 없기 때문에 maOS에서는 M1(arm64)과 인텔(x64) 실행 파일을 모두 제공합니다. 리눅스 및 윈도우즈에서는 x64만 지원하고 있습니다. macOS 설치법 curl -fsSL https://deno.land/x/install/install.sh | sh Windows PowerShell 설치법 irm https://deno.land/install.ps1 | iex cargo를 사용한 설치법 cargo install deno --locked 설치 후 버전확인 deno를 설치했다면 아래 명령어로 den..

[Go] Go 변수와 상수

이번 시간에는 go의 변수와 상수를 알아보도록 하겠습니다. 변수 선언 Go에서 변수는 var 키워드를 사용해 선언하고 다음과 같이 var 다음에 변수 이름과 타입을 표기합니다. var 변수명 타입 Go는 대부분의 언어와는 달리 변수 이름을 먼저 쓰고 그 다음에 타입을 표기해 줍니다. var a int var b string 다른 언어들과 비교해 보면 // C - 타입을 변수명 앞에 표기 int a; char *b; // 자바 - 타입을 변수명 앞에 표기 int a; String b; 이와 같은 순서로 변수를 선언하는 이유는 코드를 더욱 자연스럽게 읽기 위해서 입니다. 코드를 읽을 때 var i int라는 구문을 보면 '변수 i를 int 타입을 선언한다"는 뜻으로 자연스럽게 해석할 수 있습니다. Go는 변..

[HTML] HTML - 24.HTML5 요소 - input 요소

이번 시간에는 HTML에 다양한 타입의 input 요소에 대해 알아보도록 하겠습니다. 다양한 타입의 input 요소 HTML에서는 다양한 타입의 input 요소를 이용해 사용자로부터 입력을 받을 수 있습니다. 대표적으로 사용하는 HTML input 요소는 다음과 같습니다. 텍스트 입력 비밀번호 입력 라디오 버튼 체크박스(check box) 파일 선택 박스 선택(select) 입력(drop-down 리스트) 문장 입력 버튼(button) 입력 전송 버튼(submit) 필드셋(fieldset) HTML5에서 추가된 다양한 타입의 input 요소 HTML5에서 새롭게 추가된 다양한 타입의 input 요소는 다음과 같습니다. datalist 요소 keygen 요소 output 요소 datalist 요소 data..

[deno] deno란 무엇인가?

이번 시간에는 가장 쉽고 안전한 런타임 언어 Deno에 대해서 알아보도록 하겠습니다. Deno의 탄생 Deno는 2018년 네트워크 애플리케이션 개발언어인 Node.js의 개발자 Ryan Dahl(라이언 달)이라는 개발자를 통해 개발된 언어입니다. Deno는 자바스크립트 V8 엔진 및 Rust 프로그래밍 언어를 기반으로 하는 Javscript 및 TypeScript 용 런타임 언어로서 생산성에 중심을 두는 언어입니다. Deno의 개발자 Dahl은 2018년 "Node.js에 관한 후회 10가지"강연에서 Deno를 발표했습니다. Deno는 별도 패키지 관리 프로그램이 필요 없는 언어로써, 단일 실행 파일 내에서 런타임 및 패키지 관리자의 역할을 명시적으로 수행하기 때문 입니다. Deno의 역사 Ryan D..

[Redis] Redis - Redis 문자열

이번 시간에는 Redis 문자열에 대해 알아보도록 하겠습니다. Redis 문자열 Redis 문자열은 텍스트, 직렬화된 객체 및 이진 배열을 포함한 일련의 byte를 저장합니다. 따라서 문자열은 가장 기본적인 Redis 데이터 유형입니다. 문자열은 캐싱에 자주 사용되지만 카운터를 구현하고 비트 연산도 수행할 수 있는 추가기능을 지원합니다. Redis 문자열 사용법 Redis에서 문자열을 사용하기 위해서는 다음과 같이 입력해줍니다. > SET user:1 salvatore OK > GET user:1 "salvatore" 직렬화된 JSON 문자열을 저장하고 지금부터 100초후에 만료되도록 설정합니다. SET ticket:27 "\"{'username': 'priya', 'ticket_id': 321}\"" ..

[HTML] HTML - 23.HTML5 요소 - 의미 요소

이번 시간에는 HTML의 의미 요소에 대해 알아보도록 하겠습니다. 의미 요소(semantic element) 의미 요소(semantic element)란 그 자체로 의미를 가지고 있는 요소를 가리킵니다. 즉, 요소가 자기 스스로 브라우저와 개발자 모두에게 자신이 사용된 의미를 명확히 전달해 주는 요소를 의미합니다. 의미 요소가 아닌 div 요소나 span 요소 등은 해당 요소가 어떠한 목적으로 사용되었는지 코드를 살펴봐야만 알 수 있습니다. 하지만 의미 요소 중 하나인 table 요소는 코드를 직접 보지 않아도 해당 요소가 표를 만드는 태그라고 인식한다는 것을 이름 그 자체만 보아도 알 수 있습니다. HTML5 에서 추가된 의미 요소 HTML5에 새롭게 추가된 대표적인 의미 요소로는 다음과 같습니다. h..