전체 글

[HTML] HTML - 2.HTML의 기초

1.HTML이란? HTML이라는 것은 HyperText(비순차적 검색이 가능한 텍스트) Markup (출력) Language (언어) 의 약자로 한마디로 요약하자면 "내가 입력한 텍스트 출력해주는 언어"라고 요약할 수 있습니다. 웹 페이지에서는 HTML문서 (HTML Document)라고도 불리며 각각의 HTML 태그들로 구성되 있습니다. 각각의 HTML 태그들은 웹 페이지의 디자인이나 기능을 결정할때 사용됩니다. 제목크기 1 제목크기 2 제목크기 3 설명1 설명2 2.HTML 태그(tag) HTML 태그는 태그 사이에 꺽쇠 괄호()로 감싸며 표현합니다. // 시작태그 // 종료 태그 HTML 태그는 보통 시작 태그(start tag,opening tag)와 종료 태그(end tag, closing ta..

[HTML] HTML - 1.HTML의 개요

HTML HTML(하이퍼 텍스트 마크업 언어)라는 뜻으로 즉 웹 페이지를 표현하기 위해 개발된 언어로 누구나 쉽게 배울 수 있는 언어입니다. HTML은 1993년에 발표되었고 현 시점으로부터 19년이 된 언어입니다. HTML을 개발한 버너스 리는 1991년 말 처음으로 인터넷에서 문서를 "HTML 태그(HTML tag)로 부르면서 시작되었습니다. HTML은 앞서말한 것처럼 웹 페이지를 표현, 만드는 데 사용되는 언어이며 배울 의지가 있다면 쉽게 배울 수 있습니다. HTML에 대한 모든 태그는 미리 정의되어 있으면서 각각 태그의 속성만을 사용하면 됩니다. HTML의 파일명은 언어의 이름 그대로 .html 입니다. html을 처음 구성하기 위해서는 시작할 수 있는 코드가 존재합니다. html의 첫시작 Git..

[Haskell] 하스켈 기초반 2강 - 진위값

자 이제부터 2강에서는 진위값에 대해 알아보는 시간을 가져보겠습니다. 1.동등 비교와 기타 비교들 앞 장에서는 다음 코드처럼 등호를 사용하여 변수와 함수를 정의하였습니다. r = 5 이 코드를 프로그래밍적으로 평가하자면 (스코프 안에서) r을 모두 5로 치환한다는 뜻이 됩니다. f x = x + 3 다음 코드에서는 f다음 숫자에 (f의 인자) 가 붙는 모든 자리에 숫자 3을 더한 것으로 치환됩니다. 그렇다면 수학에서 등호는 중요한 요소가 되지만 미묘하게 다른 방식으로도 쓰이게 되는데 그 예로 x + 3 = 5 이 문제에서 우리의 괸심사는 값 5를 x + 3 으로 표현하거나 x + 3을 5로 표현한다는 것이 아닌 등식 x + 3 = 5를 명제(proposition)로서 보고, 어떤 숫자에 x를 3으로 더하..

[NestJS] Heroku 에 Nest.js 프로젝트 배포하기

이번 시간에는 Heroku를 사용해서 Nestjs 프로젝트를 배포하는 방법을 알아보도록 하겠습니다. Heroku에 Nestjs를 배포하는 시간은 단 10분만에 가능합니다. 먼저 간단한 Nestjs 프로젝트를 생성한후 Nodejs 서버를 돌려볼 수 있는 NestJS 프로젝트를 헤로쿠에 배포하려고 합니다. 환경 준비 Nest CLI 설치 Heroku App 생성 Heroku CLI 로그인 먼저 Nestjs 프로젝트를 생성합니다. $ nest new heroku-nest nestjs를 설치하지 않았다면 아래 명령어로 Nest를 먼저 설치해주세요 $ npm install -g @nestjs/cli Heroku에서 구동시 필요한 포트도 수정해줍니다. // src/main.ts async function boots..

[PHP] Mariadb Nginx를 이용한 MediaWiki 만들기

요즘들어 개인 공부를 위해 Wiki를 만들고자 하는데 좋은 참고 글이 있어 직접 세팅을 해보고 싶어 글을 작성해봅니다. 서버포럼 - 오픈소스 Wiki 프로젝트 Media Wiki란 무엇인가? 안녕하세요. 달소입니다. 이번에 소개시켜드릴 오픈소스프로젝트는 Media Wiki 입니다. 위키는 불특정 다수가 협업을 통해 직접 내용과 구조를 수정할 수 있는 웹사이트를 말합니다. 대표적인 사 svrforum.com 이번 글은 해당 사이트를 참고해서 제작한 프로젝트이며 상업적 요소로 사용하지 않고 제작하는 방향으로 포스팅하겠습니다. 사전 준비 및 환경 해당 프로젝트는 php 기반으로 준비해두시면 됩니다. OS: Ubuntu 20.04 Nginx 1.18.0 PHP-FPM 7.4.3 MariaDB 10.5.4 Med..

[Koa] Koa를 사용한 웹서버 만들기 - Koa란?

1.Koa 란? Koa란 Node.js에서 가장 인기있던 웹 프레임워크인 Express.js(익스프레스JS) 개발 팀이 Koa라는 웹프레임워크를 새로 제작한 프레임워크입니다. Koa(코아)는 기존의 Express의 경우엔 오픈소스의 소유권인 IBM 게열사인 StrongLoop로 이전이 되었으며, 유지보수는 되고 있긴 하지만 장기적으로 보면 이로 인한 인지도를 잃을 확률이 높은 언어입니다. 물론, 워낙 유명한 라이브러리이고 또한 지금 매우 많은 프로젝트에서 Express를 사용하가 있긴 하나, Koa로 마이그레이션 하는 프로젝트도 늘어나는 추세이며 Express와는 크게 차이가 없으며, 훨씬 가볍고, Node.js v7의 async/await기능을 아주 편하게 사용 가능하다는 점 입니다. 2.작업 환경 준..

