개발자 도담씨

1편 - [Web Programming] - CSS 속성 1편 ( 단위 + 박스 속성 ) 2편 - [Web Programming] - CSS 속성 2편 ( display + 배경 속성 )3편 - [Web Programming] - CSS 속성 3편 ( 글자 + 위치 속성 ) 이번 마지막 CSS 속성 편에서는 float, 그림자, 그레이디언트 속성에 관해 알아보겠다. 🤗 첫번째 float 속성은 웹 페이지를 만들 때 가장 많이 사용하는 속성이라고 한다.아래의 표에 나타난 키워드 외에도 다양한 키워드가 있지만 주로 아래의 두가지를 사용한다. float 속성을 사용하지 않은 예제는 다음과 같다. 여기서 img { float: left } 의 속성을 주게 되면 아래와 같이 바뀌는 모습을 볼 수 있다.키워드 ri..

이번에는 EVE로 태어나 초반 생존공략법을 적겠다! 태어나자마자 아이가 생겼다.처음에 만들어 놓은게 없기때문에 미안하지만 키워주지 못했다.먹을게 어느정도 갖춰져 있을 때 아이를 키우도록하자 ! 😑 운이 좋게도 바로 아래에 돌과 갈대가 있기에 바구니를 만들려고 한다.STONE (돌)을 들어서 큰돌에 긁어서 SHARP STONE (날카로운 돌)을 만들고 날카로운 돌로 REED (갈대)를 두개 잘라 하나의 갈대를 들고 자른 갈대를 누르면바구니를 만들 수 있다. 바구니에는 총 3개의 무언가들을 담을 수 있다.다만 시간이 지나면 2개만 담을 수 있다고 한다. 초반에 빠른 🥕당근농장테크🥕를 하기위해 필요한 것중 하나가 ADOBE KILN ( 점토 가마 )다.점토 가마는 농장 운영중에 물을 줄 때 필요한 그릇을 만들..

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와 어댑터를 설정하는 부분을 따로 객..