본문 바로가기

반응형

All

(27)
[HTML] 기본 태그 정리 [ HTML 기본 태그 정리 ] html 기본 태그 ' 안에 들어갈 태그 ' 1. 태그 태그는 본 문서의 키워드 혹은 제목, 요약을 나타내는 태그로서 활용되게 됩니다. meta태그에 대한 자세한 설명은 따로 [META 태그란?] 을 참고해 주시기 바랍니다. 2. 태그 Ex) NAVER 태그는 문서의 제목을 나타내는 태그로서 활용됩니다. 이와 같이 웹페이지를 띄우게 되면 naver 라는 타이틀이 뜨게 되는 부분을 말합니다. 3. 태그 Ex) 태그는 주로 css 파일을 연결할 때 사용하는 태그입니다. link 요소의 속성들을 살펴보면, 'href'는 해당 css파일의 주소를 적게 됩니다. 'type'과 'rel'에는 각각의 맞게 적어주게 되며, link 요소의 쓰임새가 css파일 연결 외에도 다른 외부요소를..
[HTML] Meta 태그란 무엇인가?! [ HTML meta 태그란? ] meta 태그?! 이름에서볼 수 있듯이 (x)html 태그 중 하나이고 '메타', 즉, 문서 그 자체를 설명하는 태그를 메타 태그라 합니다. 일반 (x)html 태그는 문서 내용물을 어떻게 보이게 하는지를 나타내기 위해 마크업을 합니다. 하지만, 메타 태그는 (x)html 문서가 어떤 내용을 담고 있고, 그 문서의 핵심 키워드는 무엇이며, 누가 만들었는지, 문자 세트(언어설정)는 어떤 것을 사용하는지 등의 정보를 담고 있는 태그입니다. 또한, 메타 태그는 html 마크업의 기본인 열었으며 닫아야 되는 구조가 아닌,닫는 태그가 없는 태그입니다. 즉, 와 같이 작성하게 됩니다. 기본적인 meta 태그의 활용 메타태그는 위와 같이 문서의 정보를 담고 있는 태그입니다. 즉, 실..
[Tip] 맥(OSX) 서버 구축하기! [ 맥 MAPM 설치하기 ] MAPM이란? 서버를 구성하는 주요 도구인 Apache, PHP, MySQL의 첫 글자를 따서 APM이라 하며, 보통은 OS에서 Apache, PHP, MySQL를 각각 설치해주어야 하는데 요즘에는 간편하게 설치할 수 있도록 지원되는 형태의 서버 구축 툴 입니다. APM에 Linux까지 넣어서 LAMP라고도 하고, Mac에서 활용하게 되면 MAPM 이라고 한다. 오늘은 MAPM에 대한 간단한 소개를 하려 합니다. MAPM 사이트에서는 무료 버전과 유료인 프로 버전이 있습니다. 하지만 저희에게는 많은 기능들이 필요한 유료버전보다는 간단하게 설치하고 테스트 해볼 수 있는 무료버전을 이용하여 구축하도록 하겠습니다. MAPM 설치하기 해당 사이트에 들어가 다운로드 버튼을 클릭합니다...
[Tip] 텍스트에디터 프로그램 알아보기! [ 텍스트 에디터 프로그램 알아보기! ] 먼저 텍스트 에디터의 종류를 알아보기 전에 텍스트 에디터가 무엇인가를 잘 모르시는 분들을 위해 잠깐 설명을 드리면, 텍스트 에디터란 단순한 메모장의 기능만을 말하는 것이 아니라 신텍스 하이라이팅, 템플랫, 툴바등과 같이 코딩에 필요한 기능을 가지고 있는 프로그램을 말합니다. 즉, 코딩을 하기에 간편하면서도 빠르게 작업을 하기 위해 쓰이는 프로그램 정도로 보시면 되겠습니다! 물론, 텍스트 에디터의 종류에 따라 더욱 부가적인 기능을 할 수 있으며, 기타 사용자들의 입맛에 따라 종류를 선택하여 사용하실 수 있습니다. 1. Sublime Text http://www.sublimetext.com/ 가벼우면서도 강력한 기능을 가진 서브라임텍스트는 폭넓고 사랑받고 있는 텍스트..
[Web] 웹 표준?? 웹 접근성?? [ 웹 표준과 웹 접근성 이란? ] 국내에서 ‘장애인차별금지 및 권리구제 등에 관한 법률(이하 장애인차별금지법)’은 2008년에 제정된 이후로, 2013년에 이르러서야 민간 기업에 적용되었습니다. 이러한 과정에서 웹 표준과 웹 접근성에 대한 관심이 날로 높아졌으며, 현재는 웹 표준과 웹 접근성이라는 단어가 더 이상 낯선 단어이지 않습니다. 이렇게 중요해 진 웹 표준과 웹 접근성은 어떤 것일지에 대해 한번 알아보도록 하겠습니다 웹 표준이란?! 먼저, 웹 표준은 간단히 말하면 동일한 환경에서 동일한 모습을 보여주는 것입니다. 이는 OS(운영체제)와 브라우저의 따른 렌더링 된 부분에서 다르지 않게 하기 위한 것이라 할 수 있습니다. 이것을 기술적으로 표현하면 결국 웹 표준을 준수한다는 것이란 일반적으로 올바른..
[TIP] 크기에 따른 반응형 웹 확인하자! [ 크기에 따른 반응형 웹 확인하자! ] 떠오르는 웹 트렌드의 하나인 반응형! 이제는 필수적인 요소로 되어버린 반응형 웹은 기업에서뿐만 아닌 티스토리 블로그에서도 하시는 분들을 많이 볼 수 있으며, 우리 주변에서 쉽게 볼 수 있는 부분이 되었습니다. 티스토리를 하시는 분들 또한 반응형을 엄두해 두시며 제작하는 분이 많으실텐데요! 그런분들을 위한 반응형을 만들때 알아두면 좋은 사이트를 소개해 드릴까 합니다!^^! [ The Responsinator ] http://www.responsinator.com/ 웹이 다양한 디바이스에서 어떻게 보여지는지 시뮬레이션 할 수 있는 웹 사이트로, 다양한 기기에서 반응형 웹 사이트가 실제로 어떻게 보여질지 가늠하기에 좋으며 Portrait와 Landscape 모드를 지원..
[PPT_Design] 프레젠테이션 디자인! / 열대우림! [PPT] 프레젠테이션 디자인! / 열대우림 열대우림에 관해 제작한 PT 입니다.많이 부족한 실력이지만! 혹시 열대우림에 관해 자료를 찾고 계시는 분들,혹은, 알고자 하시는 분들을 위해! 같이 공유해요^^! PowerPoint 로 제작하였으며, 열대우림에 대한 이야기를 풀어나갔습니다^^ (PPT 안에 사용한 이미지는 imagebase 및 pixabay에서 이용하였으며,기타 이미지는 구글에서 사용하였습니다.)
[Trend] 2016년 웹 디자인 트렌드! [ 2016년 웹 디자인 트렌드 알아보기 ] 시간이 흘러 어느새 2016년이 밝아왔습니다^^!다양한 디자인 분야 중 웹 디자인 분야는 그 흐름이 빨리 바뀌는 경향이 있는데요 이러한 웹 디자인의 경우 IT 기술에 따라 작업하는 플랫폼이 항상 바뀌고 IT 기술이 나날이 향상되기 때문에 개인적 또는 대중적 취향에 따라가는 트렌드보다 더표현을 잘 할 수 있는 기술적 성향으로 흘러가고 있습니다.2016년 해를 맞이하면서 2016년에 예상되는 웹 디자인의 흐름을 알아보도록하겠습니다^^ [ CSS3의 활용! ] 최근 CSS3을 위한 브라우저 지원이 몰라보게 발전을 하였으며, 현재 많은 디자이너 & 개발자 분들이 css3에 대한 연구가 진행되고 있습니다. 하지만, 지금껏 브라우저 지원이 미흡하여 실제 적용된 사례는 많..

반응형