본문 바로가기

IV. 정보기술학 (IT)/1. 웹디자인 (Web Design)18

[웹사이트제작] 호스팅과 도메인 워드프레스 테마와 플러그인 웹디자인을 시작하기 위해 알아야하는 가장 기본적인 개념 2가지가 도메인과 웹호스팅입니다. 오늘은 그 개념에 대해서 한번 알아보도록 하겠습니다. 쉽게 집을 짓는 예를 들어보겠습니다. 집을 짓기 위해서는 필요한 것이 우선 어디에 지을 에 대한 "우편주소"가 있어야겠지요? 그리고 두번째는 실제로 집을 지을 100평 실제 "땅"이 있어야 합니다. 여기에서 웹사이트가 집이라고 한다면, 웹사이트를 만들기 위해서는 웹사이트를 어디에 지을 지에 대한 "우편주소"를 '도메인'이라고 부릅니다. 도메인의 형식은 아주 익숙할텐데요. 몇 가지 예시를 들겠습니다. 도메인 예) www.naver.com www.google.com www.facebook.com www.daum.net Etc. 그리고 다음으로 필요한 것은 실제로 집을.. 2022. 5. 30.

[디자인] MZ세대 트렌드, 지속가능한 패키징 전략은? 하루가 다르게 변화하는 기후는 소비자로 하여금 환경에 대한 경각심을 갖도록 하고 있습니다. 2016년 서울환경운동연합의 조사에 따르면 2,067명의 10대~40대 소비자중 92.1%가 최근 발생하는 환경문제에 대해 심각성을 인지하고 있으며, 78.5%는 친환경 소비 생활을 위해 구매습관을 바꿀 용의가 있다, 71.0%는 친환경 상품에 대해 돈을 더 지불할 용의가 있다고 답변하였습니다. 최근에는 과도한 포장을 제공하는 경우 소비자에게 비난을 면하기 힘든 상황이 되었습니다. 따라서 이번에는 지속 가능한 소비를 위한 현명한 패키지 제작을 위해 실천할 수 있는 전략을 소개해 보도록 하겠습니다. 디자인 전략 적은 패키지 요소 사용하기 더 많은 패키지 요소를 사용할수록 환경에게 큰 부담을 지우는 것임을 인지할 때가.. 2022. 4. 11.

[디자인] 2022, 올해의 색 - Very Pery 세계적인 색채연구소 팬톤은 매년 그 해에 어울리는 '올해의 컬러'를 선보인다. 컬러의 힘이 높아지고 있는 가운데, 팬톤이 매년 발표하는 색은 전 사회적으로, 전 세계적으로 영향을 미치고 있다. 최근 팬톤이 발표한 2022년 올해의 컬러는 미묘하면서도 신비로운 분위기가 느껴지는 보라색인 '베리 페리(Very Peri)'였다. 우선 팬톤은 색상 시스템을 체계화 한 권위있는 기업이다. 팬톤 컬러는 다양한 분야에 걸쳐 보편적으로 사용되는 표준이라고 볼 수 있다. 또한, 매년 올해의 색을 발표함으로써 새로운 컬러 트렌드를 이끌어가고 있다. 2021년의 팬톤 컬러는 회색조인 얼티밋 그레이와 밝은 노란색인 일루미네이팅 두 가지 색상이었다. 코로나로 인해 침체된 분위기를 이겨낼 수 있는 견고하면서 밝은 색상의 조합이었.. 2022. 4. 11.

[워드프레스] DIVI 유료 테마 사용법 유료 테마를 업로드 하는 방법을 알아보겠습니다. 2020. 12. 27.

워드프레스 웹사이트 폰트 변경하기 웹사이트를 제작한 후 디자인을 솔 볼 때 가장 필요한 것이 폰트 수정입니다. 필요한 폰트를 해당 웹사이트에 어떻게 적용하는지 알아보겠습니다. www.youtube.com/watch?v=GwmOi2xNCe0 2020. 12. 24.