[Haskell] 하스켈 기초반 1강 - 변수와 함수

1강의 모든 예제는 하스켈 소스 파일에 입력하고 그 파일을 GHC로 불러와서 평가할 수 있다. 어떠한 예제든 간에 "Prelude>" 프롬프트는 소스에 포함하는 것이 아니다. 이 프롬프트에서는 GHCi 같은 환경에 코드를 입력할 수 있다는 뜻이며 그 외의 경우에는 코드를 파일에 넣고 그 파일을 실행해야 한다. 1. 변수 (Variable) 앞선 장에서 GHCi를 계산기로 활용했는데, 물론 이런 것은 짧은 계산에나 쓸모가 있고, 더 긴 계산을 하거나 하스켈 프로그램을 작성하기 위해서는 중간 결과들을 보관해줘야 한다. 중간 결과에 이름을 할당하면 그 결과를 보관할 수 있다. 이런 이름을 변수라고 부른다. 프로그램을 실행하면 각 변수는 그 변수가 가리키는 값으로 치환된다. Prelude> 3.141592653..

[PostgreSQL] Postgresql 강좌 - 6. 테이블 관리 (생성,변경, 삭제)

PostgreSQL을 배운지 일주일 정도 지났습니다. 어느정도 해보니 재밌고 할만하네용 ㅎㅎㅎ 그럼 이번 시간에 배울 내용은 테이블 관리에 대해 알아보도록 하겠습니다. 테이블 생성 테이블을 생성하기 위해서는 CREATE TABLE table_name을 이용해 테이블을 생성할 수 있습니다. 테이블을 생성할 때는 명령어를 실행하는 USER가 테이블의 소유자가 됩니다. 테이블 생성에 대한 Syntax CREATE TABLE table_name ( [ column_name1 data_type [ COLLATE collation ] [ column_constraint [ ... ] ] column_name2 data_type [ COLLATE collation ] [ column_constraint [ ... ]..

[PostgreSQL] Postgresql 강좌 - 5.제약 조건

1.Check constraints Check constraints는 가장 일반적인 제약 조건입니다. 특정 컬럼의 값이 boolean식에 부합되는지 체크합니다. 예를 들어 물건의 가격에 대한 check constraint를 대입할 경우 입니다. products 테이블에서 price 컬럼의 가격이 0보다 큰지를 비교하는 제약조건입니다. CREATE TABLE products ( product_no integer, name text, price numeric CHECK (price > 0) ); 2. Not null Not Null의 제약조건은 지정한 컬럼이 null 값과 갖지 않야아 하는 조건입니다. products 테이블에서 product_no와 name 컬럼은 null값을 가져서는 안된다는 것을 의미합..

[PostgreSQL] Postgresql 강좌 - 4. 데이터 타입

Name Aliases Description Bigint int8 signed 8byte 정수형 Bigserial serial8 자동증가 8byte 정수형 bit [ (n) ] 고정길이 bit string bit varying [ (n) ] Varbit 가변길이 bit string Boolean Bool Boolean연산 (true/false) Box 평면 위의 직사각형 상자 Bytea 이진 data ("byte array") character [ (n) ] char [ (n) ] 고정길이 character string character varying [ (n) ] varchar [ (n) ] 가변길이 character string Cidr IPv4 or IPv6 network address Circle..

[PostgreSQL] Postgresql 강좌 - 3.TABLESPACE 관리

이번 시간에는 TABLESPACE 관리에 대해 알아보도록 하겠습니다. 1.TABLESPACE 조회 현재 존재하고 있는 TABLESPACE를 조회하기 위해 pgAdmin의 Object Browser에서 검색하거나 psql에 \db 명령어로 조회할 수 있습니다. \du 2. CREATE TABLESPACE CREATE TABLESPACE의 'tablespacename명'을 입력해 TABLESPACE를 생성합니다.(단 'pg_'로 시작하는 이름은 불가능) CREATE TABLESPACE tablespacename Option 기능 OWNER username 입력하여 TABLESPACE를 소유하는 USER를 지정해 줍니다. 이를 생략할 경우 접속되 있던 USER가 default로 지정됩니다. LOCATION '..

[PostgreSQL] Postgresql 강좌 - 2.DATABASE/SCHEMA 관리

이번 시간에는 2번째 postgreSQL 시간인 데이터베이스 관리와 수정 삭제 조회 그리고 SCHEAM까지 배워보도록 하겠습니다. 1.DATABASE의 구조 postgrSQL의 DATABASE는 여러 개의 SCHEMA(스키마)들로 구성된 데이터베이스 입니다. SCHEMA는 OBJECT(오브젝트)들의 논리적인 집합을 말합니다. SCHEMA는 TABLE(테이블), VIEW(뷰),SEQUENCE(수열), DOMAIN(도메인), FUNCTION(함수) 등의 OBJECT들로 구성되어 있습니다. 이러한 DATABASE들과 USER/GROUPS, TABLESPACES들이 모여 CLUSTER(쿨러스터)를 구성합니다. 2.DATABASE 소유 DATABASE를 생성하기 위해서는 SUPERUSER(슈퍼유저)이거나 CREA..