전체 글 109

[스크랩] 포스트 모바일 게임, '클라우드 게임'

1. 내용 최근 '클라우드 게임'이 모바일 게임 이후 게임 산업 주축 플랫폼이 될 것이라는 기대감이 고조되고 있습니다. 클라우드 게임이란 콘솔이나 게임용 PC가 없어도 고사양 게임을 언제 어디서나 이용할 수 있는 서비스를 의미합니다. 마치 넷플릭스 스트리밍 방식처럼 별도의 설치, 다운로드 없이 고사양, 고품질 게임을 저사양 그래픽 처리장치(GUI)에서도 즐길 수 있는 것입니다. 심지어 모바일, TV에서도 가능합니다. 이런 방식은 지금까지 통신망 환경 때문에 대중화되지 못했는데, 5G 환경에서는 기술기반이 갖춰지기 때문에 본격적으로 성장할 것으로 예상된다고 합니다. 이론상으로는 4G에서도 산술적으로 가능했지만(이론상 10 Mbps 속도가 필요), 지연 속도가 10ms에 육박하기 때문에 빠른 반응 속도, 초..

[Web] AWS 가상 서버 이용하기(2) - 가상 컴퓨터에서 서버 파일 실행하기

저의 경우에 아주 간단한 개인 프로젝트를 진행하기 위해 AWS를 통해 가상 서버를 만들고 이용해봤고, 아래와 같은 과정을 진행했습니다. 1. AWS 인스턴스 생성(가성 서버 생성과 같은 의미입니다.) 2. 깃 배시(Git bash)를 통해 내 노트북에서 가상 서버 컴퓨터로 접속 3. 파일 질라(File Zilla)로 가상 서버 컴퓨터에 내 프로젝트 파일 복사 4. 가상 컴퓨터에 있는 프로젝트 원격 실행 및 원격 종료 4개의 과정 중 1번, 2번 과정은 아래 링크의 글에 작성했습니다. https://as-j.tistory.com/44 [Web] AWS 가상 서버 이용하기(1) - AWS 인스턴스 생성하기 스타트업이나 개인 프로젝트를 하다 보면 제작한 웹 페이지를 24시간 돌아가는 서버를 통해 모두에게 서비..

[Web] AWS 가상 서버 이용하기(1) - AWS 인스턴스 생성하기

스타트업이나 개인 프로젝트를 하다 보면 제작한 웹 페이지를 24시간 돌아가는 서버를 통해 모두에게 서비스를 공유할 수 있어야 합니다. 이 글에서는 개인 프로젝트로 원페이지 쇼핑몰 웹 페이지를 만들면서, 만든 파일을 AWS(Amazon Web Service)를 이용해 24시간 돌아가는 클라우드 가상 서버에 연결한 방법을 정리해본 글입니다. AWS를 통해 가상 서버를 만들고, 이 가상 서버에서 제가 만든 프로젝트를 실행시키기 위해 다음과 같은 과정을 진행했습니다. 1. AWS 인스턴스 생성(가성 서버 생성과 같은 의미입니다.) 2. 깃 배시(Git bash)를 통해 내 노트북에서 가상 서버 컴퓨터로 접속 3. 파일 질라(File Zilla)로 가상 서버 컴퓨터에 내 프로젝트 파일 복사 4. 가상 컴퓨터에 있..

[Web] API 설계 시 데이터 타입 POST, GET 사용법(feat. CRUD, Flask)

GET, POST와 같은 데이터 타입을 이해하려면 우선 API가 무엇인지 이해해야 합니다. 간단하게 요약하면 API는 서버와 클라이언트가 서로 다른 프로그램(예를 들면 서버는 Python, 클라이언트는 html, JS)에서 요청과 응답을 서로 주고받을 수 있도록 만든 체계입니다. 대개 클라이언트는 요청을 보내고, 서버는 이에 대한 응답(데이터)을 제공하는 구조인데, 여기서 이 요청에 대한 종류를 크게 4가지, CRUD로 나눌 수 있습니다. CRUD는 각 알파벳마다 Create, Read, Update, Delete 등의 데이터 요청 방식을 의미합니다. 여기서 각 데이터 요청 방식에 따라 API에서는 마치 스티커(실제로는 메소드라고 부름)처럼 데이터 타입을 미리 정의하고, 각 방식에 알맞게 요청과 데이터가..

[Git] 깃허브로 협업하기

깃과 깃허브를 통해 문서를 관리하다 보면 기존에 쓰던 개인 노트북이 아닌 다른 개인 컴퓨터 또는 회사 컴퓨터와 같이 다른 컴퓨터를 통해서 원격 저장소를 공유해야 할 상황이 생깁니다. 또한, 다른 협업자들과 함께 프로젝트를 진행하는 경우에도 하나의 원격 저장소를 다 같이 공유하고, 필요할 때 수정해서 다시 올리는 경우가 발생하기도 합니다. 이처럼 원격 저장소를 협업하기 위한 방법은 다음에 나오는 명령어를 쓸 줄 안다면 더 원활하고 편리하게 협업할 수 있습니다. 1. 원격 저장소 복제하기 원격 저장소는 기존에 연결된 지역 저장소 외에 다른 지역 저장소에서 사용하려면 원격 저장소에 담긴 내용 전체를 지역 저장소로 가져와야 합니다. 이를 '복제', '클론(clone)' 또는 '클로닝(cloning)'이라고도 표..

