개발자 도담씨

스타일 속성을 적용 하기에 앞어서 먼저 스타일 값으로 입력할 수 있는 CSS의 단위부터 알아 보려고 한다.스타일 값으로 입력할 수 있는 단위에는 키워드, 크기, 색상, URL 등이 있다.이 친구들을 차례대로 살펴 보겠다 😳 첫번째로 키워드 단위는 W3C에서 미리 정의한 단어로, 키워드를 스타일 값으로 입력하면키워드에 해당하는 스타일이 자동으로 적용이 된다. 자동 완성 기능을 통해 서비스 해주고 있다. 두번째, 크기 단위이다. 표 외에도 cm, mm, inch 단위 등이 있지만 주로 아래와 같은 단위를 사용한다.( 개인적으로는 픽셀과 백분율 단위를 많이 사용하는 것 같다 ! )배수단위는 유용하나 많은 사람들이 사용하지 못하는 단위라고 한다.어렵게 생각할 것 없이 배수를 나타내는 것이다. 1배 = 1em =..

친구가 양모펠트라는걸 한다며 자랑하는 걸 보고 그 귀여움에 당장 양모펠트 도전하기로 결심했다. 구글에 검색하면 나오는 귀여운 펠트들을 보면서나도 이렇게 할 수 있는줄 알고 말이다. 😑 . . . . . 친구가 다이소에 판다길래 당장 하교하면서 남자친구 손잡고 양모펠트 사러 갔다. 인터넷에 보니 종류가 많던데 하나밖에 없었다 ㅠ_ㅠ 아쉬운대로 골라온 기린 친구다.귀엽당 콧구멍이 우선 맛보기로 간단히 해보고 재미있으면 실만 더 구매해서 만들어 볼 예정이다. 안에 있는 구성품이다. 바늘하고 인형 눈, 줄, 실? 이 들어있다. 양모펠트할때 스펀지랑 눈 붙일 본드는 따로 들어있지 않아서 본드 하나랑 급한대로 청소하는 스펀지를 사왔다ㅋㅋㅋㅋㅋㅋ 우선 유튜브를 보니 모양을 잡아가면서 바늘로 찌르는게 양모펠트요 특별한..

CSS ( Cascating Style Sheets )의 약자로HTML 을 꾸밀때 사용하는 스타일 시트 언어다. 위와 같은 코드를 CSS 블록이라고 한다. 이번 챕터에서는 CSS 선택자에 대해 나오는데 이 선택자는 스타일 시트 뿐만 아니라 자바스크립트에서도 사용된다. 선택자 종류선택자 형태 사용 예 전체 선택자 * * 태그 선택자 태그 h1 아이디 선택자 #아이디 #header 클래스 선택자 .클래스 .item 속성 선택자 선택자 [ 속성 = 값 ] input [ type = text ] 선택자 [ 속성 ~= 값 ] div [ data - role ~= row ] 선택자 [ 속성 |= 값 ] div [ data - role |= row ] 선택자 [ 속성 ^= 값 ] div [ data - role ^=..

웹 페이지는 스타일 시트를 사용해 스타일을 적용한다. 우리는 다음과 같은 두가지 방법으로 스타일시트를 적용할 수 있다 ! " 내부 스타일시트 " 말그대로 HTML의 내부에 작성된다. style 태그를 통해 직접 입력한다. 12345678910 cs " 외부 스타일시트 "간단한 짧은 스타일 시트라면 내부에 입력을 해줘도 괜찮지만규모가 큰 작업에서는 HTML과 스타일 시트를 따로 분리해서 사용합니다. 외부 스타일 시트는 스타일시트를 별도로 생성하고 link 태그의 href 속성을 이용해HTML 페이지로 불러옵니다. 파일명.css 의 스타일 시트를 하나 만든 후 1234h1 { color: white; background: green;}cs HTML에 불러와 줍니다.이때 내부 스타일시트와는 다르게 태그를 사용..

1편 - [PLAY GAME] - [One Hour One Life] Big City에서 태어나다! + 식량 팁 (베리 나무, 토끼고기당근파이 ) 이전글에 이어서 남자친구의 원라이프 2편을 가져왔다 😳 자신의 딸과 흙을 찾으러 남쪽으로 향하기로 한 남자친구부터 시작하겠다. 하지만 딸이 남자친구와의 동행을 거절했다. 😹 자기가 커서 알아서 행동한단다. 엉망인 당근밭을 살리기위한 남자친구의 노력이 시작된다ㅋㅋㅋㅋ 씨앗은 너무 많은데.. 정작 당근이 없다😪 밭에 씨앗을 심을 흙이 없어 남자친구는 말에 수레를 얹어 동쪽으로 정찰을 가기로 결심했다. (다그닥 다그닥) 남자 친구가 적음 흙 발견! 말을 묶어놓을 곳이 없어서 자꾸 도망친다고ㅋㅋㅋ 흙을 찾아 돌아왔다!!! 근데 아까는 당근이 안심어져 있었는데 늘어있다..

