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