CATEGORIES
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:35
MongoDB(몽고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 파일을 적용하기 위해서는 파일내에서 직접 코드를 작성하는 인라인(inline) 방식과 외부 파일을 불러오는 방법으로 link 태그와 rel속성, 또는 @import를 사용하는 방법 두 가지가 있습니다. 그럼 외부 파일을 불러오는 방법에 대하여 알아보기 위해 아래 예제를 봐주시기 바랍니다.A. link 태그를 사용하는 방법<link rel="stylesheet" href="test.css" />B. @import url을 사용하는 방법<style>@import url("test.css");</style>일반적으로 A의 방법을 많이 사용합니다. 그리고 link 태그를 사용하고 disable 속성을 사용하면 해당 파
Last Modified : 2019-01-08 05:49:43
ES 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