101 articles Articles posted in SEO 와 기술

Google Search Console을 사용하여 robots.txt 파일 생성 및 수정하기

“/httpdocs/robots.txt”를 찾는 로그 레코드는 웹 서버 로그 파일에서 발생하는 내용 중 하나입니다. robots.txt 파일은 웹 사이트의 루트 디렉토리에 위치하며, 웹 크롤러 봇에게 어떤 웹 페이지나 디렉토리에 접근할 수 있는지에 대한 지침을 제공하는 텍스트 파일입니다. 웹 크롤러 봇은 이 파일을 확인하여 웹 사이트의 로봇 동작을 제어합니다. 만약 로봇이 특정 디렉토리나 페이지에 접근할 권한이 없다면, robots.txt 파일에서 그 규칙이 정의되어 있을 것입니다. 이로 인해 로봇은 해당 디렉토리나 페이지를 크롤링하지 않을 것입니다. “/httpdocs/robots.txt”를 찾는 로그 레코드는 웹 서버가 …

Continue reading →

지난 몇 년간 새로운 IT 기술의 등장이 상대적으로 느려지는 이유

인공지능(AI)의 발전과 함께 지난 몇 년간 새로운 IT 기술의 등장이 상대적으로 느려지는 이유에는 여러 가지 요인이 있습니다. 몇 가지 가능한 이유는 다음과 같습니다: 1. 성숙한 기술 시장: IT 산업은 기술의 성숙도가 높은 분야 중 하나입니다. 대부분의 기본적인 기술들은 이미 수년에서 수십 년 이상 연구되고 개발되었습니다. 새로운 기술을 개발하거나 새로운 언어를 만드는 것이 점점 어려워지는 경향이 있습니다. 2. 기술의 진화와 확장: 과거에는 새로운 언어나 기술을 개발하는 것이 쉽고 적은 노력으로 가능했습니다. 하지만 현재는 기존 기술들이 계속해서 …

Continue reading →

닷컴 버블 후 지금과 같은 프론트앤드 백 앤드 개발자가 등장하기 까지

닷컴 버블 시기(1990년대 후반 ~ 2000년 초반)에는 현재 사용되는 프론트엔드(프론트앤드) 및 백엔드(백앤드) 개발자라는 용어는 보편적으로 사용되지 않았습니다. 대신, 개발자들은 주로 “프로그래머”라는 용어를 사용하여 자신의 직업을 설명하거나 신분을 표현했습니다. 그러나 이러한 시기에도 웹 개발은 기능적으로 프론트엔드와 백엔드로 구분되어 있었습니다. 다음은 프론트엔드와 백엔드의 개발 역할의 변천사를 더 구체적으로 설명한 것입니다: 1. 초기 웹 개발 (1990년대): 닷컴 버블 시기 이전에도 웹 개발이 있었고, 웹 페이지를 구축하기 위해 HTML(HyperText Markup Language)과 CSS(Cascading Style Sheets)를 사용하는 개발자들이 활동하고 있었습니다. 이러한 …

Continue reading →

브라우저 기반 OS의 진화 과정

브라우저 기반 운영체제는 웹 기술을 기반으로 한 운영체제입니다. 이러한 운영체제는 웹 브라우저를 통해 애플리케이션을 실행하고 데이터를 처리하는 기능을 제공합니다. 이제 Svelte를 포함하여 브라우저 기반 운영체제의 진화 과정을 살펴보겠습니다. 1. 초기 단계: 브라우저 기반 운영체제는 초기에는 단순한 웹 브라우저와 웹 애플리케이션으로 구성되었습니다. 사용자는 웹을 통해 애플리케이션에 접속하고 데이터를 처리하였습니다. 이때는 기본적인 HTML, CSS, JavaScript와 같은 웹 표준 기술을 사용하여 애플리케이션을 개발하였습니다. 2. 진보된 웹 기술의 도입: 점차 웹 기술은 발전하였고, AJAX와 HTML5와 같은 기술들이 도입되면서 브라우저 …

Continue reading →

20년전과 지금의 IT환경의 차이점 10가지 – 디지털 혁명(Digital Revolution)의 시대

인터넷 사용자 수: 20년 전에는 인터넷 사용자 수가 상대적으로 적었지만, 현재는 전 세계적으로 인터넷 사용자 수가 급증하여 매우 많이 사용되고 있습니다. 모바일 기술의 발전: 20년 전에는 모바일 기술이 매우 제한적이었지만, 현재는 모바일 장치에서 거의 모든 작업을 수행할 수 있습니다. 클라우드 컴퓨팅: 20년 전에는 클라우드 컴퓨팅이 없었지만, 현재는 클라우드 컴퓨팅이 널리 사용되고 있습니다. 빅 데이터: 20년 전에는 빅 데이터 개념이 존재하지 않았지만, 현재는 많은 기업들이 빅 데이터를 수집, 분석하여 비즈니스 전략에 활용하고 있습니다. 소셜 미디어: 20년 …

