본문 바로가기
반응형

전체 글48

미디어 쿼리(Media Queries) 미디어 쿼리는 오래전 미디어 타입이라는 이름으로 등장했었습니다. 미디어 타입은 말 그대로 미디어의 종류만 감지했기 때문에 세부적인 사항까지는 알지 못했습니다. 또, 옛날에는 기기의 종류가 많지도 않아 사용성에 의구심을 갖는 사람들이 많아 거의 사용하지 않았던 기술입니다. 하지만, CSS3가 등장하면서 이 미디어 타입이라는 기술이 ‘미디어 쿼리’라는 이름과 함께 기기의 종류뿐 아니라 해상도, 비트 수, 가로, 세로 여부 등 세부사항까지 감지할 수 있는 기술로 탈바꿈을 하게 됩니다. 기기의 세밀한 부분까지 감지할 수 있어져 반응형 웹의 시작과 함께 웹 개발의 새로운 지평을 열었다는 찬사도 받습니다. 미디어 쿼리는 화면 해상도, 기기 방향 등의 조건으로 HTML에 적용하는 스타일을 전환할 수 있는 CSS3의 .. 2021. 8. 2.
티스토리 다음 검색등록 티스토리는 주식회사 카카오에서 운영하는 가입, 설치형 블로그 서비스입니다. 카카오(다음)에서 운영하기 때문에 별도의 설정(사이트맵, RSS) 없이 티스토리 블로그와 다음 사이트에서 검색이 됩니다. 그런데, 네이버 등의 포털 사이트와 구글 등의 검색엔진에 사이트맵과 RSS 등록하면서 다음에서도 정상적으로 제 블로그 사이트와 블로그의 포스트가 정상적으로 검색이 되는지도 확인해 보았습니다. 그런데, 다음에서 제 블로그 사이트 주소나 블로그 이름을 검색을 해보아도 제 블로그는 검색이 되지 않았습니다. 다음(Daum)에서는 따로 설정이 없어도 자동으로 노출이 되는 줄 알았는데 그게 아니었던 것이죠. 누군가는 티스토리 블로그를 열심히 써나가 보면 언젠가 블로그 사이트 검색이 도리 것이라고 포스팅하신 분도 계셨지만,.. 2021. 7. 31.
서버의 종류 서버란? 서버는 PHP, Java, C언어 등 컴퓨터 언어가 실행될 런타임 환경을 구축하여 프린트 제어, 파일 관리 및 소프트웨어 자원 공유, 네트워크 제어, 기타 장비 등 하드웨어 자원을 공유할 수 있도록 서비스를 제공하는 컴퓨터 또는 소프트웨어를 말합니다. 서버에서 보내주는 이러한 서비스를 받고 이를 요구하는 측은 클라이언트입니다. 클라이언트가 소규모 일 경우에는 한 대의 서버가 이러한 역할을 소화할 수 있으나, 대규모로 연결되어 있는 경우에는 여러 대의 서버를 두고 파일 관리, 프린트 제어 등 각각 역할을 세분하게 됩니다. 서버의 종류 1. 애플리케이션 서버 애플리케이션 서버는 사용자가 원격으로 액세스 할 수 있는 애플리케이션을 호스팅 하거나 배포하는 서버입니다. 웹 용 프로그램을 동작시킬 수 있도.. 2021. 7. 30.
반응형 웹의 장단점 반응형 웹이 등장하면서 웹사이트를 사용하는 사람들에게 모든 기기에서 최적화된 웹사이트를 제공할 수 있게 되었고, PC 버전의 웹사이트와 모바일 버전의 웹사이트 두 가지 모두를 만들지 않아도 됨에 따라 비용과 시간, 인력을 반으로 줄일 수 있게 되었습니다. 그러면 왜 반응형 웹으로 만들어야 하는지 구체적으로 알아보겠습니다. 왜 반응형 웹을 쓰는가? 유지보수 간편 반응형 웹은 유지보수가 간편합니다. 모바일 버전과 데스크톱 버전 같은 두 개의 웹사이트를 만들게 되면 웹사이트에 새로운 내용을 추가하거나 수정할 때 모바일 버전과 데스크톱 버전을 개별적으로 수정해야 하므로 같은 내용의 작업을 반복해야 했기 때문에 손이 많이 가고 복잡합니다. 하지만 반응형 웹은 모바일 버전, 태블릿 버전, 데스크톱 버전 등 모든 디.. 2021. 7. 29.
반응형 웹이란? 반응형 웹이란 말 그대로 반응하는 웹을 뜻합니다. 조금 더 구체적으로 설명을 하자면 PC, TV, 내비게이션, 스마트 기기 등 기기마다 또는 환경마다 최적화된 웹사이트를 제공해주는 것을 말합니다. 예를 들어 화면이 작은 기기에서 반응형 웹으로 제작된 사이트에 접속하였을 때는 작은 화면에 최적화된 화면으로 구조를 변경하여 보여주고, 화면이 큰 기기에서 접속하였을 때는 큰 화면에 최적화된 화면으로 구조를 변경하여 보여줍니다. 즉, 기기의 화면이나 환경에 맞게 자유자재로 변하는 것이 반응형 웹입니다. 반응형 웹의 등장 배경 2007년, 처음으로 모바일 기기가 세상에 나왔습니다. 많은 사람들은 검색을 비롯한 예약, 주문 등등 온라인으로 이루어졌던 서비스를 언제 어디서든 할 수 있게 되었다는 점에 열광했습니다. .. 2021. 7. 28.
Front-end(프론트엔드)란? 사용자가 웹 사이트 또는 웹 애플리케이션의 URL을 입력하거나 모바일 애플리케이션을 다운로드할 때, 사용자들은 아주 깔끔한 레이아웃을 가진 인터페이스를 보게 된다. 이렇게 사용자가 마주 보는 인터페이스를 테크놀로지 분야에서 ‘프론트엔드’라고 부른다. 과거의 프론트엔드는 HTML과 CSS와 약간의 Javascript(JS)를 다루는 영역이었다. 웹 퍼블리셔의 역할인 UIUI 개발이 주된 업무이다. 하지만 웹의 기능이 복잡해지고 동적 요구사항이 늘어나면서 과거 방식으로는 더 이상 현재의 요구사항에 충족할 수 없는 지경에 이르렀다. JS가 다루어야 할 영역은 점점 커지고, 백엔드의 비즈니스 로직 일부는 프론트엔드로 넘어오기까지 했기 때문이다. 프론트엔드의 요구사항을 위해 다양한 기술이 나왔지만, 웹의 동작 방.. 2021. 7. 27.
도커와 쿠버네티스의 차이? Container application을 공부하면서 Docker(도커)와 Kubernetes(쿠버네티스)라는 단어를 자주 접하게 된다. 하지만 이 둘의 차이점을 잘 모르는 경우가 대부분이며, 심지어 “나는 도커를 사용할거야”, “쿠버네티스를 사용할거야”처럼 둘을 선택 대상이라고 생각하는 경우도 있다. 그렇기 때문에 이번 기회에 도커와 쿠버네티스의 차이에 대해 알아보자. 도커(Docker) 다양한 프로그램, 실행환경 등을 컨테이너로 추상화하고 동일한 인터페이스를 제공하여 프로그램의 배포와 관치를 단순하게 해준다. 도커에서는 컨테이너와 이미지라는 개념이 중요하다. 이미지는 컨테이너 실행에 필요한 파일들과 설정을 가지고 있는 개념으로, 변하지 않는다는 특징이 있다. 컨테이너는 이미지를 실행한 상태라고 볼 수 .. 2021. 7. 26.
티스토리 네이버 검색 최적화 티스토리는 주식회사 카카오에서 운영하는 가입, 설치형 블로그 서비스입니다. 카카오(다음)에서 운영하기 때문에 별도의 설정(사이트맵, RSS)없이 티스토리 블로그와 다음 사이트에서 검색이 됩니다. 하지만 그 외 구글이나 네이버 같은 대형 검색포털에서 검색되기 위해서는 별도의 절차를 거쳐야 합니다. 그렇다면 왜 직접 수고를 하면서 검색 최적화를 할까? 들어올 수 있는 출입문이 많아야 그만큼 내 티스토리에 접근성을 높일 수 있고 더 나아가 블로그의 품질 향상에 기대할 수 있기 때문이다. 그렇기 때문에 이번 시간에는 네이버 검색 최적화에 대해 알아보자. 네이버 검색 최적화 네이버 서치어드바이저에서 설정이 이루어지기 때문에 아래 링크를 통해 웹페이지에 접속을 합니다. https://searchadvisor.nav.. 2021. 7. 24.
Kubernetes(쿠버네티스)란? Linux 컨테이너 작업을 자동화하는 오픈소스 플랫폼 쿠버네티스는 컨테이너화 된 워크로드와 서비스를 관리하기 위한 이식성이 있고, 확장 가능한 오픈소스 플랫폼이다. 쿠버네티스는 선언적 구성과 자동화를 모두 용이하게 해 준다.. 쿠버네티스는 크고, 빠르게 성장하는 생태계를 가지고 있다. 쿠버네티스 서비스, 기술 지원 및 도구는 어디서나 쉽게 이용할 수 있다. 쿠버네티스란 명칭은 키잡이(helmsman)나 파일럿을 뜻하는 그리스어에서 유래했다. K8s라는 표기는 "K"와 "s"와 그 사이에 있는 8글자를 나타내는 약식 표기이다. 구글이 2014년에 쿠버네티스 프로젝트를 오픈소스화했다. 컨테이너는 애플리케이션을 포장하고 실행하는 좋은 방법이다. 프로덕션 환경에서는 애플리케이션을 실행하는 컨테이너를 관리하고 가.. 2021. 7. 23.
반응형
LIST

티스토리툴바