[Python] 매우 기초적인 Python 크롤링하는 법(feat. 간단한 DB 설명)

1. 크롤링이란? '크롤링'은 정의하자면 검색 엔진(네이버, 구글 등) 로봇을 통해 데이터를 수집하는 방법을 의미합니다. 흔히 개인이 포털 사이트에서 검색을 통해 확인할 수 있는 정보를 퍼오는 행위인 '스크랩핑' 또한 크롤링이라고 부르기도 합니다. 2. 크롤링 하는 법 코딩을 통해 크롤링을 하기 위해선 2가지 핵심 요소가 있습니다. 첫 번째는 원하는 페이지의 HTML을 요청하는 것, 두 번째는 요청을 통해 가져온 HTML 중 필요한 데이터만을 잘 골라내는 것입니다. 이를 파이썬에서 성공적으로 진행하기 위해선 먼저 임포트(import) 해야 하는 라이브러리가 있습니다. 임포트 할 라이브러리는 requests, beautifulsoup가 있으며 다음과 같이 입력하면 임포트 할 수 있습니다. import re..

[Git] 깃허브 이용하기

깃허브란 깃의 원격 저장소를 제공하는 서비스로, 기존에 깃배시(git bash) 등을 통해 파일을 저장하고 관리하던 컴퓨터(지역 저장소)의 '백업' 역할을 합니다. 기존에 이용하던 컴퓨터가 손상되거나, 깃을 이용하던 파일 혹은 디렉터리가 삭제되었을 경우 등을 대비해 깃허브와 같은 원격 저장소를 일종의 백업 공간으로 이용할 수 있습니다. 또, 인터넷으로 접속 가능하기 때문에 깃허브에 업로드 된 파일을 접근이 허용된 협업자와 함께 수정하는 재업로드 또는 커밋(버전 추가)하는 것이 가능합니다. 이런 부분에선 프로젝트 '협업'도 가능하게 합니다. 이외에도 자신의 개발 이력을 남기는 것, 다른 개발자의 소스를 살펴보는 것 등이 가능하고, 오픈 소스에 참여할 수도 있습니다. 대표적으로 부트스트랩(bootstrap)..

[Web] jQuery(제이쿼리) 임포트 하는 법과 Ajax(에이잭스) 사용하기

1. jQuery jQuery는 HTML 사용자가 HTML을 조금 더 잘 제어하기 위한 방법 중 하나로, 자바스크립트(Javascript)를 더 편하게 사용할 수 있게 하는 자바스크립트 함수의 모음(라이브러리)입니다. jQuery를 통해 다음과 같이 기존의 긴 자바스크립트 명령을 직관적인 함수로 사용할 수 있습니다. document.getElementById('element').style.display = "none"; 위 명령은 순수하게 자바스크립트 언어로 작성한 명령이고, 해당 id(예시에서는 'element')의 태그를 숨긴다는 명령입니다. $('#element').hide() 맨 위의 명령과 같은 명령이며, 보다 직관적이고 편리한(짧은) 것을 알 수 있습니다. 또, 알 수 있는 것은 자바스크립트 ..

[스크랩] 네이버 D2SF, AR 커머스·동영상 반도체 스타트업 2곳에 투자

1. 내용 네이버 D2SF(D2 Startup Factory)가 동영상 반도체 스타트업인 '블루닷'과 증강현실(AR) 커머스 솔루션을 개발한 '리콘랩스'에 신규 투자했습니다. 블루닷은 FPGA(프로그래머블 반도체) 기반으로 동영상 처리, 압축 성능을 극대화할 수 있는 솔루션 '딥필드 SR'을 개발했습니다. 급증하는 고화질 동영상 트래픽을 소프트웨어만으로 대응하는 것에 한계가 잇따르는 상황에서 한 단계 더 들어가 반도체 설계부터 알고리즘까지 전 구조를 동영상에 최적화한 것이 특징입니다. 이 솔루션은 자일링스가 주관하는 글로벌 챌린지 '어댑티브 컴퓨팅 2020'에서 1위를 하며 기술력을 입증했고, 올 하반기에는 동영상 압축 효율을 2배 이상 높여주는 솔루션 '펄서 AV1'을 선보일 예정이라고 합니다. 리콘랩..

[Web] 웹 개발의 0단계: HTML, CSS, JS(Javascript) 간단 요약 + 유용한 CSS 사이트

웹 서비스 개발 및 배포를 위해선 프론트엔드(front-end)와 백엔드(back-end)가 구성이 되어야 하고, 그중 시각적이고 직관적인 부분을 담당하는 프론트엔드는 우리 눈에 보이는 웹 페이지 자체를 만드는 영역입니다. 그리고 웹 페이지를 제작하기 위해선 HTML, CSS, JS(Javascript, 자바스크립트)라는 3가지 구성요소를 이해하고, 사용할 줄 알아야 합니다. 이 글에서는 강의(스파르타코딩클럽)와 함께 제가 이해한 내용을 바탕으로 정리한 내용입니다. 우선 이 글을 요약하면 다음과 같습니다. 웹 페이지 제작에는 HTML, CSS, JS, 이렇게 3가지 도구 및 언어를 알아야 하며, 이 3가지 요소는 사람으로 비유했을 때 다음과 같은 역할을 합니다. 1. HTML: 사람 신체의 뼈, 신체 구..