더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
총 5개의 일치하는 문서를 찾았습니다.
- python
Python jinja2에서 외부 파일 추가하는 방법
jinja에서도 다른 파일을 템플릿(template) 내부에 추가할 수 있는 다양한 방법을 제공하고 있습니다. include를 비롯해 import, macro 등이 있는데요 ~ 그 중에서도 include 역시 많이 쓰이는 방법입니다.# jinja 템플릿에 include를 사용하여 파일 추가하기아래는 include를 사용하여 외부의 파일을 템플릿 안에 추가하는 방법을 알아봅니다. 먼저 간단한 문법은 아래와 같습니다.{% include 파일이름 %}이때 파일이름은 /template/ 내부에 위치한 파일이 되겠죠. 이처럼 원하는 파일을 템플릿안에 사용하면되므로 매우 간단합...
Last Modified : 2021-02-20 16:47:22
Created : 2021-02-20 16:21:00 
react[React] img 태그의 이미지를 추가하는 방법 및 예제 알아보기
React(리액트)에서 템플릿 파일 및 컴포넌트에 이미지를 추가하는 방법에 대하여 알아봅니다. react에서는 이미지를 추가하는 경우 두 가지 방법으로 구분할 수 있습니다.i. import를 사용하는 방법ii. require()를 사용하는 방법먼저 import를 사용하는 방법부터 알아보고 그 아래에 require()를 사용해보겠습니다.# React 이미지 img 태그 추가하는 방법VueJS나 AngularJS만 사용했다면 React 프레임워크의 이미지 추가 방식이 기존과 달라 생소할 수 있습니다. 앞에 언급한 것 처럼 먼저 import를 사용한 방법입니다.! impo...
Last Modified : 2020-03-24 20:21:35
Created : 2019-12-12 17:51:08
js[ECMAScript] es6 module import export 방법 알아보기
ES 2015(ES 6)에서 새롭게 추가된 모듈(module) import, export에 대하여 알아봅니다.ES 6에서의 큰 변화 중 하나가 바로 Module 방식의 export, import가 추가된 사항입니다. 사실 이 전까지의 자바스크립트는 실질적인 모듈이 지원되지는 않았습니다. 하지만!! ES 6부터 export, import를 사용하는 방법이 가능하므로 큰 변화중 하나입니다. 이 중에서 export는 모듈을 추가, 등록하는 방법이고 import는 추가된 모듈을 사용할 수 있게 해줍니다.export // 모듈을 외부로 내보는데 사용impor...
Last Modified : 2019-11-11 10:56:46
Created : 2019-03-22 19:53:46
dbMongoDB 외부파일 import, export 방법
MongoDB(몽고db)를 사용하면서 외부파일을 가져오거나 내보낼 경우가 있을 수 있습니다. 백업을 위한 경우도 있으며 아니면 서버를 이전하면서 기존의 데이터베이스를 마이그레이션(Migration)하려고 많은 데이터를 한번에 옮길 수도 있겠죠~ 그럼 아래는 어떻게 import 또는 export하는지 알아보겠습니다.참고로 비슷한 기능으로 mongodump, mongorestore 명령어가 있습니다. 이 명령어는 컬렉션 일부 등을 선택하여 보내거나 가져오는 목적과 달리 데이터베이스 전체를 내보내고 가져오는 경우에 많이 사용하니 참고하시기 바랍니다. 아래 링크를 ...
Last Modified : 2021-04-05 10:40:30
Created : 2017-07-30 21:54:34- css
[CSS] CSS 적용방법 중 외부 CSS를 불러오는 방법
웹페이지를 만들때 CSS 불러와 적용하는 방법을 알아봅니다. 어떻게 하면 CSS를 적용할 수 있을까요?# CSS 적용하는 방법, import일반적으로 css는 html 등의 템플릿 파일에서 사용하거나 아니면 외부에서 있는 파일을 불러와서 사용하는 두 가지 형태로 사용됩니다. 먼저 파일 내부에서 사용되는 경우는 다음과 같겠죠.파일 내부에서 css style 사용하는 inline 방식@ hello.html<html> <head> <style> body { &n...
Last Modified : 2022-01-20 23:09:37
Created : 2014-01-14 11:57:22