전체53 [Html] Form - Input / Label / Radio & Checkbox / Select / Textarea / Button From Input input에는 무조건 type이라는 속성 값이 들어가야 함 placeholder : hintText minlength : 입력해야하는 단어의 최소 값 maxlength : 입력해야하는 단어의 최대 값 required : 필수로 입력해야 하는 input disable : 특정 input 값을 사용하지 못하게 함 value="치즈 도넛" : 기본으로 들어가는 값 (복사도 가능!) ** number의 최솟값과 최댓값을 적고 싶으면 min과 max를 사용해야 함 Enter your phone number: ** 확장자명을 정하고 싶다면 accept를 사용 Label : 폼 양식에 이름을 붙이는 태그 라벨 ** for은 '누구'를 위한 라벨인지 명시해줘야 함 -> for="input id" 이.. 2022. 6. 2. [Html]인용 Quotations blockquote : 인용구 cite : 인용을 어디서 했는지 알려줌, 출처 q : 문장에 인용구가 있을 때 사용 (ex 두번째 코드에 예시가 있음) : ""를 쓰지 않아도 저절로 생성됨 우리가 겪을 수 있는 가장 아름다운 체험은 신비다. 신비는 모든 참 예술과 과학의 근원이다. 알버트 아인슈타인 **출처하는 사이트가 있다면 blockquote에 cite를 넣어준다 The study is the first to project the long-term outlook for Antarctica's largest penguins, which can grow 1.2 meters (four ft) tall, seeking to fill a gap in understanding climate change and .. 2022. 6. 1. [Html] 목록 list List ol -- ordered list : 순서가 중요한 목록 (ex 요리법, 실시간 검색어 등등) ul -- unordered list : 순서가 중요하지 않은 목록 li -- list item : 리스트 아이템 **ol과 ul의 자식은 li만 올 수 있다 Description List -> 정의(서술) 리스트 dl -- description list dt -- description term : 서술된 용어 dd -- description data : 기술 자료 치즈 블로그 코딩을 공부하는 블로그 입니다 치즈 블로그 cheese-donut tistory 코딩을 공부하는 블로그 입니다 사과 사과에 대한 설명 바나나 바나나에 대한 설명 **dl의 자식 요소는 오직 div, dt, dd만 가능하다 2022. 6. 1. [Html] 링크 anchor / 이미지 image anchor 1. 웹 URL 치즈도넛 블로그 바로가기 2. 페이지 내 이동 hello 섹션으로 이동! Title 3. 메일 보내기 메일 보내기 4. 전화하기 전화걸기 5. 새탭으로 열리기 새탭으로 열리기 image alt 란?! alternative text로 이미지가 나오지 않았을 때 대체해서 나오는 대체 텍스트 입니다!! 2022. 5. 31. [CSS] Gradient, Box shadow 사이트 추천 css를 하면서 그라디언트나, box shadow를 사용해서 더 풍푸한 디자인적 요소를 주기도 합니다. 제가 소개해드릴 사이트는 전에 https://cheese-donut.tistory.com/13?category=931174 어플을 만들 때 필요한 것 - 1. Gradient Site (그라데이션 사이트 추천) 어플을 만들 때 고급스러운 느낌을 주기위해 그라데이션을 사용하는 경우가 많습니다. 그래서 제가 자주 애용하는 사이트를 추천하고자 합니다. 1. uiGradients - show all gradients를 통해 자신이 원하 cheese-donut.tistory.com 전 포스팅에도 다양한 그라디언트 사이트가 많이 있습니다! 그럼 바로 gradient 사이트를 알려드리도록 하겠습니다 1. CSS G.. 2022. 5. 31. (사이트 추천) gif, free animations - 무료 애니메이션 사이트 어플을 만들 때 gif나 짧은 애니메이션을 이용하면 조금 더 고급스러운 어플을 만들 수 있습니다. 하지만 그러려면 디자인부터 - 영상을 제작할 수 있는 프로그램을 배워야하고 그럴땐 곤란하더라구요 그래서 제가 이번에 다양한 애니메이션을 받아올 수 있는 사이트를 소개하고자 합니다. 바로 로티입니다! (글 하단에 링크가 있습니다) 저는 심심할 때마다 Discover에서 Free Animations를 눌러 새로 올라온 애니메이션을 둘러봅니다 ** 가끔 애니메이션을 통해 어플을 영감받기도 합니다 :) 무료이지만 생각보다 퀄리티는 훌륭해요! 그냥 프로그램에서 주는 기본 이미지를 사용하는 것 보다 이렇게 생동감 넘치는 애니메이션을 통해 퀄리티도 높히고 완성도 있는 어플을 만들 수 있습니다. 가장 좋은건 Downloa.. 2021. 9. 9. (android studio) VideoView 만들기 - landscape, full screen 가로로 꽉 찬 동영상 재생하는 방법을 알아보려고 합니다. 맨 처음 화면을 가로로 하기 위해 manifest에 코드를 넣어줍니다. Manifest // 액션바 없애기 android:screenOrientation="landscape" android:theme="@style/Theme.AppCompat.Light.NoActionBar" 를 추가합니다~ activity_main.xml xml에 VideoView를 추가해줍니다. ** full screen을 하려면 ConstraintLayout을 해야합니다...(이유는 잘 모르겠네요..) LinearLayout, FrameLayout는 배경이 생기고 full screen이 안됩니다! 꼭 ConstraintLayout를 사용해주세요 MainActivity.java.. 2021. 5. 3. (android studio) java에서 color사용하는 방법 xml에서 컬러를 선택할 수 있지만 java에서도 컬러를 선택할 수 있습니다! Android Color Class라고 하는데요 textView.setTextColor(Color.BLACK); textView.setTextColor(Color.rgb(red, green, blue)); textView.setTextColor(Color.parseColor("#ffffff")); 2021. 5. 1. 운동용 굿노트 속지- 무료공유 운동용 굿노트 속지입니다! 사용 방법은 두가지가 있습니다! 1. 가장 왼쪽에 꾸준히 하려는 운동을 적고 요일에는 체크형식! ex. 런닝 | v/v/ | v | v/v | v/v/ | v | v/v | v/v/ 2. 요일에 어떤 운동을 했는지 list로 적기! ex. 런닝 | 상체운동 | 하반신운동 | 상체운동 | 하반신운동 | 상체운동 | 하반신운동 기록하는것도 중요하지만 꾸준히 하는게 목표여서 최대한 심플하게 제작했습니다~ 2021. 4. 29. 이전 1 2 3 4 5 6 다음