워드프레스 테마와 플러그인 이번에는 워드프레스의 테마와 플러그인에 대해서 알아보도록 하겠습니다. 2020. 12. 19.

도메인과 웹호스팅이 뭔가요? 웹사이트를 만들기 위해서는 가장 기본적인 2가지 개념을 이해하면 좋습니다. 바로 도메인과 웹호스팅입니다. 이것이 무엇인지 오늘 한 번 알아보려고 합니다. 2020. 12. 19.

[워드프레스] 미디어 최대 업로드 파일 크기 : 2MB 서브도메인을 만든 후, 워드프레스를 설치 후, "The link you followed has expired" error 창이 보이시나요? 이 경우, 위의 에러 외에도 다음과 같은 현상이 나타날 수 있습니다. 1. WP 미디어 업로드 파일크기가 2MB 제한이 되어 있다. 2. WP 대시보드에서 테마 업로드 시 "The Link You Followed Has Expired"라고 뜬다. 3. FTP로 전송하니 전송 중에 중복된 파일이 있다는 오류가 뜨고, 무시하고 덮어쓰기하며 진행했더니 error500페이지나, 사이트에 치명적인 오류가 발생했다는 메세지가 뜬다. 이번 포스팅에서는 이런 현상을 어떻게 고치는지, 또 추후에 이런 반복이 일어나지 않는 방법에 대해 설명해보겠습니다. "The link you fol.. 2020. 12. 19.

[인터넷팁] 구글 크롬 탭 활용 추천 확장프로그램 - The Great Suspender 이 블로그의 글을 보시는 여려 분들께서 구글 크롬을 통해 접하는 분들의 확률이 세 명중에 두 분일 것입니다. 아래 자료는 2020년 10월 기준으로 현재 전 세계(왼쪽)와 미국(오른쪽) 인터넷 브라우저 시장 점유율 차트입니다. 보시다시피 구글 크롬이 66프로로 전 세계에서 압도적으로 많은 비율로 사용되고 있습니다. 그렇다면 구글 크롬을 인터넷 브라우저로 사용하고 계시는 여러분들께서는 크롬을 제대로 활용하고 계신가요? 오늘은 간단히 유용하게 사용하실 수 있는 크롬 확장프로그램(Google Chrome Extension)을 하나 소개해드릴까 합니다. 개인적으로도 현재 사용하고 있는 중이며 만족하고 있기 때문에 더 많은 분들이 알고 쓰면 좋겠다는 생각에 소개를 해볼까 합니다. The Great Suspende.. 2020. 12. 4.

아톰 HTML 미리보기 아톰 HTML 미리보기 ATOM은 많은 사람들의 인기를 얻고 있는 Text Editor 입니다. 웹디자인 작업을 하다보면 Text Editor를 써야할 때가 많이 있고, 추가나 수정된 부분을 웹브라우져에서 새로고침을 하면서 실시간으로 확인하는 작업은 상당히 번거로울 수 밖에 없습니다. 이런 작업 과정의 낭비되는 시간과 에너지를 단축하기 위해 아톰의 해당 플러그인을 설치하게 되면, 새롭게 추가나 수정 및 변경된 부분을 실시간으로 작업 중에 볼 수 있습니다. 깔끔하게 잘 보이기도 하고, 작업 효율성이 높아지기 때문에 꼭 설치해두길 권장합니다. 1. ATOM의 Setting으로 들어간 후 Install 탭을 누릅니다. 2. 패키지 검색창에 html-preview라고 검색하면 해당 패키지가 첫번째로 뜹니다. 해.. 2020. 10. 23.

