jinja에서도 다른 파일을 템플릿(template) 내부에 추가할 수 있는 다양한 방법을 제공하고 있습니다. include를 비롯해 import, macro 등이 있는데요 ~ 그 중에서도 include 역시 많이 쓰이는 방법입니다.# jinja 템플릿에 include를 사용하여 파일 추가하기아래는 include를 사용하여 외부의 파일을 템플릿 안에 추가하는 방법을 알아봅니다. 먼저 간단한 문법은 아래와 같습니다.{% include 파일이름 %}이때 파일이름은 /template/ 내부에 위치한 파일이 되겠죠. 이처럼 원하는 파일을 템플릿안에 사용하면되므로 매우 간단합...
React(리액트)에서 템플릿 파일 및 컴포넌트에 이미지를 추가하는 방법에 대하여 알아봅니다. react에서는 이미지를 추가하는 경우 두 가지 방법으로 구분할 수 있습니다.i. import를 사용하는 방법ii. require()를 사용하는 방법먼저 import를 사용하는 방법부터 알아보고 그 아래에 require()를 사용해보겠습니다.# React 이미지 img 태그 추가하는 방법VueJS나 AngularJS만 사용했다면 React 프레임워크의 이미지 추가 방식이 기존과 달라 생소할 수 있습니다. 앞에 언급한 것 처럼 먼저 import를 사용한 방법입니다.! impo...
ES 2015(ES 6)에서 새롭게 추가된 모듈(module) import, export에 대하여 알아봅니다.ES 6에서의 큰 변화 중 하나가 바로 Module 방식의 export, import가 추가된 사항입니다. 사실 이 전까지의 자바스크립트는 실질적인 모듈이 지원되지는 않았습니다. 하지만!! ES 6부터 export, import를 사용하는 방법이 가능하므로 큰 변화중 하나입니다. 이 중에서 export는 모듈을 추가, 등록하는 방법이고 import는 추가된 모듈을 사용할 수 있게 해줍니다.export // 모듈을 외부로 내보는데 사용impor...
MongoDB(몽고db)를 사용하면서 외부파일을 가져오거나 내보낼 경우가 있을 수 있습니다. 백업을 위한 경우도 있으며 아니면 서버를 이전하면서 기존의 데이터베이스를 마이그레이션(Migration)하려고 많은 데이터를 한번에 옮길 수도 있겠죠~ 그럼 아래는 어떻게 import 또는 export하는지 알아보겠습니다.참고로 비슷한 기능으로 mongodump, mongorestore 명령어가 있습니다. 이 명령어는 컬렉션 일부 등을 선택하여 보내거나 가져오는 목적과 달리 데이터베이스 전체를 내보내고 가져오는 경우에 많이 사용하니 참고하시기 바랍니다. 아래 링크를 ...
웹페이지를 만들때 CSS 불러와 적용하는 방법을 알아봅니다. 어떻게 하면 CSS를 적용할 수 있을까요?# CSS 적용하는 방법, import일반적으로 css는 html 등의 템플릿 파일에서 사용하거나 아니면 외부에서 있는 파일을 불러와서 사용하는 두 가지 형태로 사용됩니다. 먼저 파일 내부에서 사용되는 경우는 다음과 같겠죠.파일 내부에서 css style 사용하는 inline 방식@ hello.html<html> <head> <style> body { &n...