jerrytoblog 님의 블로그

다국어 웹사이트에서 hreflang 태그는 매우 중요한 역할을 하는 메타 태그입니다. 이 태그는 검색 엔진이 웹페이지가 어떤 언어로 되어있는지 이해하고 올바르게 인덱싱할 수 있도록 도와줍니다. 따라서 사람들이 검색을 할 때 사용자의 언어나 지역에 적합한 웹페이지를 제공하는 데 중요한 역할을 합니다. 이를 통해 검색 엔진 최적화(SEO)도 향상되고 방문자에게 보다 개인화된 경험을 제공할 수 있습니다.hreflang 태그의 주요 기능웹사이트가 동일한 콘텐츠를 여러 언어로 제공할 경우, hreflang 태그는 검색 엔진이 사용자의 언어 및 지역에 가장 적합한 페이지를 보여줄 수 있도록 해줍니다. 예를 들어 영어와 스페인어로 콘텐츠가 되어 있다면 영어 사용자에게는 영어로 된 페이지가, 스페인어 사용자에게는 스페..

Capacitor는 Ionic 프레임워크와 함께 사용되는 오픈 소스 웹 앱 개발 도구입니다. 다양한 플랫폼에 모바일 애플리케이션을 개발하고 배포하는 데 사용할 수 있습니다. Capacitor는 Cordova와 비슷한 목표로 개발되었지만 웹 기술을 더 효과적으로 활용할 수 있습니다. 그리고 네이티브 플러그인을 보다 편리하게 사용할 수 있게 되었습니다.Capacitor를 사용하면 기존의 웹 기술(HTML, CSS, JavaScript)을 활용하여 iOS, Android, 데스크탑 앱 등을 손쉽게 개발할 수 있습니다. Capacitor는 다양한 프레임워크 및 라이브러리와 함께 사용할 수 있습니다. Angular, React, Vue.js 등 자신이 원하는 것을 골라서 앱을 만들 수 있습니다. 웹 개발자도 Ca..

페이스북에서 리액트 네이티브를 만들었습니다. 리액트 네이티브는 여러 운영체제에서 동작하는 앱을 만들 수 있는 크로스 플랫폼 앱 개발 프레임워크입니다. 리액트 네이티브에서는 자바스크립트가 다리 역할을 하면서 네이티브 API에 접근합니다. 자바스크립트 코드가 다른 운영체제에서 실행되게 연결해줍니다. 따라서 웹앱이나 하이브리드 앱보다는 속도가 빠릅니다. 그러나 화면에 표시할 내용이 많으면 느려질 수 있습니다. 그리고 운영체제가 업데이트 되면 앱의 모습이 바뀔 수 있습니다.플러터는 리액트 네이티브와 같은 크로스 플랫폼 프레임워크입니다. 플러터는 구글에서 만든 다트라는 언어를 사용합니다. 플러터는 프레임워크, 엔진, 임베더 계층으로 되어 있습니다. 프레임워크 계층에는 다트 언어로 개발된 여러 가지 클래스가 있습니..

그럼 스크래치를 어떻게 사용하는지 배워보겠습니다. 우리는 단순한 스크래치를 쓰는 것이 아니라, 아두이노에 명령을 내릴 수 있는 스크래치를 사용하겠습니다. 우리가 사용할 프로그램은 바로 mBlock입니다. 이 프로그램을 쓰면 아주 간단하게 스크래치로 아두이노 코딩을 할 수 있습니다.우선 mBlock을 어떻게 설치하는지 알아보겠습니다. 인터넷 주소창에 mblock.cc라고 쓰고 엔터키를 눌러 사이트로 들어갑니다. 홈페이지에서 를 클릭합니다. 그리고 화면을 조금 아래로 내리면 가 나오는데 이것을 클릭하면 mBlock 설치 파일을 다운 받을 수 있습니다. 이 파일을 설치하면 mBlock을 사용할 수 있습니다. 만약 컴퓨터가 Mac이라면 Mac 버전의 설치파일을 다운 받으면 됩니다.그러면 귀여운 곰돌이 모양의 아..

리액트는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리입니다. 리액트는 메타에서 만든 오픈소스 자바스크립트 UI 라이브러리로 2023년에 처음 출시되었습니다. 리액트는 사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위해서 자바스크립트 기능을 모은 것입니다. SPA는 Single Page Application의 줄임말로 하나의 페이지만 있는 웹사이트를 말합니다. 리액트는 SPA를 쉽고 빠르게 만들 수 있게 해줍니다.리액트는 빠른 업데이트와 렌더링 속도가 장점입니다. 리액트는 빠른 업데이트를 위해서 내부적으로 Virtual DOM이라는 것을 사용합니다. DOM은 Document Object Model의 줄임말로 웹페이지를 정의하는 하나의 객체라고 생각하면 됩니다. DOM은 웹사이트에 대한 ..

곰돌이는 사회 시간에 우리 지역에 대해서 많은 것을 배웠습니다. 그러다가 우리지역에 있는 도서관의 위치가 궁금했습니다. 곰돌이는 학교에 끝나고 집에 돌아와 컴퓨터를 켰습니다. 그리고 인터넷에 들어가서 검색하니 우리 지역에 도서관이 3개가 있다는 것을 알았습니다. 또한, 곰돌이는 집에서 가장 가까운 도서관이 어디에 있는지도 알았습니다. 곰돌이는 주말에 도서관에 가서 재미있는 소설을 읽을 생각을 하니 기분이 좋아졌습니다.만약 컴퓨터가 없어진다면 어떻게 될까요? 우리가 흔히 볼 수 있는 스마트폰을 쓸 수 없습니다. 스마트폰 같은 기계는 컴퓨터로 만들어지기 때문이죠. 여러분이 좋아하는 유튜브도 볼 수 없고, 재미있는 게임도 할 수 없습니다. 그뿐만 아니라 엘리베이터나 자동문, 전기밥솥, 세탁기도 사용할 수 없습..

전 세계의 인터넷 사용자들은 매일 수억 시간의 동영상을 보고, 수십억 건의 동영상을 검색한다고 합니다. 그 검색 사이트의 이름을 혹시 아시나요? 네, 바로 유튜브입니다. 전 세계 최대 무료 동영상 공유 사이트로, 2006년 최고의 발명품으로 꼽힙니다. 그런데 유튜브가 어떻게 만들어졌는지 아세요? 스티브 첸이라는 사람이 생활 속에서 느낀 문제를 해결하려다 유튜브를 만들었습니다. 자신이 찍은 동영상을 친구들에게 보내려고 했는데 쉽지 않았습니다. 그래서 이렇게 생각했습니다. ‘누구나 동영상에 관심이 있으니, 쉽게 동영상을 공유하는 사이트를 만들 수 없을 까?’ 이렇게 스티브 첸과 그의 친구들은 자신들의 생각을 담아 모든 사람을 뜻하는 You와 TV를 뜻하는 Tube를 붙여 모든 사람의 TV란 의미의 YouTu..