도메인 만료된 웹사이트를 무료 도메인으로 옮기는 방법 feat. 블루호스트(Bluehost) 호스팅에서 사용하던 도메인이 만료되어서 더 이상 갱신하지 못하는 상태이신가요? 이런 경우에는 만료된 웹사이트 콘텐츠를 다시 볼 수 없게 됩니다. 예를 들어 여태껏 만든 웹사이트 포트폴리오가 있는데, 그중 도메인이 만료가 되어서 기존 웹사이트 링크를 눌러도 접속하지 못하는 경우가 있습니다. 그러나 포트폴리오 보여주기 목적으로 무료로 도메인을 사용하여 본인이 디자인 한 웹사이트들을 볼 수 있는 방법이 있습니다. 바로 서브-도메인(subdomain)을 사용하는 방법입니다. 서브도메인 (subdomain)이란? https://sample1.yourwebsite.com/ https://sample2.yourwebsite.com/ https://sample3.yourwebsite.com/ 보시다피시 위의 도메인들은.. 2020. 10. 3.

[IT] 웹사이트에 대해 'Web'도 모르던 사람이, 웹사이트 제작 회사 운영!? 안녕하세요~ 한 몇 개월 정도 포스팅을 못했던 것 같습니다. 이런 저런 일들이 많이 있다보니 자연스럽게 블로그에 대한 생각이 의도하지 않게 조금 잦아들었던 것 같습니다. 그렇다고 해서, 기존에 진행 중이었던 프로젝트나 목표가 멈춰있었던 것은 아니었어요. 무엇이라도 하나라도 더 배우기 위해 부지런히 노력하시는, 이 글을 읽고 계시는 여러분들처럼, 저도 그렇게 되기 위해 지냈던 것 같습니다. 저희 모두가 각 전문 분야와 경험은 다르겠지만, 여전히 내가 잘 모르는 분야를 배우기 위해 시간과 정성을 투자하는 공부자라는 사실이 흐뭇하고 즐겁게 느껴집니다. 이 블로그를 처음 열면서... 무엇 글을 써야할까? 하면서 끄적여봤던 거의 첫 글이 웹사이트에 관련된 것이었어요. 웹사이트나 앱 제작을 혼자서라도 한 번 배워보.. 2019. 8. 17.

Wordpress로 웹사이트 만들기 요즘 한창 재미있게 웹사이트를 공부하며 배우고 있습니다. 불과 한 달 전만 해도 웹사이트 배우기를 어떻게 시작해야 할까, 도대체 어디서부터 시작해야 하지, 이렇게 막연한 생각들로 하여금 고민과 망설임으로 시간만 때우고 미래에 안주하며 정작 ‘배우기’는 실행에 옮기지 못 하였습니다. 시작하기에 앞서 완벽한 준비를 갖추어야 한다는 관념때문에 ‘어떻게 되든지 간에 그냥 배우자’하면서 뛰어들지 못 하고, 돌다리를 건너지 않고 그저 마냥 두드리기만 하였던 몇 주 전의 저 자신의 모습을 보면, 왜 그냥 과감히 행동으로 옮기지 못 하였을까 하는 아쉬움이 남습니다. 이렇게 쉬운 웹사이트 만들기의 과정을 더 일찍이 접하였다면, 지금 쯤이면 더 많은 기능을 알고, 다채로운 웹사이트 지식을 쓸어담고서 더 자유로운 시각으로 .. 2018. 7. 21.

인터넷의 출생과 역사 앱을 만들기 위해 인터넷 HTML를 배우고 있는 중에 인터넷의 출생과 그 역사에 대한 자료가 있네요. 이해하기 쉽게 잘 설명하여 풀어놓아서 귀한 자료처럼 느껴져서 공유해봅니다. 인터넷의 첫 메소포타미아, 첫 WWW = "http://info.cern.ch/" 구체적인 자료와 정보는 이 영상을 참고하시면 됩니다. 2018. 7. 20.

