HTML 입력 양식 태그 / select 태그 익히기[참고] HTML 입력 양식 태그 지난글1. 개요 바로가기2. 간단한 입력 양식 만들기 정말 간만에 HTML 포스팅을 한다. 최근 공부도 안하고 게을렀다.... 이번에는 입력 양식 태그의 마지막 를 진행하려고 한다. select 태그 select 태그는 목록으로 보여주는 항목 중 하나 or 여러 개를 선택할 수 있는 입력 양식 요소 이다. 기본적으로는 하나만 선택할 수 있다. select 태그를 사용할 때는 optgroup, option 태그를 함께 사용한다. 예제코드로 바로 확인해보자! one two three four one two three four 옵션을 선택할 수 있는 요소가 생성된게 보인다. 스마트폰에서는 내장된 옵션 선택화면을 사용하는데, ..
The Crew 2 성장기 / PlayTime: 21h / 공작 이기기 / 스위치 오늘 더 크루 2 (The Crew 2) 프로레이스와 오프로드 라이벌을 박살 내려고 한다. 궁극의 차량인 애스턴마틴 불칸과 이름모를 헬기를 받아내기 위해! (사실 헬기는 필요 없다....) 일단 프로레이스 라이벌인 클로렌스부터 짓밟으러 이동했다. 이동하니까 클라렌스는 오랜친구라고 나오는데 앞의 스토리가 딱히 기억에 남는게 없어서 기억도 안난다. 암튼 이기면 장땡! 이상하게 버그가 걸렷는지 레이스 시작하거나 끝날 때 영상 하나가 짧게 나오고 없어지는 현상이 가끔 있다.처음에는 투어링카(TourCar)로 꾸불꾸불한 S자 코스를 진행한다. (사진 잘 안보일까봐 맵을 크게 확대함) S자 코스가 끝나면 약간 직선 구간이 나오고 점프..
안녕하세요 AimHo 입니다. 이번에는 평소에 글을 작성해서 고민했던 '경어체 vs 평어체'에 관한 내용을 적어볼까 합니다. 우선 경어체와 평어체의 정의부터 정리해보겠습니다. 아래 내용은 나무위키에 설명되어 있는 경어체와 평어체의 정의입니다. 경어체 정의해라체(하칭 下稱) ∙ 하게체(등칭 等稱) ∙ 하오체(중칭 中稱) ∙ 합쇼체(상칭上稱, 하십시오체) 등으로 구분하는 경어를 쓰는 구어체의 문체로 공손법의 종결어미로 등분을 두어 구분한다. 이 가운데 하오체와 합쇼체는 존경의 뜻을 가진다. 따라서 구어체 가운데서도 이 두 가지 어미가 쓰인 것은 경어체라 할 수 있다. 보통 공중 석상에서 연설할 때나 동화를 집필할 때, 수사적이거나 교육적인 의도로서 경어체를 쓴다. 이 밖에, 경어체가 아닌 어투는 친근한 사이..
블로그 시작 1개월 만에 구글 애드센스 승인 / AimHo Know-How ! 안녕하세요 AimHo 입니다. 오늘은 구글 애드센스(Google AdSense) 승인 받기까지의 과정과 노하우에 대한 글을 작성해보았습니다. [참고] 구글 애드센스 신청 방법 2018/07/01 - [@Blog] - 티스토리 / 블로그 수익을 위한 툴: 구글애드센스 저는 블로그를 시작한지 정확히 1개월 11일차 인데, 그 사이에 구글 애드센스를 총 3회 신청하였습니다. 1,2회는 콘텐츠 불충분으로 비승인 받았습니다. 처음 구글 애드센스를 신청할 당시 작성한 글은 20개 였습니다. 하나의 게시물에 작성된 글자 수는 약 600~1500자 사이였습니다. 이미지는 최소 2장에서 최대 20장 정도 사용했습니다. 사실 하나의 게시물에 글..
HTML 입력 양식 태그 / 간단한 입력 양식, 쉽게 만들 수 있습니다.안녕하세요 AimHo 입니다. 지난번 [입력 양식 태그 / 개요] 이어서 공부 하겠습니다. 입력 양식 태그 익히기 HTML5는 다양한 입력 양식 태그를 지원하는데, 아래에 주요 태그와 속성, 모양을 정리해보았습니다. 예제 코드를 통해 어떤 모습으로 보이는지 확인해보겠습니다. > 이 외에도 HTML5에서 새로 지원하는 입력 양식 태그도 굉장히 많다고 합니다. 하지만, 오페라 웹 브라우저를 제외하면 거의 지원하지 않는다고 하니 생략하도록 하겠습니다. 간단한 입력 양식 만들기 라디오 버튼의 name 속성을 이용하면 여러 대상 중 하나만 선택하도록 하는 형태를 손쉽게 구현할 수 있습니다. 예제 코드를 작성해서 바로 확인해보도록 하겠습니다. ..
티스토리 / 링크(Link) 아이콘 추가하기안녕하세요 AimHo 입니다. 이번에는 밋밋한 하이퍼링크가 이쁘지 않아서 눈에 잘 띄도록 아이콘을 추가해보았습니다. 보통 글에 하이퍼링크를 걸게 되면 아래 사진 처럼 굵은 파란색 텍스트로 변경됩니다. 그리고 마우스를 해당 위치로 옮기면 텍스트에 언더라인이 생깁니다. 이게 아무 효과도 걸지 않은 기본 상태의 하이퍼링크 입니다. 저는 스킨을 편집하여 보시는 것처럼 하이퍼링크에 아이콘을 추가했습니다. 리소스 구하기그래픽을 하시는 능력자분들은 직접 리소스를 제작하시면 되지만, 저 같이 디자인 감각이 없는 사람들은 구글링을 통해 적당한 아이콘을 구하시면 됩니다. [아이콘 검색 바로이동] 마음에 드는 아이콘을 구하셨으면 이제 스킨편집으로 이동합니다. 우선 아이콘 리소스를 ..
게임 리뷰 / Mobile Game Attack Heroes Stage 1~5 앱 이름: Attack Heroes개발사: Ejoy Ltd장르: 액션버전: v1.0.10 안녕하세요 AimHo 입니다. 아침에 일어나자마자 지난번에 받아둔 'Attack Heroes'라는 모바일 게임을 한시간 반 정도 플레이 해봤습니다. 게임 영상은 스테이지 5까지하니까 1시간을 넘어가서 스테이지 3까지만 저장했습니다. 개발자 게임 소개 내용 IGF 2015 - 시각 예술 부문 우수상 GAD 2016 - 시각 예술 부문 우수상GAD 2016 - Best 게임 지명GAD 2016 - Best Visual Arts 지명GoldTop 2016 - 디자인 부문 최고의 인디게임 게임은 8곡의 보컬 로이드 곡을 작곡, 작문 및 조정하여 ..
The Crew 2 성장기 / PlayTime: 18h / 키에서 도시로안녕하세요 AimHo 입니다. 타이틀 사진을 보시면 아시겠지만 STREET RACE 모든 종목 100%를 달성했습니다. 그래서 STREET RACE의 끝판왕 티오(Tio)를 물리치고 STREET RACE 궁극의 보상인 McLaren P1을 받아내겠습니다! 영상으로 감상하고 싶으신 분은 제일 아래 YouTube 영상 확인해주시기 바랍니다. 레이스 준비를 마치고 대기하는 람보르기니 아벤타도르의 모습이 정말 멋지게 나왔습니다. 오른쪽의 티오사진을 보니까 왕관이 무거워서 흘러내려 오는 것 같은데, 이번 레이스를 끝으로 왕관을 벗겨줘야겠습니다. 초반부터 티오(Tio)가 치고 달리는데요, 1위로 달릴 수 있을때 실컷 달리게 놔둡시다. 26초가 ..
티스토리 / 카테고리 New 아이콘 수정 안녕하세요 AimHo 입니다. 티스토리 불필요한 카테고리를 정리하다가 새글을 표시하는 New 아이콘이 너무 안이쁘게 보였습니다. 그래서 만능 갓구글 구글링 검색을 통해 New 아이콘 수정하는 방법을 알아냈습니다. 이 글은 꽁기웹디님 블로그의 '카테고리 NEW 아이콘 변경 & 아이콘' 글을 참고하였습니다. 제가 적용한 New 아이콘도 꽁기웹디님의 리소스를 수정해서 사용했습니다. 링크: #본문 #리소스 New 아이콘 수정일단 블로그관리에서 스킨편집 항목으로 들어갑니다. New 아이콘을 수정하기 위해서는 스킨편집에서 2가지만 하시면 됩니다. 1. 변경할 New 아이콘 파일업로드 보통 *.png 파일로 업로드하는데 저는 애니메이션 효과를 주기위해 *.gif 파일로 업로드..
GIF 파일 쉽게 만드는 방법안녕하세요 AimHo 입니다. 이번에는 흔히들 움짤로 알고있는 GIF 파일 만드는 방법 간략하게 적어보겠습니다. 제가 알고 있는 방법은 총 2가지 입니다. GIF 파일을 만드는 웹 페이지를 이용해 만드는 방법과 GifCam이라는 프로그램을 이용해서 만드는 방법입니다. GIF 란? GIF(Graphics Interchange Format)는 비트맵 그래픽 파일 포맷입니다. 간단하게 말하면 이미지 파일의 형식 중 하나입니다. 특별한 플러그인을 요구하지 않고 여러 환경에서 쉽게 쓸 수 있는 까닭에 다 중 프레임 애니메이션을 이용한 배너 광고 등에 널리 쓰였으나, 수많은 웹 사이트에서는 GIF 대신 Adobe Flash를 사용하기도 합니다. 더 자세한 내용은 위키백과를 참고하시기 바..