Web Programming/Design

UI/UX & HCI 디자인이란

안녕하세요. 씨앤텍시스템즈 홍정화 연구원입니다. 이번 포스트에서는 UI/UX 그리고 HCI에 대하여 정리해 보았습니다. UI (User Interface) – 사용자와 마주하다 - UI는 요약하자면 사용자가 앱을 사용할 때 마주하는 디자인, 레이아웃, 기술적인 부분 - 디자인의 구성요소(폰트, 컬러, 줄간격 등) 상세한 요소가 포함 - 기술적인 부분(반응성, 입출력단계, 애니메이션효과 등) 여러 부분을 포함 - UI = 디자인 & 기술 예시) UI는 다양한 사용자가 사용할 수 있도록 보편성을 지녀야 하며 전체적으로 사용에 잇어 큰 불편함이 없어야 한다. 좋은 UI는 대부분의 사용자가 높은 만족도를 가져야 하며 어쩔 수 없이 발생하는 주관적인 불만족을 최소화 시켜야 한다. UX (User Experienc..

2021.01.12

Web Programming/Design

Adobe illustrator 활용하기-그래픽 아이콘

안녕하세요. 씨앤텍시스템즈 이나연 연구원입니다. 이번 글에서는 Adobe illustrator를 활용하여 그래픽 아이콘을 만드는 과정을 간단하게 정리해보았습니다. Adobe illustrator에서 원이나 사각형의 오브젝트를 가지고 원하는 모양을 만들기 위해, 패스파인더와 도형 구성 도구를 사용해볼 수 있습니다. 패스파인더와 도형 구성 도구는 두 개이상의 오브젝트끼리 모양을 빼거나 합쳐서 새로운 형태의 오브젝트를 만들어낼 수 있다는 공통점이 있습니다. 그래픽 아이콘을 만드는 과정과 함께 두 도구를 사용하는 방법을 간단하게 설명해보겠습니다. 이 글의 설명은 Adobe illustrator CC 2019 (한글판)을 기준으로 작성되어있으며, 버전이 달라도 화면 요소들과 작업방식은 크게 다르지 않습니다. Ad..

2021.01.08

Web Programming

Front-end 노드와 링크로 구성된 네트워크 시각화 Vis.js 플러그인

안녕하세요. 씨앤텍시스템즈 홍정화 연구원입니다. 이번 포스트에서는 프론트엔드 Vis.js 사용방법에 대하여 정리해 보았습니다. 네트워크 시각화란? 네트워크 시각화로 데이터를 표시하여 관련 항목과 클러스터 간의 관계를 쉽고 빠르게 식별할 수 있습니다. 네트워크 시각화는 소셜 네트워크를 시각화하거나 시장 점유 분석을 수행할 때 유용합니다. 속성 요소는 시각화에서 노드로 표시되며, 요소 간의 관계를 나타내기 위해 노드 간에는 선(가장자리라고 함)으로 표시됩니다. 시각화가 만들어지면 노드 크기, 가장자리 두께, 가장자리 색상 등과 같은 표시 옵션을 사용하여 노드의 특성과 노드 간의 관계를 볼 수 있습니다. 특정 국가에서 각 매장에 대한 노드가 표시된 경우 두 매장이 많은 수의 고객을 공유한다면 더 두꺼운 선을 ..

2020.12.28

Web Programming/Linux CentOS

[CentOS 7] Python3 설치 및 버전 변경과 Tensorflow, Keras 설치

안녕하세요 씨앤텍 시스템즈 봉시윤 연구원입니다. 이번 포스트는 Linux CentOS 7버전 Python3 설치 및 버전 변경과 Tensorflow, Keras 설치 입니다. 글의 구성은 다음과 같습니다. 1. python3 설치 2. python2.7 에서 python 3.6 버전 변경 (Symbolic Link) 3. Tesorflow, Keras 설치 1. Python3 설치 먼저 자신의 CentOS에 미리 설치되어 있는 python 버전을 확인합니다. [root@localhost /]# python-V Python 2.7.5 업그레이드 전 파이썬의 위치를 파악합니다. [root@localhost ~]# which python /usr/bin/python 파이썬이 설치되어 있는 위치안에 파이썬 버전..

2020.12.24

Data/Bigdata

하둡 완전분산 환경 설치 및 설정 (hadoop cluster setup)

안녕하세요, (주)씨앤텍시스템즈 신윤중입니다. 본 포스팅에선 하둡 완전분산환경(hadoop cluster setup)을 구축하는 방법과 간단하게 운영환경을 테스트 하는 과정을 소개하겠습니다. 글의 구성은 다음과 같습니다. 1. Hadoop 소개 2. virtualbox 가상 머신에 centos 7 설치 및 기본 환경 설정 3. hadoop설정 및 hdfs, yarn운영 환경 구축 1. Hadoop 소개 하둡은 기존 RDB(관계형데이터베이스)로는 대용량 비정형 데이터를 처리하는데 발생하는 한계를 극복하고자 탄생했습니다. 구글에서 발표한 구글파일시스템(Google filesystem: GFS)과 MapReduce논문을 참고하여 개발되었고 현재 Apache재단의 오픈소스 프로젝트로 개발되고 있습니다. 하둡은 ..

2020.12.11

Web Programming/ASP .Net Core 3

ASP.Net Core 3.1 과 Nginx 연동

안녕하세요, 씨앤텍시스템즈 박선희 연구원입니다. 이번 게시물은 ASP.Net Core 3.1과 Nginx 연동을 하는 방법에 대해 설명하는 글입니다. Nginx Nginx는 차세대 웹서버라고 불리며, 웹서버 점유율이 압도적인 Apache의 독주에 제동을 걸고 있습니다. Apache 오래전에 만들어진 소프트웨어이고, Nginx 는 새로운 시대의 요구사항에 맞게 개발된 소프트웨어입니다. Nginx의 개발 목적은 높은 성능에 맞춰져 있으며, 과감히 사용하지 않는 기능은 삭제하기도 했습니다. 개발 환경 개발 프레임워크 Visual Studio Community 2019 / .NET Core 3.1 운영체제 CentOS 7 소프트웨어 Oracle VM VirtualBox / MobaXterm / nginx 1.1..

2020.11.18

전체보기