AimHo

SideProject #1 Todo-list앞으로 일주일에 한~두개 씩 큰 작업이든 작은 작업이든 상관 없이 SideProject를 하려고 한다. 공부하면서 그냥 강의들을 따라 하는 것 보단 이렇게 뭔가를 제작하는게 더 도움이 된다는 걸 느껴서... 아무튼 유투브에서 어느 프로그래머의 영상을 보다가 자바스크립트 공부를 마쳤으면 다른 프레임워크들을 사용하기전에 자바스크립트만 이용해서 무언가 만들어보라고 한 말이 생각나서 첫번째 SideProject로 todo-list를 제작해보았다. 디자인은 정말 심플하다. (디자인 감각이 부족해서...)처음에 타이틀로 'Todo-List'라고 되어있고 아래 버튼이 4개 있는데 3개는 필터 역할을 하는 버튼이고 1개는 list를 추가하는 버튼이다. 버튼 밑에는 list와 ..

HTML 입력 양식 태그안녕하세요 AimHo 입니다. 이번에는 입력 양식 태그를 다뤄보도록 하겠습니다.입력양식 태그는 로그인, 회원가입 등 사용자에게 데이터를 입력받을 때 사용합니다. 입력 양식 태그입력 양식은 사용자에게 정보를 입력받는 공간을 말하며 입력 양식 태그를 사용해서 만듭니다.입력 양식을 제대로 다루려면 서버와 관련된 기술도 알아야 하지만, 지금은 입력 양식과 관련된 기본 내용만 다루도록 하겠습니다. 입력 양식에 대해 알려면 우선 서버와 클라이언트라는 용어를 알아야 합니다.간략하게 정리하면 아래와 같습니다.서버(제공자): 웹 페이지를 제공해주는 대상클라이언트(고객): 웹 페이지를 받는 대상 일반적으로 서버에서 클라이언트로 데이터가 전달됩니다. 하지만 회원가입과 로그인, 검색과 관련된 버튼을 클..

HTML 기본태그 / 테이블 태그안녕하세요 AimHo 입니다.이번에는 HTML 기본태그 세 번째 테이블태그에 대해 알아보겠습니다.테이블태그를 아주 잘 활용한 것이 바로 캘린더 입니다. 테이블태그 여기서 사용되는 태그이름은 조금 많지만 어렵지 않습니다. 차근차근 하나씩 살펴보도록 하겠습니다. 태이블태그는 다음과 같은 계층구조로 작성해야 합니다. thead 태그 내부 thead 태그 내부 tbody 태그 내부 tbody 태그 내부 tbody 태그 내부 tbody 태그 내부 thead 태그 내부 thead 태그 내부 thead 태그 내부 thead 태그 내부 tbody 태그 내부 tbody 태그 내부 tbody 태그 내부 tbody 태그 내부 thead 태그 내부 thead 태그 내부 HTML5에서는 위 예제..

안녕하세요 AimHo 입니다.이번에는 HTML 기본태그 두 번째 목록태그에 대해 알아보겠습니다. 현대 웹 페이지에서 빠지지 않고 등장하는 요소가 바로 네비게이션 목록입니다.이번에 다룰 목록 태그는 이 네비게이션 목록을 만들 때 주로 사용합니다. ※네비게이션 목록이란?아래 그림처럼 웹 사이트의 다른 웹 페이지로 이동 할 수 있는 버튼들을 모아둔 것을 말합니다. 목록태그 목록태그에는 글머리 기호 목록과 순서 번호 목록이 있는데, 글머리 기호 목록 부터 살펴 보도록 하겠습니다. 글머리 기호 목록은 아래표에 제시된 태그를 사용하여 만들 수 있습니다. ul 태그는 unordered list를 의미하고 li 태그는 list item을 의미합니다. 사과 바나나 오렌지 사과 바나나 오렌지 순서가 있는 번호 목록을 생성..

안녕하세요 AimHo 입니다.블로그를 시작한지 열흘이 다되어 가는데...블로그를 너무 안꾸몄네요 스킨만 약간 수정한거 말고 거의 기본 상태입니다.그래서 제 블로그의 파비콘(Favicon)을 만들고 적용까지 시켜보도록 하겠습니다.파비콘이란? 파비콘은 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘입니다.주소창 뿐만 아니라 즐겨찾기, 최근 방문 사이트 등 많은 곳에서 사용됩니다. 쉽게 생각해서 웹사이트를 대표하는 로고라고 생각하시면 됩니다. 아래 사진은 크롬 브라우저에서 보이는 파비콘 예시입니다. 파비콘의 아이콘 크기는 16x16 / 32x32 / 48x48 / 64x64 픽셀이 될 수 있고, 8비트, 24비트, 32비트 색상이 가능합니다. 보통 아래와 같이 용도에 따라 파비콘을..