• CAPs

    CDM-based Algorithm & treatment Protocol service system

    더보기
  • CANE

    CDM based intelligent Algorithm
    Network Environment Platform for CDSS

    더보기

기술연구소 행사

  • 씨앤텍시스템즈 기업부설 연구소

    기업부설 연구소는 유능한 전문 인력과 기술력을 바탕으로 차세대 기술 개발 및 정부 협력 과제 등 IT 기술을 접목 시키며 새로운 분야에 도전하고 지속적인 연구개발을 통하여 주도적인 기업이 되고 있습니다. 연구소는 최근 디지털 헬스케어와 인공지능기술 개발을 선도하며 우리나라 최고의 대학병원들과 정부기관의 다양한 과제들과 교류를 통해 기술 발전에 도움이 될 수 있도록 의료 시스템 및 서비스 개발에 앞장서고 있습니다. 현재는 산업통산자원부의 CDM기반 정밀의료데이터 통합 플랫폼 기술개발사업을 진행중입니다.

최신 글

  • React

    React의 시작

    안녕하세요? 씨앤텍시스템즈 강희수 연구원입니다. 이번 포스트에서는 React로 간단한 애플리케이션을 생성해보려고 합니다. React의 시작 React는 Single Page Application으로 각각의 페이지가 명확하게 나뉘어져 있는 특징을 가지고 있습니다. 첫 애플리케이션이라고 불리는 것이 구글의 Gmail인데요, Gmail을 보면 '웹 사이트' 보다는 '애플리케이션'이라는 느낌을 받습니다. 웹 애플리케이션은 데이터가 정말 많은데, 데이터를 바꾸면 화면도 함께 바뀌어야 합니다. 이러한 동적인 기능을 웹 사이트로 구현하기에는 굉장한 어려움이 있습니다. 그 문제를 해결하기 위해 Single Page Application 프로그램이 나오기 시작하였습니다. 페이스북은 React를 만들었습니다. 이로써 데이..

  • Web Programming

    쿠키를 이용한 개인화와 인증

    안녕하세요 씨앤텍시스템즈 강희수 연구원입니다. 이번 포스트에서는 쿠키를 이용한 개인화와 인증에 대해 알아보도록 하겠습니다. 쿠키를 통한 가상의 로그인 정보 저장 res.writeHead(200, { 'Set-Cookie': [ 'yummy_cookie=choco', 'tasty_cookie=strawberry', `Permanent=cookies; Max-Age=${60*60*24+30}`, 'Secure=Secure; Secure', 'HttpOnly=HttpOnly; HttpOnly', ] }) if (pathname === "/login_process"){ var body = ''; request.on('data', function(data){ body = body + data; }); reques..

  • Web Programming

    Promise 비동기 처리의 이해

    안녕하세요, 씨앤텍시스템즈 강희수 연구원입니다. 웹 서비스를 클라이언트에 제공하기 위해서는 다양한 데이터를 서버로부터 주고받게 됩니다. 이때, 항목, 필요성, 양 등에 따라 그 데이터가 서버로부터 수신되는 시간은 천차만별일 것입니다. 모든 데이터가 일련의 작업으로 이루어진다면, 데이터 수신에 병목현상이 생길 수 있고, 그로 인해 필요한 정보는 얻지도 못한 체 클라이언트는 무한한 기다림 속에 빠지게 될 것입니다. 이러한 문제로부터 필요한 작업을 필요한 때에 시행할 수 있는 비동기 처리 방법, 그중에서도 깔끔하고 명확한 작성이 가능한 자바스크립트의 Promise 객체를 이용한 비동기 처리에 대해 알아보도록 하겠습니다. 생성 먼저, Promise 객체는 생성자를 통해 만들 수 있습니다. Promise는 Res..

  • Web Programming

    Sass 와 SCSS의 차이

    안녕하세요, 씨앤텍시스템즈 강희수 연구원입니다. 프로젝트의 기획 단계에서 어떤 언어를 사용할 것인지는 앞으로의 프로젝트 진행에 대한 편리함을 줄 수도 있고, 어려움을 줄 수도 있습니다. 가장 중요한 것은 팀에서 사용하는 언어라는 것이지만, 만약 선택의 여지가 있다면 어떤 언어를 사용하는 것이 좋을까요? 상기 질문에 대하여 고민하던 중 CSS 전처리기 특히, Sass와 SCSS(Sassy CSS)에 대한 흥미로운 글을 발견하여 함께 공유하고자 합니다. 먼저 CSS 전처리기란, 규모가 상당한 웹 개발 프로젝트를 할 때 파일 용량이 커져 유지 보수가 힘들어지는 CSS의 단점을 개선하기 위해 개발되었습니다. 이 글에서는 Kitty Giraudel의 What's the Difference Between Sass ..

  • React

    React 3. Redux, Redux Toolkit - Global UI Component 만들기

    안녕하세요, 씨앤텍시스템즈 이나연 연구원입니다. 지난 글에서는 리스트 스타일링까지 진행했습니다. 이번 글에서는 redux에 대해 기본적인 내용을 살펴본 후, Redux를 사용하여 리스트의 데이터를 store에 저장하여 사용해 보겠습니다. 이어지는 글 React 1. Component 렌더링 React 2. Emotion을 이용한 React component 스타일링 (with. CSS-in-JS) React 3. Redux, Redux Toolkit - Global UI Component 만들기 목차 Redux 시작하기 Redux React Redux Redux Toolkit Redux를 사용하여 global component list 만들기 수정 버튼 추가 모달 컴포넌트 생성 슬라이스 작성 스토어 연결..

  • React

    React 2. Emotion를 이용한 React component 스타일링 (with. CSS-in-JS)

    안녕하세요, 씨앤텍시스템즈 이나연 연구원입니다. 이 글에서는 저번 글에서 만든 List 컴포넌트에 스타일을 적용시켜보려고 합니다. html 문서에 css 스타일 코드를 추가하는 것처럼 css 파일을 연결할 수도 있지만 js 파일 안에서 컴포넌트에 바로 스타일을 적용시키거나, 스타일이 적용되어 있는 라이브러리에서 컴포넌트를 가져와 사용할 수도 있습니다. 아래 글에서 여러 방법들에 대해 하나씩 살펴보겠습니다. 이어지는 글 React 1. Component 렌더링 React 2. Emotion을 이용한 React component 스타일링 (with. CSS-in-JS) React 3. Redux, Redux Toolkit - Global UI Component 만들기 목차 CSS-in-JS Emotion 마..

  • React

    React 1. Component 렌더링

    안녕하세요, 씨앤텍시스템즈 이나연 연구원입니다. 이 글에서는 React를 사용하면서 한 번은 들어본 함수형 컴포넌트와 클래스형 컴포넌트를 만들고 화면에 컴포넌트가 렌더링 되는 과정에 대해 하나씩 알아보겠습니다. 이어지는 글 React 1. Component 렌더링 React 2. Emotion을 이용한 React component 스타일링 (with. CSS-in-JS) React 3. Redux, Redux Toolkit - Global UI Component 만들기 목차 컴포넌트 렌더링 React 컴포넌트의 라이프 사이클 마무리 1. 컴포넌트 렌더링 우선, 리액트는 v18부터 ReactDOM.render를 더 이상 사용하지 않고 createRoot를 사용하여 root 엘리먼트에서 render 메서드를..

  • Web Programming

    React와 Vue

    안녕하세요, 씨앤텍시스템즈 이나연 연구원입니다. 새로운 프로젝트를 시작하면서, 프론트엔드 영역에서 어떤 뷰 프레임워크를 사용하는 것이 좋을지 고민하게 됩니다. 이번 글에서는 많은 프레임워크 중, React, Vue에 대해 비교해 본 점들을 정리해 보겠습니다. 참고로 이전에 html, css, vanila JS(or jQuery)만을 이용해서 뷰를 개발했고, React와 Vue를 이용하여 튜토리얼 코드를 작성해 본 경험이 있는 상태에서 두 가지를 비교해 보았습니다. 시작하기 전에 참고로, The State of JS에서 Front-end Frameworks 메뉴에서 확인 할 수 있는 순위들입니다. (2022.05.12) '2-2. 패키지와 커뮤니티 크기' 에 내용이 추가되었습니다. 목차 1. React v..

인기 글
조회수 순

  • WPF

    [WPF] WPF란?

    안녕하세요 씨앤텍 시스템즈 봉시윤 연구원입니다. 이번 포스트는 WPF에 대해서 정리해 보았습니다. 글의 구성은 다음과 같습니다. 1. WPF 개요 2. WPF vs Winform 3. 프로젝트 만들기 4. WPF 프로젝트 구조 이해하기 1. WPF 개요 WPF(Windows Presentation Foundation)는 Microsoft사에서 2006년에 개발한 데스크톱 클라이언트 애플리케이션을 만드는 UI 프레임워크입니다. WPF를 사용하면 시각적으로 뛰어난 사용자 환경을 통해 Windows용 데스크톱 클라이언트 애플리케이션을 만들 수 있습니다. WPF는 .NET의 환경안에서 동작하므로 ASP.NET 또는 Windows Forms를 사용하여 .NET으로 애플리케이션을 빌드할 수 있습니다. 주 언어로는 ..

  • ASP .Net Core 3

    [Asp.net core MVC] 쿠키와 세션을 이용한 로그인 구현

    안녕하세요, 씨앤텍시스템즈 황순호 연구원입니다. 이번 포스트는 ASP.NET CORE MVC 5.0에서 쿠키와 세션을 이용한 로그인과 그에 따른 접근 권한을 부여하는 방법까지 작성하도록 하겠습니다. 1. Startup.cs 미들웨어 추가 1-1. Configure 메서드에 다음 내용을 추가합니다. app.UseAuthentication(); app.UseAuthorization(); app.UseCookiePolicy(); app.UseSession(); 미들웨어를 등록할 때 순서를 신경 쓰도록 합니다. 위 미들웨어는 UseRouting()와 UseEndpoints() 사이에 위치해야 하고 UseAuthentication()이 UseAuthorization()보다 먼저 위치하도록 작성합니다. 미들웨어 등..

  • 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 파이썬이 설치되어 있는 위치안에 파이썬 버전..

  • DCAT

    DCAT (데이터 카탈로그 메타데이터 표준) - (3)DCAT

    DCAT (Data Catalogue Vocabulary) 웹에 게시된 데이터 카탈로그 간의 데이터 검색 및 데이터 활용성을 향상하기 위해 설계된 RDF 어휘 DCAT이란 검색 가능성을 높이고 응용 프로그램이 여러 카탈로그의 메타데이터를 쉽게 사용할 수 있게 함 DCAT 사용 Tool (CKAN) CKAN은 DCAT 표준을 사용하는 도구 CKAN은 강력한 데이터 관리시스템으로서 데이터 게시, 공유, 찾기 및 사용을 간소화할 수 있는 도구를 제공하여 데이터에 액세스 할 수 있음 DCAT 의 장점 다양한 데이터 카탈로그의 메타데이터를 쉽게 사용하고 융합할 수 있음 웹 상에서 데이터를 쉽게 찾는것이 가능 분산되어 있는 다양한 데이터를 카탈로그의 관리를 통해 접근 가능 동일한 쿼리와 구조로 다양한 데이터에 접근..

  • ASP .Net Core 3

    ASP .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..

댓글 순

  • JEP

    JAVA 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 ..

  • Design

    Adobe 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을 실행하여 새로 만들기 또는 대상 이미지 파일을 열게 되면 아래와 같은 화면 구성됩니다. 새로 만들기 [..

  • FHIR

    HAPI 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..

  • Django

    Python Django로 게시판 만들기_게시판 구현(2)

    안녕하세요. 씨앤텍 시스템즈입니다. 이번 글은 admin에서 작성한 글을 화면에 띄우고, url을 통해 접속하는것을 구현해보도록 하겠습니다. 0. 템플릿 언어 장고 코드를 작성하기에 앞서 뒤에 나올 템플릿 언어에 대해 알아보겠습니다. 템플릿 언어는 파이썬 변수˙문법을 html 안에서 쓸 수 있도록 장고에서 제공하는 언어입니다. 템플릿 언어에는 템플릿 변수, 템플릿 필터, 템플릿 태그, 템플릿 코멘트가 있습니다. 0.1 템플릿 변수 템플릿 변수는 {{ }}로 구성되어 있으며, 뷰에서 템플릿으로 컨텍스트를 전달할 수 있습니다. 일반적인 변수들과 동일하게 띄어쓰기는 사용할 수 없고 _와 대소문자를 이용합니다. .를 사용해서 변수의 속성에 접근할 수 있습니다. ex){{ post.title }} 0.2 템플릿 ..

  • ASP .Net Core 3

    ASP .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..

HL7-FHIR

  • FHIR

    FHIR란?

    안녕하세요. 씨앤텍시스템즈 박선희 연구원입니다. FHIR( Fast Healthcare Interoperability Resources) 에 대해서 알아보겠습니다. FHIR FHIR ( Fast Heathcare Interoperability Resources )는 HL7 ( Health Level Seven International) 이라는 국제 표준기구에서 만들었고, '자원'이라고 알려진 데이터 형식 및 요소 그리고 의료 데이터 교환을 위한 API 의 표준입니다. FHIR는 이전 버전인 HL7 v2와 v3와 같은 이전 데이터 형식 표준을 기반으로 만들어졌습니다. 하지만 전 버전에 비해 여러 가지 최신 웹 기반 API 기술을 사용하기 때문에 구현하기가 더 쉽습니다. 단순히 의료서비스 제공자와 컴퓨터 간..

  • FHIR

    FHIR Server와 FHIR Client 차이점

    안녕하세요 씨앤텍 시스템즈 최홍준 연구원입니다. 이번 포스트는 FHIR Restful API Server와 Client에 대한 차이점에 대해서 설명하겠습니다. [1. FHIR Server] FHIR Server의 기능은 대표적으로 2가지가 있습니다. 1. Restful API 2. Repository 첫 번째 Restful API 기능은 FHIR 통신을 Restful을 이용하여 통신합니다. * Restful API란 REST라는 아키텍처를 구현하는 웹 서비스를 나타내기 위해 사용되는 용어입니다. HTTP 통신에서는 GET / POST / PUT / DELETE 방식으로 통신을 하는데 해당 통신 방식을 REST에서 다음과 같은 형태로 동작합니다. GET = Select POST = Create PUT = ..

  • FHIR

    FHIR as a Meta Model to Integrate CDM: Development of a Tool and Quantitative Validation Study

    안녕하세요. 씨앤텍 시스템즈 입니다. 이번 글은 FHIR를 메타데이터로 활용하여 CDM간 데이터 공유를 활발히 하는 연구 논문에 대해서 정리해 보았습니다. Journal of Medical Internet Research (JMIR) Medical Informatics에 개제된 논문이며 원 제목은 "Fast Healthcare Interoperability Resources (FHIR) as a Meta Model to Integrate Common Data Models: Development of a Tool and Quantitative Validation Study" 입니다. 공동 저자: Emily Rose Pfaff(1), MS; James Champion(1), BS; Robert Louis B..

  • FHIR

    SMART on FHIR - CDS Hooks - HAPI FHIR 연동

    안녕하세요 씨앤텍 시스템즈 김준형입니다. 이번 포스트는 SMART on FHIR - CDS Hooks - HAPI FHIR 연동에 대해서 정리해 보았습니다. 각 프로그램은 기본 제공해주는 데모를 이용해 진행했습니다. https://cntechsystems.tistory.com/17?category=752574 - HAPI FHIR 서버 구축 https://cntechsystems.tistory.com/23?category=752574 - CDS Hooks Sandbox 위의 게시물을 이용하여 각자의 서버에 구축 후 실습할수도 있습니다. 실습 진행은 https://github.com/cds-hooks/sandbox https://cds-hooks.org/#cds-cards 를 참고했습니다. 먼저 연동 실습..

  • FHIR

    HAPI 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..

  • FHIR

    Vonk FHIR Server 구축

    안녕하세요 씨앤텍 시스템즈 최홍준 연구원입니다. 이번 포스트는 Simplifier에서 개발한 Vonk FHIR Server 구축을 해 보았습니다. 해당 Vonk FHIR Server 구축에 필요한 준비사항부터 말씀드리겠습니다. 1. Visual Studio 2019 Community 2. MariaDB (MySQL) or MS-SQL 3. Vonk-license.json (무료 라이센스) 4. POSTMAN 위 준비사항이 준비 되신분들은 다음과 같은 절차에 Vonk FHIR Server를 구축 하실 수 있습니다. [1.Visual Studio 2019 프로젝트 만들기] 1. ASP .Net Core 웹 어플리케이션을 선택합니다. 2. 프로젝트 이름과 프로젝트 위치를 지정합니다. 3. 프로젝트 구성 선택 ..

Django

  • Django

    Python Django 로 게시판 만들기 _ Django 프로젝트 생성

    안녕하세요. 씨앤텍 시스템즈 입니다. 이번 글은 Pyhton Django로 프로젝트 생성하는 방법에 대해서 정리해 보았습니다. Python은 아래의 사이트에서 설치 가능합니다. https://www.python.org/downloads/ 1. Django란? 2. Django 설치 3. Django 프로젝트 생성 4. Helloworld 출력하는 app 만들기 1. Django란? Django(이하 장고)는 파이썬으로 작성된 오픈 소스 웹 애플리케이션 프레임워크입니다. 장고는 파이썬으로 코딩한 모델을 관계형 데이터베이스로 구축해주는 모델(Model), HTTP 요청을 처리하는 웹 템플릿 시스템인 뷰(View), URL의 라우팅을 처리하는 URL 컨트롤러 (Controller) 로 구성된 MVC 디자인 패..

  • Django

    Python Django로 게시판 만들기_게시판 구현(1)

    안녕하세요. 씨앤텍 시스템즈입니다. 이번 글은 Pyhton Django로 게시판 생성하는 방법에 대해서 정리해 보았습니다. 1. Django를 왜 가상 환경에서 실행해야 하는가? 2. 가상 환경, Django 설치 3. 게시판 글쓰기 구현 1. Django를 왜 독립된 가상 환경에서 실행해야 하는가? Django(이하 장고)를 독립된 가상환경에서 실행해야 하는 이유는 파이썬이나 라이브러리의 버전을 분리하고 인터넷에서 다운로드 한 파이썬 라이브러리들이 충돌을 일으키는 것을 방지하기 위해서입니다. 2. 가상 환경, Django 설치 2-1. 가상환경 설치 기존에 장고 프로젝트를 실행했던 폴더의 상위 폴더에서 가상 환경을 설치합니다. python -m venv 가상환경이름 저는 tech라는 이름으로 가상 환경..

  • Django

    Python Django로 게시판 만들기_게시판 구현(2)

    안녕하세요. 씨앤텍 시스템즈입니다. 이번 글은 admin에서 작성한 글을 화면에 띄우고, url을 통해 접속하는것을 구현해보도록 하겠습니다. 0. 템플릿 언어 장고 코드를 작성하기에 앞서 뒤에 나올 템플릿 언어에 대해 알아보겠습니다. 템플릿 언어는 파이썬 변수˙문법을 html 안에서 쓸 수 있도록 장고에서 제공하는 언어입니다. 템플릿 언어에는 템플릿 변수, 템플릿 필터, 템플릿 태그, 템플릿 코멘트가 있습니다. 0.1 템플릿 변수 템플릿 변수는 {{ }}로 구성되어 있으며, 뷰에서 템플릿으로 컨텍스트를 전달할 수 있습니다. 일반적인 변수들과 동일하게 띄어쓰기는 사용할 수 없고 _와 대소문자를 이용합니다. .를 사용해서 변수의 속성에 접근할 수 있습니다. ex){{ post.title }} 0.2 템플릿 ..