전체 글

전체 글

    [ruby] Ruby 튜토리얼 1 - ruby 출력과 변수 주석처리법

    이번시간에는 Ruby를 출력하고 Ruby에서 변수를 사용하는 법을 알아보겠습니다. sudo apt-add-repository -y ppa:rael-gc/rvm sudo apt-get update sudo apt-get install rvm 먼저 ruby를 사용하려면 rvm 을 설치해야 합니다. 위 3개 명령어로 rvm을 설치해줍니다. sudo usermod -a -G rvm $USER 그리고 위 명령어로 권한을 등록해 줍니다. 그후 cmd를 재부팅 후에 rvm install ruby 위 명령어로 ruby를 설치해줍니다. Ruby 출력 하기 루비는 Perl, Python과 같이 interpreted langauge(인터프리터 언어) 이라 컴파일 과정없이도 해석기를 이용해 즉시 실행하고 그 결과를 확인 해볼..

    [Go] Go 코드 분석기와 웹페이지 띄우기, 기본 문법 - 반복문

    이번 시간에는 Go언어의 코드 분석과 Go를 이용해 웹 페이지를 띄우는 방법을 알아보도록 하겠습니다. Go 참고 문서 The Go Programming Language DevOps & Site Reliability With fast build times, lean syntax, an automatic formatter and doc generator, Go is built to support both DevOps and SRE. go.dev 위 사이트로 들어가면 Go언어를 직접 출력할 수 있는 도구가 있습니다. 해당 도구로 Go언어를 설치하지 않고도 직접 사이트에서 코드를 입력해 출력할 수 있습니다. Standard library - Go Packages Directories ¶ Expand all ta..

    [GO] 리눅스 버전 Go 설치하기 - 헬로우 월드 출력

    이번 시간에는 리눅스에서 Go를 설치해보도록 하겠습니다. 리눅스 버전 Go 설치 Downloads - The Go Programming Language Downloads After downloading a binary release suitable for your system, please follow the installation instructions. If you are building from source, follow the source installation instructions. See the release history for more information about Go releases go.dev 해당 사이트로가 Linux 최신버전을 확인해줍니다. root@localhost:~# GO..

    [PostgreSQL] Postgresql 강좌 - 7.SELECT 문법

    SELECT 문법 SELECT는 한 개 또는 여러 개의 테이블의 열을 검색할 수 있습니다. SELECT의 일반적인 형태는 다음과 같습니다. SELECT [ ALL | DISTINCT [ ON ( expression [, ...] ) ] ] [ * | expression [ [ AS ] output_name ] [, ...] ] [ FROM from_item [, ...] ] [ WHERE condition ] [ GROUP BY expression [, ...] ] [ HAVING condition [, ...] ] [ WINDOW window_name AS ( window_definition ) [, ...] ] [ { UNION | INTERSECT | EXCEPT } [ ALL | DISTINCT ..

    [HTML] HTML - 12.링크와 이미지

    이번 시간에서는 HTML 링크 주소와 이미지를 삽입하는 방법을 알아보도록 하겠습니다. HTML 링크(Link) 오늘날 웹 페이지에 다른 페이지나 다른 사이트로 연결되는 수많은 하이퍼 링크(hyperlin)가 존재합니다.이러한 하이퍼 링크를 간단히 링크(link)라고도 불리고, HTML에서는 태그로 표현합니다. HTML 링크 태그의 href 속성은 링크를 클릭 시 연결할 페이지나 또는 다이트 URL 주소를 명시합니다. 태그는 텍스트나 단락, 이미지 등 다양한 HTML 요소에 사용할 수 있습니다. 링크를 클릭해서 접속 target속성 태그의 target 속성은 링크로 연결된 문서를 어디에서 열지를 명시합니다. 새창에서 열기 현재 창에서 열기 링크로 연결된 부모 프레임 에서 열기 링크로 연결된 창의 가장 상위..

    [HTML] HTML - 11.색과 배경

    HTML 색(Color) 표현 이번 시간에는 HTML Style을 사용해서 색을 표현하는 방법을 알아보겠습니다. HTML에서 색을 표현하기 위해서 다음과 같은 3가지 방법이 있습니다. 색상의 이름으로 표현 RGB 색상값으로 표현 16진수를 이용한 표현 색상 이름을 사용해 표현하기 W3C에서 정의한 16가지의 HTML5 표준 색상이름은 다음과 같습니다. 그럼 위 표를 참고해서 만들어 보겠습니다. 색상: 파란색 색상: 브라운 색상: 초콜렛 색상: 아쿠아 RGB 색상값으로 표현 모니터나 스크린에서는 빨간색(Red),녹색(Green),파란색(Blue)를 혼합하여 색을 표현합니다. HTML에서도 위와 같이 세 가지 색을 가지고 색을 표현하기 위해 RGB 색상을 사용합니다. RGB 색상의 기본색은 각각 0부터 25..

    [HTML] HTML - 10.스타일

    HTML 스타일(Style) 이번 시간에는 HTML 스타일을 사용해 CSS스타일을 HTML요소에 설정하는 방법을 알아보도록 하겠습니다. HTML 요소의 style 속성(attribute)을 이용해 CSS 스타일을 HTML 요소에 직접 설정가능합니다. 하지만 이러한 style 요소를 사용하면 단 하나의 HTML 요소에만 스타일을 적용할 수 있습니다. 배경색 변경 다음 예제에서는 style 속성을 이용해 배경색을 변경 해보겠습니다. style 속성을 이용한 배경색 변경 글자색 변경 다음 예제는 style 속성을 이용해 글자색을 변경하는 방법입니다. style 속성을 이용한 글자색 변경 글자 크기 변경 다음 예제는 style 속성을 이용해 글자 크기를 변경하는 방법입니다. style 속성을 이용한 글자 크기 ..

    [Docker] 도커 설치하기

    이번 시간에는 도커를 직접 설치해서 서버에 올리는 작업을 해보도록 하겠습니다. 도커 설치하기 우분투를 기준으로 도커를 설치하는 방법을 알아봅시다 $ sudo apt install gnome-terminal 먼저 Gnome Desktop이 설치되어야 하는데 만약 설치하지 않았다면 위에 명령어로 설치합니다. 그 다음 Linux용 Docker Desktop 이 먼저 설치됬다면 아래 명령어로 일단 제거해줍니다. $ sudo apt remove docker-desktop 제거 했다면 설정 파일들까지 완전히 정리해 줘야 합니다. 아래 명령어로 정리해줍니다. $ rm -r $HOME/.docker/desktop $ sudo rm /usr/local/bin/com.docker.cli $ sudo apt purge do..

    [Docker] 쿠버네티스란 무엇인가?

    이번 시간에는 Doker와는 서로 다른 Kubernetes(쿠버네티스)에 대해 알아보도록 하겠습니다. 2013년 3월 13일 솔로몬 하익스(Solomon Hykes)라는 개발자를 통해 처음으로 세상에 공개된 오픈 소스입니다. 2013년 등장한 도커(docker)는 인프라 세계를 컨테이너(container) 세상으로 바꿔버렸습니다. 수많은 어프리케이션이 컨테이너로 배포되고 Dockerfile(도커파일)을 만들어 이미지를 빌드하고 컨테이너를 배포하는 흔한 개발 프로세스가 되었습니다. 2013년 도커가 처음 등장한 후 약 1년의 시간이 지나고 Docker와 비슷한 Kubernates(쿠버네티스)가 등장하게 됩니다. 쿠버네티스란? 쿠버네티스 컨테이너를 쉽고 빠르게 배포/확장하고 관리를 자동화해주는 오픈소스 플랫..

    [HTML] HTML - 9. 주석과 엔티티 그리고 문자셋

    이번 시간에는 3가지 항목을 배워볼텐데 먼저 내가 짠 코딩에 대한 해석이 필요할 때 사용하는 주석(Comment) HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위한 문자셋 엔티티(Entity) 웹 브라우저가 HTML 문서를 정확하게 나타내기 위해 사용되는 문자셋(Character Set) 이 3가지의 항목은 한번 배워보도록 하겠습니다. 1. 주석(Comment) 주석(comment)란 개발자가 직접 작성한 해당 코드에 대해 다른 사용자가 보았을때 직접 해석이 가능할 수 있도록 설명이나 디버깅을 위해 작성하는 구문입니다. 주석은 다른 HTML 코드와는 달리 웹 브라우저 화면상에는 나타나지 않습니다. HTML에서 주석을 표현하려면 다음과 같습니다. HTML 주석의 시작 태그( ) 에는 느낌표가 없..

    [Koa] Koa를 사용한 웹 서버 만들기 - Nodemon 사용하기 koa-router 사용하기

    이번 시간에는 Koa를 사용해서 서버를 자동으로 실행해주는 Nodemon 요청이 들어왔을 때, 경로에 따라 다른 작업을 할 수 있게해주는 koa-router 를 배워보도록 하겠습니다. 1.Nodemon 사용하기 서버 코드를 변경할 때마다 재시작 해야 하는데 이런 번거로움을 Nodemon이 해결해줍니다. 먼저, Nodemon 라이브러리를 설치해줍니다. yarn global add nodemon 설치후 다음 명령어를 통해 서버를 실행하면 코드가 바뀔때마다 자동으로 재시작 해줍니다. $ nodemon --watch src/ src/index.js 위 방법이 안돼면 아래 방법 처럼 해봅니다. $ npx nodemon src/index.js 위 명령어를 해석하자면, src/ 디렉토리에서 코드변화가 감지되면 재시작..

    [Koa] Koa를 사용한 웹 서버 만들기 - 1.프로젝트 생성 및 ESLint 설정 및 Koa 기본 사용법

    지금부터 Koa를 사용한 웹서버 만들기를 시작해보겠 습니다. Koa는 Node.js를 기반으로 하기 때문에 프로젝트를 생성할 때에도 Node 프로젝트를 생성하는 방식과 동일합니다. 1. 프로젝트 생성 웹서버 프로젝트를 만들기 위해 개발 폴더를 하나 생성해주고 해당 디렉토리에 yarn 명령어를 사용해 패키지 정보를 생성해줍니다. $ mkdir koa-server $ cd koa-server $ yarn init $ yarn add koa 2. ESLint 설정 프로젝트를 생성했다면 이제부터는 서버파일을 작성하기 전 자바스크립트 문법을 검토해주는 ESLint 라이브러리를 설치해서 적용하는 방법을 알아보겠습니다. 먼저 eslint를 설치해줍니다. $ yarn global add eslint 그 다음, 프로젝트..