[스마트폰]스마트폰 레이아웃 구성 #3(토글 목록 구성)
이번 포스팅에서는 토글 목록을 구성해보도록 하겠습니다. STEP.1 토글이 무엇이냐? STEP.2 코딩 시작 이렇게 태그를 2개 사용한 이유는 테두리를 이쁘게 2겹으로 만들기 위해서 이렇게 사용한 것 입니다. 여기서 태그를 사용했음에도 불구하고 앞에 아무런 모양이 없는 이유는 이렇게 초기화 코드에서 list-style:none 으로 해주었기 때문입니다. STEP.3 터치할때 목록을 숨겼다 보엿다 하게 만들기 일단 제가 레이아웃 구성을 할때 을 추가를 못햇어요.... 이걸 추가해주세요 설명 들어가기 전 태그를 잠깐 볼게요 여기에 보시면 맨 위쪽에 가 있습니다. 이게 무엇인지 다들 궁금해 하셨죠??? 그래서 밑에 부분에 보시면 Toggle 이부분!! 이부분이 바로 스마트폰에서 터치를 하면 어떠한 반응을 보이..
[스마트폰]스마트폰 레이아웃 구성 #2(스프라이트 이미지)
이번 포스팅에서는 스프라이트 이미지에 대해 설명을 하도록 하겠습니다. 비록 제목이 "스마트폰 어플 만들기" 이지만 어플은 안만들고 스마트폰 레이아웃이 어떻게 이루어지는가를 알아보는 포스팅입니다. STEP1. 스프라이트 이미지가 무엇인가?스프라이트 이미지란 이미지를 여러개 뭉쳐놓은 것 입니다. 스프라이트 이미지가 무엇인지 한번 사진을 통해 알아보도록 할게요 위 이미지가 바로 스프라이트 이미지 입니다.물론 실제 사용할때는 이렇게 붙여서 사용하지는 않아요~ 1. 일단 사용할 이미지를 포토샵으로 만들어 놓습니다. 이렇게 따로 따로 만들어 줘요~ 2. http://csssprites.com 에서 스프라이트 이미지를 만듭니다. 이렇게 파일을 순서대로 넣어주시고 설정을 해줍니다. 설정을 완료하고 GENERATE를 클..