반응형 개발 공부116 CSS Flex(Flexible Box) CSS Flex(Flexible Box) 대부분 사이트는 전체 레이아웃이 수직 구성이며 ‘위-아래’로 스크롤 하여 사용합니다. 레이아웃을 구성할 때 가장 많이 사용하는 요소(Elements)들이 기본적으로 블록(Block) 개념으로 표시(Display)되며 이는 뷰(View)에 수직(위에서 아래로)으로 쌓이기 때문에 수직 구성은 상대적으로 쉽게 만들 수 있습니다. 하지만 수평(왼쪽에서 오른쪽으로) 구성의 경우는 상황이 조금 다릅니다. 문제는 수평 구조를 만드는 속성이 명확하지 않았기 때문인데, 그래서 많은 경우 나 float 혹은 inline-block 등의 도움을 받았습니다. 하지만 이러한 방법들은 다양한 문제(Clear, White space 등, 해결은 가능하지만..)를 가지고 있기 때문에 결국 수.. 2023. 10. 18. Html 태그 정리 Html 태그 정리 Html 태그 사용 빈도수 1. 텍스트 관련 태그 HTML 태그 (1) 태그 종류 설명 hn 제목 / h1~h6까지 숫자가 커질수록 글자 크기는 작아진다. p 텍스트 단락 / 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄을 바꾼다. br 줄 바꿈 / 텍스트 단락 중 원하는 위치에서 줄을 바꾼다. blockquote 내용 인용 / 다른 내용보다 들여 쓰고 단락으로 표시한다. strong 중요한 텍스트를 굵게 표시한다. b 중요하지는 않지만 굵게 표시한다. em 중요한 텍스트를 기울게 표시한다. i 중요하지는 않지만 기울게 표시한다. ins 내용을 편집할 때 추가한 내용을 표시한다. del 내용을 편집할 때 삭제한 내용을 표시한다. sup 위 첨자 sub 아래 첨자 2. 목록 관.. 2023. 10. 18. 자바 스크립트 기초, 입/출력, 변수선언 ※ 자바 스크립트 구성 : 현재 문서가 HTML 문서 타입을 명시한다. (HTML5 문서 타입은 이다.) : HTML 문서의 루트(root) 요소를 정의한다. 안녕하세요! ※ 자바 스크립트 변수형 3. 변수 3-1. var 키워드 재선언 가능, 재할당(기존에 선언된 변수에 다시 값 지정) 가능 var num=1 var num=3 num=5*/ 3-2. let 키워드 재선언 불가능, 재할당 가능 let num = 1 num = 3*/ 3-3. const 키워드 재선언 불가능, 재할당 불가능 2023. 10. 18. 안드로이드스튜디오(notifyDataSetChanged) 리스트를 업데이트하는 5가지 방법 3-1. 전체 업데이트 3-1-1. notifyDataSetChanged 사용하기 편해서 나 같은 초보자들이 가장 많이 사용하는 메서드이다. 많은 인터넷 글에서 "recyclerView의 리스트를 업데이트할 때 사용하는 메서드" 정도로 소개하고 있다. 하지만 좀 더 자세히 알고 상황에 맞게 사용해야 하지 않을까 싶다. (이 글을 작성하는 이유이기도 하다) notifyDataSetChanged는 리스트의 크기와 아이템이 둘 다 변경되는 경우에 사용하면 된다. 어댑터에게 "야! 이제 리스트 크기도 변할 거고, 아이템도 새로운 게 들어올 거야. 다시 새로 그려!"라고 알려주는 것이다. 하지만 리스트의 크기는 동일한데 아이템만 바뀌는 경우라든지 아이템의 순서만 살짝 바뀌는 경우.. 2023. 10. 18. 안드로이드스튜디오(ListView, ArrayAdator 사용) 안드로이드 개발을 하다보면, 스크롤이 되면서 아이템들을 리스트로 보여줘야할 상황이 있다. 이것을 우리는 Adapter를 이용해서 data들을 가져오는 ListView를 사용할 것이다. ArrayAdapter - ArrayList(data)와 ListView(visual) 사이에 ArrayAdapter가 존재 안드로이드 개발을 하다보면, 스크롤이 되면서 아이템들을 리스트로 보여줘야할 상황이 있다. 이것을 우리는 Adapter를 이용해서 data들을 가져오는 ListView를 사용할 것이다. ArrayAdapter - ArrayList(data)와 ListView(visual) 사이에 ArrayAdapter가 존재 1) data들을 ArrayList에 넣는다. 2) ArrayAdapter로 어떻게.. 2023. 10. 18. 안드로이드 스튜디오(메뉴탭 만들기) ● 메뉴탭 만들기 1. 2. 3. 4. 메뉴모양 리소스 파일 XML 코드 ● 각 탭들의 Fragment만들기 ContactFragment WebFragment CameraFragment ● 메뉴탭 화면 메뉴탭 화면의 ID : - fl: 메뉴를 눌렀을 때 출력하는 Layout화면 - btnNav: 버튼들을 누르는 네비게이션뷰 바 ● 연락처 화면 fragment 메뉴탭-연락처 화면의 ID : - lvContact: 연락처를 추가 했을때 추가되는 리스트 뷰 - etContact: 연락처를 입력하는 텍스트 창 - btnContact: 연락처를 추가하는 버튼 ● 인터넷 화면 fragment 메뉴탭- 인터넷 화면의 ID : - wv: 인터넷창을 보여주는 web 뷰 ● 카메라 화면 fragm.. 2023. 10. 18. 이전 1 ··· 13 14 15 16 17 18 19 20 다음 반응형
