HTML5 CSS 레이아웃 230503 CSS 레이아웃 1. 레이아웃 웹의 레이아웃은 가구 배치와 비슷하다. 내가 위치를 결정한다. (↔ 안드로이드는 부모의 영향을 많이 받는다. ) 블록요소 : 가로가 매치이다. (블럭은 한줄에 하나씩만 놓여진다. ) 인라인요소 : 가로가 wrap사이즈이다.(사이즈변경불가) 공간에 여유가 있으면 한 줄에 여러가지 둘 수있다. 인라인 블럭요소도 갖고있다. display - hidden : 없어짐 display - none : 안드로이드 gone과 같은 의미. 요소의 위치 : 좌우상하의 좌표를 찍어서 위치를 결정 할 수도있다. 위치설정방법 정적위치설정 : 일반적인 배치 상대위치설정 : 원래 놓여지는 위치를 기준으로 좌우상하 움직이게한다. (안드로이드 렐러티브와 전혀상관없음) 절대위치설정 : 컨테이너가.. 2023. 5. 3. CSS3 장점 : 모든 페이지들이 동일한 CSS를 공유 단점 : CSS 코드를 봐야 화면을 예측가능 - 불편하다. CSS3의 문법 p { backgroud-color : yellow; } 선택자 { 속성(프로퍼티) : 값(value); } 괄호안에 세미클론을 찍어야 정상 작동한다. 선택자의 종류 타입선택자 : HTML 요소를 사용 전체선택자 : *을 찍어서 페이지 안의 모든 요소 선택 아이디 선택자 : 특정한 요소를 선택, id가 target인 요소를 선택한다. [접두어 #]#으로 표기 클래스 선택자 : 그룹핑해서 해당 영역 요소만 선택한다. [접두어 . ].으로 표기 선택자 그룹 : 타입선택자만 쓴다. h1,h2,h3…… 자손,자식,형제 결합자 : 상속의 개념은 아니다. 내 위의 부모view같은녀석. body .. 2023. 5. 2. HTML 멀티미디어 1. 오디오 속성의 이름과 값이 같다면 생략가능하다 autoplay는 이제 쓰지 않는다. audio는 다 알아듣는다. 중간에 글씨쓰면 그걸 못알아듣는 브라우저가 있을때 보여준다. 2. 비디오 오디오와 다르게 width, height가 있고, poster화면이 존재한다. 3. iframe 다른페이지를 내거에서 가져온다. iframe은 네모 박스이다. 그 안에 다른 html을 넣는다. 4. div 그룹핑하는 개념. 레이아웃처럼 요소들을 가둘 수 있다. EX 월드 와이드 웹 공식 사이트 구글 title this is message 안녕하세요. 나는 홍길동입니다 안녕하세요. 나는 홍길동입니다 라디오 버튼 : 남자 여자 남자 여자 Apple Banana Orange 중복체크 고양이 aaa bbb ccc 자장면 짬.. 2023. 5. 2. HTML WebUI 구현 1. 모바일 어플리케이션 종류 네이티브 앱 : 우리가 만드는 어플리케이션 디바이스 고유언어로 만든다. 모바일 웹 : 핸드폰에 설치되어있는 브라우저에 사이트를 킨다.HTML,CSS,PHP,javascript 등 (실제 web과 주소가 다르고 핸드폰에 적합하게 스타일링한다.) 모바일 웹앱 : 액티비티안 웹뷰를 넣어서 보여준다.디바이스 고유기능을 쓸 수 없다. 가장만들기 쉽지만 기능적 제한이 있다. HTML,CSS,PHP,javascript 등으로 web page를 만든다. 하이브리드앱 : 네이티브앱 + 웹앱 → 요새는 잘 안쓴다. ※ 요새는 cross platform을 잘 쓴다. 2. Web UI web ui를 만든다는것인 웹뷰에 web site를 만들어서 넣는다는것이다. xml 역할 : HTML 꾸미는 역.. 2023. 5. 2. Android Studio BackEnd BackEnd APP은 IP주소가 컴퓨터처럼 고정되어있지않다. 그래서 서버PC를 하나 두고 고정IP 주소를 갖게끔한다. ( 개인이 가정용PC로 쓰는건 불가하다. 신청을 해야한다. ) 데이터를 받아서 처리하는 서버PC에서 제어프로그램은 php로 만든다. 제어프로그램이 데이터를 뿌린다. 내 서버 어딘가에 데이터를 저장한다. (왜냐면 사용자들이 다 APP을 키고있지 않으니까) 데이터는 표의 형태로 만들고 저장한다. 표만드는 프로그램들을 DBMS라부른다(MySQL) (웹프로그래머,백엔드개발자들이 서버 저장,접속 프로그램을 짠다.) 우리는 사용자가 업로드한 데이터를 데이터베이스에 잘 저장해둬야한다. (PHP프로그램의 역할) 서버PC에는 저장하는 프로그램, 접속하는 프로그램 2개가 필요하다. 이제 다른사용자들은 서.. 2023. 3. 10. 이전 1 다음
