IT & Art

An example of single point of failure for the webpage was introduced in the article that I first heard about microservice architecture. Of course, there is much more to it. In general, it is considered as a variant of the service-oriented architecture (SOA), so-called fine-grained SOA. It essentially follows the Unix philosophy of "Do one thing and do it well". ["microservices", wiki] It also en..

What would be the best way to develop embedded Python application? Sync WSGI (Web Server Gateway Interface) : HTTP API Bottle (mini-Flask) Greenlet Gevent Flask Pyramid Async Twisted (deprecated in Python3) asyncio : async-await, coroutine Message Queue (Store and Forward) RabbitMQ (AMQP; Advanced Message Queuing Protocol) Celery ZeroMQ MQTT vs. Message Queue (ZeroMQ) In my experience, MQTT woul..

도널드 노먼의 UX 디자인 특강 - YES24 UX의 창시자이자 인지과학의 대부 도널드 노먼이 복잡함과 단순함이라는 개념을 둘러싼 디자인의 쟁점과 해결책을 다루고 있으며, 전 세계 디자인, HCI 학자들이 추천하는 책에 꼭 들어가는 책이 www.yes24.com 아이디오는 '디자인 씽킹'을 실천하는 회사다. 디자인 씽킹이란 가장 먼저 진짜 문제가 무엇인지를 규정하는 것이다. 나는 이를 두고 "클라이언트가 해결해달라고 하는 문제는 절대로 해결하지 마라."고 바꾸어 말한다. 클라이언트는 증상에만 반응하기 때문이다. (중략) 현재 발생한 문제가 무엇인지, 그 중 정말로 해결되어야 하는 것이 무엇인지를 찾는 것이다. 우리는 이것을 '근본 원인 찾기'라고 부른다. 아이디오가 암트랙의 서비스 현황을 조사해보니, 탑..

간단한 REST API를 만들어 봅시다. 순서는 다음과 같습니다. React 클라이언트에서 사진을 찍어 Node.js 서버로 보냅니다. (RESTful API) Node.js 서버(express)는 Python 앱을 실행합니다. Python 앱은 받은 이미지로 뭔가를 했다고 치고 결과를 리턴합니다. Node.js 서버는 클라이언트에게 결과를 보냅니다. React 클라이언트는 받은 결과를 표시합니다. Github Client App 먼저 클라이언트를 만듭시다. client$ npx create-react-app client client$ npm install --save axios @rubenchoi/webcam 코드는 간단합니다. import { WebcamComponent } from '@rubench..

사용자를 끌어들이는 UX/UI의 비밀 - YES24 좋은 인터페이스는 유저의 삶을 더 쉽게 만들어야 한다 매력적인 인터페이스는 말이 잘 통하는 친구와 나누는 대화처럼 기분 좋은 경험을 불러오지만, 페인 포인트가 넘쳐 나는 서비스는 사용 www.yes24.com 개발자로서 UX/디자인을 좀 더 체계적으로 알고 싶은 마음에 몇 권의 책을 읽어봤지만, 대부분 자기계발서처럼 당연한 얘기만 하거나 심리학과 엮어 흥미롭지만 실무에는 잘 와닿지 않는 책이 대부분이었어요. 그러던 중 읽게 된 이 책은 개발자와 디자이너를 연결하는 딱 그 부분, 제가 원하던 그 연결 고리에 대해 다루고 있었고 이미 개발은 하고 있었지만 원리에 대해서는 알지 못하던 부분을 시원하게 긁어주었죠. 이 책은 디자인 패턴에 대해 소개하는데, 프로..

React 라이브러리를 만들어 npm(node package manager)에 배포해 봅시다.   Sample Code React 라이브러리 만들기 React 라이브러리를 만드는 몇 가지 방법이 있는데 저는 create-react-library 패키지를 자주 사용합니다. 노드 쉘에서 전역으로 설치한 뒤 명령어로 실행하면 됩니다. npm install -g create-react-library create-react-library react3d react3d/examples/ 디렉토리에서 npm install && npm start 하면 브라우저에서 아래 화면이 나옵니다. 브라우저가 뜬 상태에서, 라이브러리를 고쳐봅시다. react3d/src/index.js 의 return 내 컨텐츠를 변경..

사람이나 일이나 인상이 참 중요한데요, 개발도 마찬가지인 것 같아요. 간단한 프로토타이핑이라도 결과물의 비쥬얼이 허접하면 기술도 평가절하될 수 있습니다. 그렇다고 개발자가 디자인 전문가도 아닌데, UI까지 만들기도 쉽지 않고... 바로 이럴 때, HTML 템플릿을 활용합니다! HTML 템플릿이란, 컨텐츠만 살짝 바꿔서 즉시 사용할 수 있는 코드 집합으로, 좋은 퀄리티의 템플릿 하나 정도 포장용으로 갖고 있으면 여러 모로 유용합니다. 요즘 웹 프로그래밍은 기본적으로 HTML, CSS, Javascript 등으로 잘 나누어져 있기 때문에, 보통 HTML 텍스트 정도만 바꿔서 사용할 수 있습니다. Where? 그럼 어디에서 이런 템플릿을 구할 수 있을까요? 인터넷 검색에 'html template'으로 찾아보..

HTML HTML(HyperText Markup Language)은 웹페이지를 위한 언어인데요, 웹페이지를 구성하는 HTML, CSS 및 Javascript에 대한 훌륭한 튜토리얼은 엄청나게 많아요. 당장 구글에 'html '만 쳐봐도 쉽고 빠르게 배울 수 있는 링크들이 쏟아져내립니다. 그 중 단언컨대 가장 좋은 튜토리얼은 w3schools.com/ 입니다. HTML Tutorial HTML Tutorial HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn - You will enjoy it! Start learning HTML now » Easy..