웹사이트 Tutorial 및 제작 완료 Sample 웹사이트를 쉽게 이해하기 위해서는 여러 자료를 읽어보는 것도 중요하지만, 제일 빠르게 정확한 방법은 Youtube에 있는 한 웹사이트 만들기 Tutorial을 잡고 직접 사이트 하나를 만들어보는 것입니다. 이렇게 경험하면서 정립된 개념은 아주 정확하죠. 저도 처음에는 여러 이론적으로 먼저 접근하다가 아무런 실질적인 성과가 없어서 직접 따라 만들어보니, 백문이불여일견이었습니다. 빠른 시간에 많고 정확한 웹디자인에 대한 지식과 정보를 쌓고 싶으면 직접 만들어보시는 것을 추천합니다. 제가 따라해본 2 가지의 Tutorial 들을 아래에 링크해두었습니다. 1. Wordpress로 웹사이트 만들기 (한국어)전체적인 과정을 훑어보고 윤곽을 이해하기 좋은 영상입니다. 2. Wordpress로 웹사이트 만들기 (Eng.. 2018. 7. 11.

Wordpress.com VS Wordpress.org Hostgator라는 호스트서버를 통해 WordPress를 설치하고 웹사이트를 만드는 중에, 알게 된 점이 이렇게 하면 거의 도메인 값 및 호스트 값을 제외하고 무료로 웹사이트를 만들 순 있지만, WordPress.com에서 웹사이트를 디자인 할 시, 필요한 다양한 플러그인을 설치하지 못하게 되어 있는 것을 알게 되었습니다. 왜 그런지 찾아보니, 이유는 Wordpress.com에서 Wordpress.org로 바꾸어야 가능하다고 합니다. 이 두 플랫폼의 차이는 아래의 비디오에 잘 설명이 되어 있습니다. 그래서 어떻게 Wordpress.com에서Workpress.org로 바꾸는지 알아보기로 했습니다. 2018. 7. 11.

웹사이트 만드는 과정 한 눈에 보기 현재까지 알게 된 점을 통합하여 간단하게 웹사이트를 디자인하는 전체 과정을 간단히 설명을 드리자면 아래와 같습니다. 1. 도메인 구입저는 주로 구글을 사용합니다. Host Provider에서도 바로 구매할 수 있는데, 구글이 조금 더 가격이 저렴할 때가 있는 것 같아 여기서 구입을 하고 Transfer를 해서 사용하기도 합니다. 하지만 Transfer를 하기 위해서는 구입 후 60일이 지나야만 가능하기 때문에, 바로 Transfer해야만 하는 경우에는 바로 Host Provider에서 구입합니다. 각각의 장단점이 있어서 상황에 맞게 잘 활용하면 될 듯 합니다. (그림을 클릭하시면 구글을 통해 도메인을 구매할 수 있는 페이지로 이동됩니다) 2. Host Provider 및 Website Builder 선정.. 2018. 6. 17.

IT를 이해하기 위한 용어 개념 이해하기 - DNS IT분야를 배우기 위해 무작정 뛰어들어 따라하기만 하다보니, 뼈에 골다공증처럼 메꾸어지지 않은 부분이 많아지면서 이해력과 응용력이 많이 떨어지는 것을 느꼈습니다. 그렇기 때문에 기초부터 용어 개념을 배울 때마다 하나씩 정리해보기로 했습니다. 이 용어들은 웹사이트 개발을 할 때 알아두면 좋은 개념들입니다. 우선 웹사이트를 만들기 위해서는 도메인을 구입해야 하더라구요. 이를 구입하는 도메인 Provider는 굉장히 많습니다.도메인의 정의는 아래와 같습니다.도메인 네임(Domain name, 문화어: 령역이름)은 넓은 의미로는 네트워크상에서 컴퓨터를 식별하는 호스트명을 가리키며, 좁은 의미에서는 도메인 레지스트리에게서 등록된 이름을 의미한다. 이를 통틀어서 '웹 주소'라고 (잘못) 부르는 경우도 있다. 여기서.. 2018. 6. 10.

이전 1 다음

티스토리툴바