빙그레체의 지적 재산권은 빙그레(www.bing.co.kr)에 있습니다. 빙그레체는 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공합니다. 단, 대한민국 외에서 빙그레체를 다운받거나 사용하고자 하는 경우 이러한 복제 및 사용과 관련하여는 반드시 당사의 사전 허락을 받아야 하며, 당사의 사전 허락 없는 대한민국 외에서의 복제 및 사용은 허락되지 않습니다.
빙그레체는 인쇄물, 광고물, 온라인 등 상업적 목적으로 사용할 수 있습니다.
단, 글꼴 자체를 유료로 판매하는 것은 금지하며 빙그레체는 수정 및 재배포를 할 수 없으며, 배포되는 형태 그대로 사용해야 합니다.
빙그레체를 사용한 인쇄물, 광고물(온라인 포함)의 이미지는 빙그레 프로모션을 위해 활용될 수 있으므로, 빙그레체의 사용시 이러한 활용에 동의하는 것으로 간주됩니다.
배달의민족 한나체, 한나체 Air, 한나체 Pro, 주아체, 도현체, 연성체, 기랑해랑체, 을지로체의 지적 재산권은 ㈜우아한형제들에 있습니다. 배달의민족 한나체, 한나체 Air, 한나체 Pro, 주아체, 도현체, 연성체, 기랑해랑체, 을지로체는 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공되며 자유롭게 수정하고 재배포하실 수 있습니다.
단, 글꼴 자체를 유료로 판매하는 것은 금지하며, 배달의민족 한나체, 한나체 Air, 한나체 Pro, 주아체, 도현체, 연성체, 기랑해랑체, 을지로체는 본 저작권 안내와 라이선스 전문을 포함해서 다른 소프트웨어와 번들하거나 재배포 또는 판매가 가능합니다. 배달의민족 한나체, 한나체 Air, 한나체 Pro, 주아체, 도현체, 연성체, 기랑해랑, 을지로체체 라이선스 전문을 포함하기 어려울 경우, 배달의민족 한나체, 한나체 Air, 한나체 Pro, 주아체, 도현체, 연성체, 기랑해랑체, 을지로체의 출처 표기를 권장합니다. 예) 이 페이지에는 우아한형제들에서 제공한 배달의민족 한나체, 한나체 Air, 한나체 Pro, 주아체, 도현체, 연성체, 기랑해랑체, 을지로체가 적용되어 있습니다.
배달의민족 한나체, 한나체 Air, 한나체 Pro, 주아체, 도현체, 연성체, 기랑해랑체, 을지로체를 사용한 인쇄물, 광고물(온라인 포함)의 이미지는 우아한형제들(배달의민족) 프로모션을 위해 활용될 수 있습니다. 이를 원치 않는 사용자는 언제든지 당사에 요청하실 수 있습니다. 정확한 사용 조건은 아래 배달의민족 한나체, 한나체 Air, 한나체 Pro, 주아체, 도현체, 연성체, 기랑해랑체, 을지로체 라이선스 전문을 참고하시기 바랍니다.
GS칼텍스는 올해 삼일절과 대한민국 임시정부 수립 100주년을 맞이해 ‘독립서체’ 캠페인을 진행하고 있습니다. 과거 독립운동을 지원했던 GS그룹 이념에 기반하여 파편적인 기록으로 남아있는 일부 독립운동가분들의 글씨체를 모아 연구, 전문 폰트 개발업체와 협업, 당시의 글씨체를 현대에 맞게 복원하여 디지털 폰트로 제작하였습니다. 이는 독립운동가의 필체를 디지털로 복원하여 독립운동가의 독립정신과 독립운동의 위대함을 계승하고자 함입니다.
독립서체 1차 캠페인을 통해 삼일절 100주년을 기념하여, 독립운동가 한용운 서체와 윤봉길 서체를 개발/무료 배포하였고, 독립서체 2차 캠페인에서는 백범 김구 서체와 윤동주 서체(별 헤는 밤 & 서시 두 가지 버전)를 개발하여 무료 배포 중에 있습니다.
독립운동가분들의 정신과 마음이 담긴 글씨체를 다운받아 직접 사용해보며, 독립운동가분들의 나라를 위한 희생정신과 아름다운 마음을 다시 한 번 되새겨 보시길 바랍니다
리디바탕 글꼴은 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공되며 자유롭게 수정하고 재배포하실 수 있습니다. 단, 글꼴 자체를 유료로 판매하는 것은 금지하며, 리디바탕 글꼴은 본 저작권 안내와 라이선스 전문을 포함해서 다른 소프트웨어와 번들하거나 재배포 또는 판매가 가능합니다. 라이선스 전문을 포함하기 어려울 경우, 리디바탕 글꼴의 출처 표기를 권장합니다. 예) 이 페이지는 리디주식회사에서 제공한 리디바탕 글꼴이 사용되어 있습니다.
This Font Software is licensed under the SIL Open Font License, Version 1.1.
웹페이지 이미지 제작 일체, 이미지배너, 배너광고(영상배너 제외), 이메일, 웹진, 웹툰, SNS, 메신져 등의 모바일 홍보 마케팅용 이미지 제작
O
옥내외광고라이선스
옥내외광고물
옥내외 사인(비상구안내, 학교교식표시, 각종 안내 등), 옥내외 간판(벽면간판, 돌출간판 등), 옥내외 공공 시설물 안내판, 옥상 간판(광고탑, 광고판, 옥탑광고, 야립간판 등), 교통시설 및 교통수단을 이용한 광고물(지하도, 철도역, 지하철역, 공항, 버스, 지하철, 택시, 기차 등), 디지털 광고물 (DID, 전자POP, 매장내 거치형 광고물 / 이미지만 가능), 일반 단독 간판
O
분야별라이선스
영상
일반 동영상, 온라인 배너 영상물, 홍보 영상물, 메이킹 영상물, 뮤직 비디오, 영화 본편 및 예고편, 영상 컨텐츠 제작물 등 모든 형태의 광고영상물, 공중파, 케이블 등 방송 자막 일체, 공중파·케이블·지역방송 등 TV CF, 극장 CF, 온라인 CF, 디지털광고물(DID, 전자POP, 매장내 거치형 광고물)
O
소프트웨어
무료 배포 및 판매용 앱 UI(이미지만 적용), 광고·홍보 등 마케팅용 앱 UI(이미지만 적용), 각종 스마트폰 어플리케이션 UI(이미지만 적용), OS·유틸리티·응용 프로그램 및 소프트웨어 UI(이미지만 적용), 무료 배포 및 판매용 게임 UI(이미지만 적용), 광고·홍보 등 마케팅용 게임 UI(이미지만 적용), 비디오게임·온라인 라이브 게임 UI(이미지만 적용)
O
이북(pdf, epub)/이러닝
교육용 자료, 동영상 강좌, 플래시 강좌, 기타 이러닝 제작 및 서비스 컨텐츠, 웹진, 앱진, 인터넷신문, 서적, 학습지, 교과서, 등 전자형식의 도서, 잡지, 문서 일체, 모바일기사, 온라인 교육자료 및 사전검색 컨텐츠, 전자 브로슈어, 전자 카다로그, 각종 전자 서비스 컨텐츠, 온라인상 배포 및 게시용 PDF제작물(사용설명, 이용안내, 정품인증서 등)
O
CI/BI
사명, 로고, 마크, 슬로건, 캐치프레이즈, 기업 브랜딩 관련 상징물, 브랜드명, 상품명, 각종 패키지 디자인 제작물(메인 명칭 외에 고정형 보조 문구 포함)
O
2차제작물
폰트가 직접적으로 이용되어진 제품 일체(자소 도장, 카드종류, 머그컵, 스티커, 수건, 의류, 기타 생활용품 제작 등) 직접 판매 목적의 이미지 제작, 앨범자켓, 커버디자인(CD/DVD), 문구류, 가사북(각종 템플릿, 콘텐츠 상품, 이모티콘 등) 모형, 시제품, 전시용샘플, 각종 모델형 제작물 등, 3D 프린터 제작물
O
별도라이선스
임베딩
디바이스 탑재, 서버 임베딩, 웹폰트형식, 모바일 앱 및 온라인 게임, 채팅용 등 전 분야 폰트파일 탑재되는 형태 일체
이렇게 값이 undefined 혹은 null 일 경우, 값을 활용하여 가공을 하는 과정에서 에러가 날 수 있습니다.
const myData = window.localStorage.getItem("myData")
myData.filter(v => parseInt(v.score[0]) >= 8)
>>> Uncaught TypeError: Cannot read property 'filter' of null
/*
현재 localStorage에 key들 중 이름이 myData인 것이 없습니다.
그러므로, 변수 myData의 경우 null이 할당됩니다.
배열이 아닌 구조에 filter 메서드를 사용할 경우 오류가 납니다.
*/
localStorage에 원하는 값이 없을 경우를 대비하여 대체할 값이나 혹은 초기값을 반드시 세팅해주어야합니다.
5-1. 응용하기
const defaultMovies = [
{title: "힘을 내요. 미스터리", score: "8.47"},
{title: "예스터데이", score: "8.45"},
{title: "장사리", score: "8.54"},
]
const getMyMovies = window.localStorage.getItem("myMovies")
// window.localStorage에 저장된 값이 없기때문에 getMyMovie에 반환되는 값은 null입니다.
const movies = getMyMovies ? JSON.parse(getMyMovies) : defaultMovies
// 변수 movies는 getMyMovie의 키가 없기 때문에 defaultMovies이 참조됩니다.
const filteredMovies = movies.filter(v => parseInt(v.score[0]) >= 8)
// score가 8.0 이상인 영화를 필터링합니다.
console.log(filteredMovies)
>>> [
{title: "힘을 내요. 미스터리", score: "8.47"},
{title: "예스터데이", score: "8.45"},
{title: "장사리", score: "8.54"},
]
getMyMovies 에는 null 이 들어있습니다. 그러므로 movies 는 defaultMovies를 바라보게 됩니다. defaultMovies의 값을 가지는 movie에 filter메서드를 사용하여 score가 8.0 이상인 영화만 걸러냅니다. defaultMovies의 모든 영화들은 8.0 이상이니 값이 그대로 나옵니다.
5-2. 응용하기
// 추가된 코드
const myMovies = [
{title: "나쁜녀석들", score: "8.37"},
{title: "타짜", score: "7.05"},
{title: "양자물리학", score: "8.91"},
]
const defaultMovies = [
{title: "힘을 내요. 미스터리", score: "8.47"},
{title: "예스터데이", score: "8.45"},
{title: "장사리", score: "8.54"},
]
// 추가된 코드
if(myMovies.length > 0){
window.localStorage.setItem('myMovies', JSON.stringify(myMovies))
}
// myMovies의 사이즈가 0 보다 크다면 데이터가 있는 것으로 판단하고, localStorage 에 저장하게 됩니다.
const getMyMovies = window.localStorage.getItem("myMovies")
const movies = getMyMovies ? JSON.parse(getMyMovies) : defaultMovies
const filteredMovies = movies.filter(v => parseInt(v.score[0]) >= 8)
console.log(filteredMovies)
>>> [
{title: "나쁜녀석들", score: "8.37"},
{title: "양자물리학", score: "8.91"},
]
/* support IE9+ */
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
//babel 을 불러온다.
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"></script>
// babel 실행에 필요한 기능을 불러온다.
<script type="text/babel" data-presets="es2015,stage-2">
// type="text/babel" data=presets="es2015, stage-2"
// babel을 사용할 것이고, es2015를 사용할 것이고, stage-2 는 Babel 플러그인의 안정적인 버전이다.
const hello = (data) => {
document.querySelector('#result').innerText = data
}
hello("hello");
</script>
? Project name nuxt-app
? Project description My fine Nuxt.js project
? Use a custom server framework express
? Choose features to install Axios
? Use a custom UI framework vuetify
? Use a custom test framework none
? Choose rendering mode Universal
? Author name DaeBeom Choi
? Choose a package manager npm