Continue reading →

CSS 프레임워크 Tailwind

Tailwind는 CSS 프레임워크로, CSS를 작성할 때 자주 사용하는 일반적인 클래스를 미리 정의하여 제공하는 방식으로 작동합니다. 이를 통해 개발자는 CSS를 빠르고 쉽게 작성할 수 있으며, 일관된 디자인 시스템을 구축하고 유지할 수 있습니다. Tailwind는 사용하기 쉽고 커스터마이즈하기 쉬운 클래스를 제공합니다. 예를 들어, text-red-500과 같은 클래스는 글자 색상을 빨간색으로 지정하는데 사용할 수 있으며, bg-gray-200과 같은 클래스는 배경색을 회색 계통으로 지정하는 데 사용할 수 있습니다. Tailwind는 컴포넌트 기반의 웹 개발에서 유용하며, 재사용 가능한 UI 요소를 만들기 쉽습니다. 또한, 반응형 …

Continue reading →

아임포트 장고 웹사이트 신용카드 결제 연동 안내 , 테스트 신용카드 번호

아임포트 장고 웹사이트 신용카드 결제 연동 안내 , 테스트 신용카드 번호

아임포트(iamport)를 이용하면 한국에서 손쉽게 여러 PG사를 연결할 수 있습니다. 여기서는 강의 업데이트 안내와 함께, 아임포트 사용방법을 쉽게 설명해 드립니다. 또 기존 왕초보 쇼핑몰 강의에서는 우리가 만든 울트라 쇼핑몰의 경우 기존 모델과 연결하는 방법을 설명합니다.    

Continue reading →

2021우아한 왕초보를 위한 앵귤러(Angular) JS 기초 강좌 – 프로젝트로 배우는

2021우아한 왕초보를 위한 앵귤러(Angular) JS 기초 강좌 – 프로젝트로 배우는

AngularJS 는 웹 프레임워크입니다. 구글에서 개발 배포하며, 자바스크립트 기반입니다. 한페이지에 효율적으로 자원을 보여주는 SPA(Single Page Application) 방식을 사용해 굉장히 빠른 웹 서비스를 만들게 됩니다. 이 강좌는 기존의 Vue.js 와 react를 해보신 분이나, 또는 이미 웹프레임워크에 대한 경험이 있으실 경우 실제 프로젝트 구현을 통해 앵귤러 JS를 배우게 됩니다. 물론 다른 프레임워크의 경험 없이 처음으로 앵귤러 JS를 시작하시는 분도 재미있게 프로젝트를 기반으로 배우실 수 있게 됩니다. 샵투스쿨에서 강의 보기

Continue reading →

웹퍼블리셔가 되고싶니? 웹퍼블리셔 과정

웹퍼블리셔가 되고싶니? 웹퍼블리셔 과정

과정 수강하기 (무료) 웹퍼블리셔는 PC나 모바일에서 웹사이트의 보이는 부분을 다루는 직업입니다.  HTML로 구조와 컨텐츠를 만들며  CSS로 꾸며줍니다. 그리고 여기에 Javascript로 보이는 부분의 동작을 작동시키는데, 이렇게 서버쪽이 아닌 보이는 부분(프론트앤드) 까지의 작업이 기본적인 웹퍼블리셔가 하는 일입니다. 그래서 웹퍼블리셔를 프론트앤드 개발자라고 부르기도 합니다.이 과정은 처음으로 HTML, CSS를  배우기 시작하시면서 웹퍼블리셔가 되기 위해 준비하시는 분들을 위한 과정입니다.여러분께 단계별 교육으로 간단한 UI 부터 반응형 웹까지 제작할 수 있는 수준으로 여러분을 안내합니다.

Continue reading →

왕초보 JavaScript 강좌 4 Object 에 method 추가하기

  객체에 메소드를 추가하는것을 살펴 봅니다. 먼저 다음과 같이 객체를 만듭니다. 이때 라는 메소드가 만들어 집니다. [javascript] function dog(name, age) { this.name = name; this.age = age; this.humanrealAge = humanYear; } [/javascript] 이때 this.humanrealAge = humanYear 에서 humanYear 에 () 는 없습니다. humanrealAge 라는 메소드의 내용은 다음과 같이 함수로 정의 됩니다. return 을 이용해 humanAge의 값을 humanYear 에 전달해 줍니다. [javascript] function humanYear() { var humanAge = this.age * 7; return humanAge; } [/javascript] 그리고 …

Continue reading →