개발자 도담씨

1편 - [Web Programming] - CSS 속성 1편 ( 단위 + 박스 속성 )2편 - [Web Programming] - CSS 속성 2편 ( display + 배경 속성 ) 3편에서는 글자 속성과 위치 속성을 다뤄보겠다. 😊HTML 역사를 살펴보면 대학에서 원격으로 논문을 제출 하는 용도로 만들어졌다.따라서 글자와 관련된 속성이 굉장히 많다. font-size 는 말그대로 1편에서 다룬 크기 단위를 사용해서 지정해 주면 된다. font-family 는 글꼴을 지정해 준다. 여기서는 조심해야할 부분이 바로 사용자 컴퓨터에 설치된 글꼴을 입력 할 수 있다는 것이다.웹 페이지를 만들 때 내 컴퓨터에는 설치된 글꼴일 수 있지만 사용자의 컴퓨터에 없을 수 있다.이러한 경우를 고려해 font-famil..

1편 - [Web Programming] - CSS 속성 1편 ( 단위 + 박스 속성 ) 1편에 이어 알아볼 내용은 display속성과 배경 속성이다. 2편의 첫번째로 display속성을 살펴보겠다 😚HTML이 나오면서 display속성에 입력할 수 있는 다양한 키워드가 등장했지만모든 display속성을 제대로 지원하는 웹 브라우저는 아직 없다고 한다. display속성을 알아보기에 앞서 이전에 등장했던 친구 중 공간 분할 태그 를 기억하고 있으면 좋겠다.div는 블록 형식, span태그는 인라인 형식으로 알고 있을 것이다.우리는 display속성을 이용해 div와 span같이 인라인, 블록, 인라인-블록 형식을 설정할 수 있다. 예) display: 키워드 명; 여기서 인라인-블록 형식 의 차이가 무엇..

스타일 속성을 적용 하기에 앞어서 먼저 스타일 값으로 입력할 수 있는 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의 세로 드래그 문제를 해결 하기 위한..