언코드(Uncode) 테마 데모의 이해
워드프레스는 취미로 하는 수준이어서 제작 경험이 많지 않다 보니, 개인적으로는 Uncode 테마 외에 여느 다른 테마를 사용해 본 적이 없습니다. 그럼에도 불구하고 눈대중으로 살펴본 결과 데모 테마의 설치에 있어서 다른 테마와 약간 차이점이 있는 듯하여 이번 글에서 정리해보고자 합니다. One-Click Import...?일반적으로 워드프레스 테마 (Multi-purpose)의 데모를 불러온다고 하면 주제에 맞게 세팅된 하나의 데모 사이트가 설치 됩니다. 예를 들어 학원 데모를 불러온다면 학원 데모에 맞춰서 완성된 하나의 사이트가 생성되고, 레스토랑 데모를 불러온다면 레스토랑에 맞게 미리 구성된 사이트를 불러오는 방식으로 진행되겠죠? 그런데, Uncode 테마에서는 기본적으로 모든 데모 콘텐츠를 한..
라이트세일 워드프레스에서 "부분적으로 HTTPS를 사용하고 있습니다" 오류 수정 방법
아래의 글들에서 라이트세일 워드프레스에서 HTTPS를 적용하는 방법에 대해서 살펴보았습니다. (수동 설치가 아닌 라이트세일이 제공하는 비트나미 워드프레스 스택 (블루프린트 앱+ OS)을 이용하여 설치한 경우입니다) [싱글사이트] - 라이트세일에 워드프레스를! (4) - 초간단 SSL (1분 컷 HTTPS) [멀티사이트] - [3] 라이트세일 워드프레스 멀티사이트에 HTTPS 적용하기 (Let's Encrypt SSL) 보통은 위의 방법을 통해서 보안 연결이 정상적으로 작동합니다. 하지만 테마에 따라서 가끔 업로드하는 이미지의 주소가 https가 아닌 http가 되는 경우가 있습니다. 이 경우, 해당 이미지가 포함된 글, 또는 페이지를 열어보면 자물쇠 그림 대신 "주의 요함"이라고 나타나며, 클릭해보면 "..
[ES6] 배열 메소드 : entries(), keys(), values()
이번 글에서는 ES6에서 지원하는 다소 특이한 메소드인 entries(), keys(), values()에 대해서 살펴보도록 하겠습니다. 1. Array.prototype.entries() entries() 메서드는 배열의 각 인덱스에 대한 key-value 쌍을 가지는 새로운 Array Iterator 객체를 반환합니다. [Iterator란?] Iterator는 컬렉션의 항목에 한 번에 하나씩 액세스 하면서 현재 위치를 추적하는 객체입니다. 두 개의 속성 (value, done)을 반환하는 next() 메서드를 지원하며 객체의 Iterator protocol을 구현합니다. 시퀀스의 마지막 값이 산출된 후 done 값은 true를 반환합니다. https://developer.mozilla.org/en-U..
[ES6] 배열 메소드 : copyWithin(), fill()
ES6에서는 배열 복사를 위한 2개의 메소드, copyWithin()과 fill()이 추가되었습니다. 개인적으로는 딱히 필요한 상황이 없었던 것 같지만, 일단 필요에 의해서 추가되었을 테니 나중을 위해서 정리를 해봅니다. 1. Array.prototype.copyWithin() copyWithin() 메소드는 배열의 일부를 복사하여, 지정된 위치에 덮어쓰고 해당 배열을 반환합니다. 배열의 길이는 변경되지 않습니다. copyWithin() 메소드는 원본 배열을 변경시킵니다. [문법] arr.copyWithin(target, start, end); Parameter Description target (필수) 복사한 엘리먼트 붙여 넣을 위치의 인덱스 start (옵션) 복사를 시작할 위치의 인덱스 (defau..
[티스토리] 드디어 사이트맵을 지원하네요!
그동안 블로그 사이트맵 등록 안함... 티스토리를 사용하면서 사이트맵을 추가하려면 너무너무 귀찮은 과정을 거쳐야 했습니다. 외부 사이트를 통해서 사이트맵을 생성하고 억지로 파일 첨부하고, 구글과 네이버에 등록하고... 글들이 추가되면 사이트맵 업데이트 하고 무한루프... 저는 사실 사이트맵을 주기적으로 업데이트 해주어야 한다는 점에서... 귀찮아서 포기하고 RSS로 사이트맵을 대체해 사용해 왔습니다. 글이 몇개 없어서 그런지 별 다른 문제 없이 인덱싱은 잘 되곤 했습니다. ^^; 귀차니즘 탈출! 이번 티스토리 업데이트를 통해 최대 3000개까지의 URL에 대해서 사이트 맵 자동 생성을 지원한다고 합니다. 세부 내용은 아래 두개의 링크를 참고하시면 됩니다. [안내] 블로그 사이트맵이 자동으로 생성됩니다. ..
[ES6] 배열 메소드 : find(), findIndex()
ES5에서는 배열 내에 검색을 위해서 indexOf()라는 배열 메소드가 존재했습니다. ES6에서는 좀 더 강력한 배열 검색을 지원하기 위해서 find(), findIndex() 두가지의 새로운 메소드를 지원합니다. 기존의 indexOf가 배열내의 특정 값을 찾는데에 사용되었다면, find, findIndex는 callback 함수를 통해서 좀 더 복잡한 조건의 검색이 가능합니다. 약간은 filter() 메소드와도 비슷한 면이 있어 보입니다. 1. Array.prototype.find() find() 메소드는 주어진 테스트 함수의 조건을 만족하는 첫 번째 요소 값을 반환합니다. 조건에 맞는 요소를 찾을 수 없다면 undefined를 반환합니다. find()는 호출되는 배열을 변경하지 않습니다. [문법] ..
[ES6] 배열 메소드 : from(), of()
ES6에서 새롭게 Array 관련 2개의 정적 메소드(static method) from()과 of()가 추가되었습니다. Static method 이므로 "Array.메소드명"의 형태로 호출합니다. 1. Array.from() Array.from() 메소드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 복사해서 새로운 배열 객체를 생성합니다. from()은 정적 메소드로 배열을 생성하지 않고 바로 사용할 수 있습니다. Array-like object의 조건은 아래와 같습니다. 배열처럼 인덱스로 접근이 가능하고, length 속성이 존재한다. 실제 배열의 네이티브 메소드( push, forEach ...)는 존재하지 않는다. Array-like ob..
[Uncode 테마] Content Block으로 Header 섹션 만들기
워드프레스로 페이지를 구성하는 데 있어서 서로 다른 페이지이지만 동일한 내용의 섹션 (또는 요소)을 사용하고 싶은 경우가 있습니다. 이 경우, 굳이 매번 새롭게 페이지를 꾸미기보다는 한번 생성한 내용을 가져다가 여기저기 붙이는 방법이 편리하겠죠? Uncode (언코드) 테마에서는 이를 위해서 Content Block이라는 것을 지원합니다. 공통으로 사용될법한 엘리먼트 들을 콘텐트 블록으로 설정하면 페이지 별로 따로 따로 설정할 필요 없이 반복해서 사용하면 되겠죠? 수정도 훨씬 간편해지고요. 이번 글에서는 Uncode 테마의 Content Block을 이용하여 공통의 헤더 섹션을 구성하는 예제에 대해서 살펴보겠습니다. 1. Header 섹션을 왜 공통으로 사용해? 웹사이트를 방문할 때 우선적으로 확~ 눈에..