책을 읽을 때 한번 읽고 끝내는 것은 책의 내용을 실제로 내 것으로 습득할 수 없다는것을 다 알거에요 그렇다고 해서 책을 여러번 읽기에는 시간도 없고. 이때 작성 해야하는 것이 바로 독서 노트 입니다. STEP.1 마음에 남는 문장을 적자 마음에 닿는 문구나 문장을 독서 노트에 적으면 아주 좋습니다. 시간이 지나서 독서 노트를 볼때 그 적었던 문장을 읽으면 새로운 영감과 발견이 있을지 모르고 또, 내 자신에게 용기를 줍니다. 또한, 과거의 자신에 대해서 "어? 내가 이런 문장을 좋아했었네" 라고 놀랄 수 도 있습니다. STEP.2 읽은 책에 대한 자신의 의견을 쓴다 자신이 책을 읽고 생각한 것을 실제로 노트에 쓰기위한 새로운 관점이 생겨날지도 모릅니다. STEP.3 서평 쓰기 책을 읽고나서 책에 대한 감..
이번 포스팅에서는 토글 목록을 구성해보도록 하겠습니다. STEP.1 토글이 무엇이냐? STEP.2 코딩 시작 이렇게 태그를 2개 사용한 이유는 테두리를 이쁘게 2겹으로 만들기 위해서 이렇게 사용한 것 입니다. 여기서 태그를 사용했음에도 불구하고 앞에 아무런 모양이 없는 이유는 이렇게 초기화 코드에서 list-style:none 으로 해주었기 때문입니다. STEP.3 터치할때 목록을 숨겼다 보엿다 하게 만들기 일단 제가 레이아웃 구성을 할때 을 추가를 못햇어요.... 이걸 추가해주세요 설명 들어가기 전 태그를 잠깐 볼게요 여기에 보시면 맨 위쪽에 가 있습니다. 이게 무엇인지 다들 궁금해 하셨죠??? 그래서 밑에 부분에 보시면 Toggle 이부분!! 이부분이 바로 스마트폰에서 터치를 하면 어떠한 반응을 보이..
이번 포스팅에서는 스프라이트 이미지에 대해 설명을 하도록 하겠습니다. 비록 제목이 "스마트폰 어플 만들기" 이지만 어플은 안만들고 스마트폰 레이아웃이 어떻게 이루어지는가를 알아보는 포스팅입니다. STEP1. 스프라이트 이미지가 무엇인가?스프라이트 이미지란 이미지를 여러개 뭉쳐놓은 것 입니다. 스프라이트 이미지가 무엇인지 한번 사진을 통해 알아보도록 할게요 위 이미지가 바로 스프라이트 이미지 입니다.물론 실제 사용할때는 이렇게 붙여서 사용하지는 않아요~ 1. 일단 사용할 이미지를 포토샵으로 만들어 놓습니다. 이렇게 따로 따로 만들어 줘요~ 2. http://csssprites.com 에서 스프라이트 이미지를 만듭니다. 이렇게 파일을 순서대로 넣어주시고 설정을 해줍니다. 설정을 완료하고 GENERATE를 클..
다들 차 한잔으로 즐기는 여유는 한번쯤은 느껴보신적 있으시죠?ㅎㅎ 근데 티백에도 다양한 디자인들이 사용되서 아주 재미있는 티백들을 발견 했어요 ㅎㅎ 종이 접기 티백러시아 디지아너인 Natalia Ponomareva의 작품 물에 놓으면 작은 새가 되는 디자인 이라고 합니다. 버스 티백 패키지 WDARU design studio에서 만든 티백이며 태백은 물론 패키지까지 디자인을 하였습니다. 수영장 티백 패키지WDARU design studio 에서 만듬 작은 사람들 티백WDARU design studio 에서 만듬 ㅎㅎ먼가 개성적이면서 귀엽네요:) 크리스마스 티백 패키지WDARU design studio에서 만듬 크리스마스때 연인과 귀여운 티백으로 따뜻한 크리스마스를 보낼때 아주 좋을거같아요 ㅎㅎ 보드 티백..
STEP 1. 페이지 구성하기 가장 먼저 Visual Studio Express 2013 for Web 프로그램을 이요해서 HTML파일을 만들어 줘요 그 다음에 style 부분에 페이지를 구성을 해줘요 이렇게 태그를 많이 사용한 이유는 공부를 목적으로 어떻게 스마트폰 어플이 이루어지나 좀 더 자세하게 알아보기 위해서 이렇게 사용한 것 이에요 STEP 2. 초기화 하기 페이지 구성을 해보았으니 이제 스마트폰 어플리케이션을 만들기 전에 초기화를 먼져 해볼게요 태그 내부에 초기화 코드를 입력을 해주었어요 *{ margin:0; padding:0;} 이 부분은 전체 선택자가 사용이 되었는데요margin:0 과 padding:0 는 margin이 밭깥쪽 영역, padding이 안쪽 영역 이라고 앞에서 이야기를 하..