최신 글
인기 글
-
홈페이지 제작홈페이지 제작 문의
" 고객의 미래를 함께하는 씨앤텍시스템즈 " 안녕하세요 씨앤텍시스템즈 기술연구소입니다. 회사소개 2005년에 설립된 DW, ETL, BA, BIG DATA, 솔루션 구축 컨설팅 전문기업 씨앤텍시스템즈의 소개합니다. 기술연구소는 전문화된 인력과 기술력을 바탕으로 차세대 기술 개발, R&D 사업 등 새로운 IT 기술에 도전하고 지속적인 연구 개발을 통하여 주도적인 기업으로 이끌어 나가고 있습니다. 최근 자사 ETL 솔루션 개발 및 디지털 헬스케어, 인공지능 학습, 다양한 분야에 도전하며 완수해 왔습니다. 기업 홈페이지, 대기업 사내포털사이트, ETL 솔루션, 알고리즘 등 이러한 경험을 바탕으로 새로운 웹 에이전시 사업에서 차별화된 서비스를 제공하고자 합니다. 홈페이지 제작 과정 씨앤텍시스템즈 기술연구소에서는..
-
Web ProgrammingCentOS7, Apache를 활용한 HTTPS 환경 구성(자체 서명 SSL/TLS)
안녕하세요, 씨앤텍시스템즈 황순호 연구원입니다. 이번 포스트는 Apache 웹서버를 활용하여 HTTPS 웹 환경을 구성하는 방법에 대해 작성하도록 하겠습니다. HTTPS는 웹 트래픽을 암호화하는 프로토콜로 클라이언트와 웹 서버 사이에 주고받는 정보를 보호합니다. 개발 환경에서 이러한 HTTPS 구성이 필요한 이유는 타 도메인에 대한 쿠키 전송이나 webRTC와 같은 기술을 적용할 때 HTTP 환경에서는 웹 브라우저 보안 정책 상 제한되는 기능이 많기 때문에 개발 및 테스트 어려움을 겪게 됩니다. 본래 HTTPS 구성을 위해서는 Digicert, GlobalSign, Comodo 등 다양한 인증기관(CA)에 신청하여 인증서를 받는 과정이 필요합니다. 또, 제약사항이 있으나 무료로 인증서를 발급하는 CA도 ..
-
DatabaseHow to install Oracle21c on RHEL 8.9
안녕하세요, 씨앤텍시스템즈 이형빈 연구원입니다. 이번 포스트는 Redhat 8.9 환경에 Oracle21c 버전을 설치하는 방법을 소개해 드리겠습니다. - 사용 환경 Remote Desktop Client : MobaXterm Virtual Machine Software : VMware Workstation OS : Red Hat Enterprise Linux 8.9 Hard Dist : 40GB Memory : 4GB 1. Oracle21c 다운로드 https://www.oracle.com/database/technologies/oracle21c-linux-downloads.html Oracle Database 21c Download for Linux x86-64 Oracle Database 21c G..
-
DesignSVG를 이용하여 Animation 만들기_후속
안녕하세요 씨앤텍시스템즈입니다. 오늘은 SVG를 이용한 Animation을 생성하기 후속편으로, svg의 속성 대해서 알아보겠습니다. svg태그를 html에서 사용하다보면, 아래와 같이 svg에 preserveAspectRatio 속성이 사용되는 것을 확인할 수 있습니다. --생략-- 이 속성(preserveAspectRatio)을 본격적으로 다루기 전에 viewBox와 viewport에 대해서 먼저 정리하고 넘어가겠습니다. viewBox는 svg가 가지고 있는 도형의 원형 즉, Figma에서 추출한 frame의 크기로써, frame 크기와 동일한 값으로써 초기 형성된다고 정리하면 쉽습니다. viewport는 viewBox를 감싸는 박스로 예를 들어, 사용자가 창문을 통해 viewBox를 보게 될 때 그..
-
DesignSVG를 이용하여 Animation 만들기
안녕하세요 씨앤텍시스템즈입니다. 오늘은 SVG를 이용한 Animation을 생성하는 방법에 대해서 정리하겠습니다. 이 글은 https://youtu.be/UTHgr6NLeEw?si=L0r4UHGpoLLN96Ld 자료를 참고하여 작성하였습니다. 이 글의 각 파트별 마지막에는 아래의 두 가지 animation을 완성할 수 있습니다. 목표 1 : animation1 먼저, animation1을 만드는 과정을 살펴보겠습니다. 사용할 색상을 정해줍니다. 그리고 나면, Figma(선택)를 통해 animation을 적용할 도형을 만들어 줍니다. 그래픽의 픽셀이 깨지지 않게 하기 위해서 frame은 최대한 작은 사이즈로 만들어 줍니다. 코드로 뽑을 때 파악하기 쉽도록 layer 별로 이름을 지정해줍니다. 추출할 도형의..
-
AngularAngular Router 적용
안녕하세요, 씨앤텍 시스템즈 임재원 연구원입니다 이번 포스트는 Angular에 기본적인 Router를 사용하는 방법에 대해 작성하려 합니다. * 버전 정보 Node version -20.9.0 Angular CLI -17.0.3 Angular Router 란 ? Angular 애플리케이션에서 내비게이션을 관리하기 위한 라이브러리입니다. 단일 페이지 애플리케이션(SPA)에서 페이지간의 전환 및 라우팅을 담당합니다 SPA는 페이지를 새로 로드하지 않고도 동적으로 내용을 갱신할 수 있는 웹 애플리케이션을 의미합니다. 와 의 차이점 ? *SPA의 장점 중 하나인 동적 로딩을 구현할 수 있습니다 *페이지 전환 시 새로고침이 발생하지 않습니다 *자원소비 감소 *전체 페이지를 다시 로드하게 되어 브라우저가 서버로부터..
-
TalendTalend Studio와 TAC를 이용한 ETL 데모
안녕하세요 씨앤텍시스템즈 김준형입니다. 이번 포스트는 Talend 기능에 대해서 정리해 보았습니다. Oralce의 테이블을 호출하고 ETL 기능을 수행하면서 Talend 기능을 살펴보겠습니다. Talend Studio의 실행환경은 윈도우에서 진행하였습니다. TAC(Talend Administrator Center)는 Linux 환경에 설치하고 윈도우에서 Web환경에서 진행했습니다. 먼저 Talend Studio 실행화면입니다. 여기서 Local에 Project를 만들고 고를 수 있고, TAC에서 만든 프로젝트를 연결할 수 있습니다. Talend Studio 메인화면입니다. 왼쪽 Repository에서 Job을 만들고 Database를 연결해서 불러올 수 있습니다. 가운데 설정창에서 옵션을 수정하거나 Jo..
-
Web ProgrammingSpring Boot에서 MyBatis 적용
안녕하세요, 씨앤텍시스템즈 육지후 연구원입니다. 이번 포스트에서는 SpringBoot에서 MyBatis를 적용하는 방법에 대해 작성하려 합니다. ※ 사전에 Spring Boot가 설치되어 있어야 합니다. ※ ※ 해당 포스트는 Oracle을 사용하지만 다른 DB도 사용할 수 있습니다. ※ 1. MyBatis란? MyBatis는 간단하게 데이터베이스를 쉽게 다룰 수 있도록 도와주는 프레임워크입니다. 프로그램에 있는 SQL 쿼리들을 한 구성파일에 구성하여 프로그램 코드와 SQL을 분리할 수 있는 장점을 가지고 있고 조회 결과를 사용자 정의 DTO, MAP 등으로 맵핑하여 사용할 수 있어 빠른 개발이 가능하고 생산성이 향상된다는 특징이 있습니다. 2. 환경설정 pom.xml org.mybatis.spring.b..
댓글 순
-
JEPJAVA JEP 연동
안녕하세요 씨앤텍 시스템즈 최홍준 연구원입니다. 이번 포스트는 JAVA JEP 연동입니다. JAVA JEP는 JAVA Programing 하면서 Python 코드를 실행하는 일종의 라이브러리 입니다. JAVA에서 Python 코드를 실행할 수 있는 방법은 대표적으로 2가지 있습니다. 1. Jython 2. JEP Jython은 파이썬의 자바 구현으로 파이썬 표준 구현의 이름을 따라 JPython라는 이름을 사용했습니다. 자바 언어로만 작성되었기 때문에, 모든 자바 가상머신에서 동작합니다. JEP는 Java로 Python interpreter를 구현하여 C / C++ 기반의 library와 호환이 어려웠던 Jython과는 다르게 JNI를 통해 CPython을 호출함으로써 C / C++ 기반의 python ..
-
DesignAdobe PHOTOSHOP Working Level 1
안녕하세요. 씨앤텍시스템즈 홍정화 연구원입니다. 이번 포스트에서는 Adobe Photoshop에 전반적인 기능과 실무에 기초 능력에 대해서 정리해 보았습니다. Adobe Photoshop cc 2019 (한글판) 기준으로 작성되며, 버전이 달라도 화면 요소들과 작업 방식은 동일함으로 진행하는데 문제가 없습니다. 혹시 설치 방법을 모르신다면 아래 링크를 클릭해주세요! https://www.adobe.com/kr/products/photoshop.html?promoid=PC1PQQ5T&mv=other 1. 작업 화면 구성 2. 작업 환경 설정 3. 사용자 작업 환경 1. 작업 화면 구성 Photoshop을 실행하여 새로 만들기 또는 대상 이미지 파일을 열게 되면 아래와 같은 화면 구성됩니다. 새로 만들기 [..
-
FHIRHAPI FHIR 서버 구축
안녕하세요 씨앤텍 시스템즈 김준형입니다. 이번 포스트는 HAPI FHIR 서버 구축 과정에 대해서 정리해 보았습니다. HAPI는 (HL7 application programming interface)를 말합니다. 프로그램은 이클립스 STS(Spring Tool Suite) 3.9.7 버전을 기준으로 설치했습니다. 설치 매뉴얼은 https://github.com/hapifhir/hapi-fhir-jpaserver-starter 를 참고했습니다. 먼저 HAPI FHIR 서버 구축 과정은 3가지로 나눌 수 있습니다. 1. hapi-fhir-jpaserver-starter 프로젝트 등록 2. MySQL 설치 및 설정 3. Tomcat9 설치 및 설정 4. 서버 구동 1. hapi-fhir-jpaserver-st..
-
DjangoPython Django로 게시판 만들기_게시판 구현(2)
안녕하세요. 씨앤텍 시스템즈입니다. 이번 글은 admin에서 작성한 글을 화면에 띄우고, url을 통해 접속하는것을 구현해보도록 하겠습니다. 0. 템플릿 언어 장고 코드를 작성하기에 앞서 뒤에 나올 템플릿 언어에 대해 알아보겠습니다. 템플릿 언어는 파이썬 변수˙문법을 html 안에서 쓸 수 있도록 장고에서 제공하는 언어입니다. 템플릿 언어에는 템플릿 변수, 템플릿 필터, 템플릿 태그, 템플릿 코멘트가 있습니다. 0.1 템플릿 변수 템플릿 변수는 {{ }}로 구성되어 있으며, 뷰에서 템플릿으로 컨텍스트를 전달할 수 있습니다. 일반적인 변수들과 동일하게 띄어쓰기는 사용할 수 없고 _와 대소문자를 이용합니다. .를 사용해서 변수의 속성에 접근할 수 있습니다. ex){{ post.title }} 0.2 템플릿 ..
-
TalendTalend Studio와 TAC를 이용한 ETL 데모
안녕하세요 씨앤텍시스템즈 김준형입니다. 이번 포스트는 Talend 기능에 대해서 정리해 보았습니다. Oralce의 테이블을 호출하고 ETL 기능을 수행하면서 Talend 기능을 살펴보겠습니다. Talend Studio의 실행환경은 윈도우에서 진행하였습니다. TAC(Talend Administrator Center)는 Linux 환경에 설치하고 윈도우에서 Web환경에서 진행했습니다. 먼저 Talend Studio 실행화면입니다. 여기서 Local에 Project를 만들고 고를 수 있고, TAC에서 만든 프로젝트를 연결할 수 있습니다. Talend Studio 메인화면입니다. 왼쪽 Repository에서 Job을 만들고 Database를 연결해서 불러올 수 있습니다. 가운데 설정창에서 옵션을 수정하거나 Jo..
-
ASP .Net Core 3ASP .Net Core 3.1 - MySQL 사용
안녕하세요 씨앤텍 시스템즈 최홍준 연구원입니다. 이번 포스트는 ASP. Net Core 3.1 버전 MVC패턴에서 MySQL 연동 및 간단한 코딩입니다. 아래와 같은 개발 준비사항이 필요합니다. MySQL은 Window도 가능하고 Linux에 있는 MariaDB, MySQL도 가능합니다. 1. DB : MariaDB Server 2. Platform : Visual Studio 2019 3. Project Type : ASP .Net Core 3.1 MVC Project [ 1. Visual Studio MySQL Nuget Package ] 1. MySQL (MariaDB) .Net Core 모듈 다운로드 - Visual Studio 상단 툴바에서 다음과 같은 순서로 클릭합니다. [ 도구(T) - Nu..
-
Vue.jsVue.js 에서 스크롤 페이징(InfiniteLoading) 적용하기
안녕하세요. 씨앤텍 시스템즈 입니다. 이번 글은 Vue.js 에서 스크롤 페이징(InfiniteLoading) 적용하는 방법에 대해서 정리해 보았습니다. InfiniteLoading사용방법은 https://peachscript.github.io/vue-infinite-loading/를 참고했습니다. 스크롤 페이징을 적용하기 위해 아래의 세 단계를 거쳐야 합니다. 1. InfiniteLoading 모듈 설치 2. .vue 파일에 InfiniteLoading 적용 3. 스크립트 적용 위의 이미지는 공식문서에서 제공하고 있는 InfiniteLoading을 적용했을 때의 화면입니다. 1. VueInfiniteLoading 모듈 설치 InfiniteLoading을 사용하기 위해 모듈을 설치합니다. npm inst..
-
리버스 엔지니어링GHIDRA 소개 및 사용
안녕하세요 씨앤텍 시스템즈 황순호 연구원입니다. 이번 포스트는 GHIDRA를 소개하고 해당 소프트웨어를 다운로드하여 간단하게 사용까지 해보도록 하겠습니다. 먼저 리버스 엔지니어링은 실행 바이너리 파일을 이용해 역으로 분석하여 소스 코드를 도출하는 기법입니다. 그리고 GHIDRA는 미국의 국가안보국(NSA)에서 제작한 리버스 엔지니어링 툴입니다. 2017년 WikiLeaks에 의해 폭로된 CIA의 기밀문서 Vault 7에서 처음 GHIDRA의 존재가 알려졌으며 이후 2019년 싱가포르에서 개최된 RSA 컨퍼런스에서 공식적으로 공개되었습니다. 현재 NSA 공식 Github에서 해당 툴을 오픈소스로 공개하여 누구나 무료로 사용이 가능합니다. GHIDRA가 제공하는 기능으로는 디컴파일, 디스어셈블리, 프로젝트 ..