이전글 - [Android] - CoordinatorLayout Behavior 사용기 이전글 - [Android] - CoordinatorLayout App Bar 드래그 비활성화 + 상단 스크롤 구현 구글에 항상 안드로이드에 관한 방법과 설명이 많지만 내가 구현해논 코드에서 원하는 동작이 바로바로 잘 되지 않는다 😵 오늘은 동적 로드 기능을 구현해 보았다. 몇줄 안되지만 이것또한 엄청 돌고 돌아 성공했다. 이전글을 참고하면 알겠지만 내가 만들어 논 레이아웃은 상당히 복잡하다 ㅎㅎ..;; 나의 RecyclerView는 Fragment에서 NestedScrollView 안에 위치해 있다. ( Coordinator 을 사용했기 때문이다. ) 아래는 RecyclerView와 어댑터를 설정하는 부분을 따로 객..

이전글 - [Android] - CoordinatorLayout Behavior 사용기 이전글의 완성된 레이아웃을 참고하면 알겠지만 현재 나는 CoordinatorLayout에 아래와 같은 뷰들을 두었다. 여기서 발생한 문제점이 지도 ( map fragment )에서 드래그 시 지도가 움직여야 함에도 불구하고 CoordinatorLayout 전체가 상하로 움직이는 현상이 발생했다. 이를 해결하기 위해 해당 xml을 가진 activity ( 나는 fragment 지만 ) 자바 파일에서 다음과 같이 코드를 작성해 주었다. 아래쪽에 위로 스크롤 하는 코드와 함께 있다. 123456789101112131415161718192021222324252627/* Google Map의 세로 드래그 문제를 해결 하기 위한..

listview란 listview는 다 써본듯 하다..이번에는 RecyclerView이다. RecyclerView는 ListView보다 좀더 유연하게 다양한 형태의 커스텀마이징을 할 수 있는 장점이 있다.ViewHolder라는 친구를 사용하여 Item에 대한 뷰의 변형 또는 애니메이션을 추가 할 수 있다. 나는 기존 listView에서 크게 커스텀이나 애니메이션에 관해 불편해서 바꿨다기 보다..Coordinary Layout의 NestedScrollView안에 Expandable ListView를 사용하는 중에작동은 되나 버벅거리고 원활한 기능을 수행하지 못해 다시 ListView로 돌아가려고 하니둘다 스크롤 기능으로 인해 제대로 구현이 되지 않아 방법을 찾던 중에 접했다. 😣 RecyclerView도 ..

이번 남자친구의 한시간 동안의 이야기는 완전 큰 마을에서 시작 하게 되었다. 소소한 팁들은 굵은 글씨 또는 색상을 다르게 해놨으니 참조하세요 : ) 엄마가 태어나자마자 거의 풀세트로 옷을 입혀줬는데 더운지 남자친구가 혀내밀고 있다. 짱 귀엽다 ㅋㅋㅋㅋ 큰 마을이라 그런지 토끼 고기도 엄청 많다. 🐰🐰 토끼를 사냥하고 난 후에는 고기를 익혀야 하는데 불씨만 남아 있을 때 꼬챙이에 끼워서 익혀 주면 된다. 이건 남자친구가 여자한테 작업 거는 남자를 발견했다며 ㅋㅋㅋㅋ 뒤에 혀내밀고 서있는게 더 웃겨 ㅋㅋㅋㅋㅋ 엄마가 남자친구를 잡고 이곳저곳 뛰어 다니고 있는 이곳은 밀크위드(MILKWEED) 농장이다. 🌱 무엇보다 중요한 밀크위드! 실, 로프 등 아주 중요한 자원임을 명심하자 ! 계속해서 엄마에게 대롱대롱 ..

아래의 사진을 보면 기본 searchView의 아이콘이 회색이라어두운 바탕에 잘 보이지 않았다.이 어둑칙칙한 친구를 바꿔줘 봤다. 구글링으로 영문을 해석해가며 xml에서 android:searchIcon 이나 java에서 수정을 해줬었는데 ..? 아이콘은 변경이 되었으나이게 뭔지.. 사이즈가 맘대로 안되고 검색 줄 까지도 아이콘이 되어 버렸다. 구글에 보면 여러가지 방법이 있는데나는 styles.xml에 searchview의 스타일을 지정해 주고그냥 searchView에서 android.support.v7.widget.SearchView로 바꿔 주었다. styles.xml 부분이다.( res / values / styles.xml ) parent 부분에는 현재 사용하고 있는 스타일을 적어 주었다. 그리고..