본문 바로가기

전체보기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.

이전 1 2 3 4 5 6 7 8 다음

LIST

티스토리툴바