728x90 반응형 SMALL 분류 전체보기155 폼 삽입(form) 폼 삽입하기 (1) 태그 : 정보를 제출하기 위하여 어디서부터 어디까지가 양식인지 지정하는 역할 여러 폼 요소 [속성] Action 속성 : 양식 데이터를 처리할 서버 프로그램의 주소 Autocomplete : 자동완성 기능(기본으로 on -> 끌려면 off해야됨) (2) , Image : submit 버튼과 같은 기능(단지 이미지를 submit부분에 추가해서 이미지 누르면 폼 보내는 것) Button: 기본 버튼(submit/reset 버튼과 같은 기능 x, 형태만 삽입) File : 파일 첨부 할 수 있게 하는 기능 Hidden : 화면의 폼에는 보이지 않지만 사용자가 입력을 마치면 폼과 함께 서버로 전송되는 요소 (관리자가 알아야 하는 정보) 폼에서 사용하는 여러가지 태그 (1).. 2023. 8. 2. 하이퍼 링크 하이퍼링크 삽입 : 하이퍼 링크 걸어주는 태그 텍스트 또는 이미지 : 새탭x 뒤로가기 눌러야됨 새 탭에서 문서 열기 : 텍스트 또는 이미지 href: 클릭시 이동 할 링크 target: 링크를 여는 방법 : - _self : 기본값 , url을 현재 브라우징 맥락에 표시함(클릭한 것과 동일한 창/탭에서 문서를 엶) - _blank : url을 새로운 브라우징에서 표시, 새 탭 (새 창이나 탭에서 문서 열기) - _parent : url을 현재 브라우징 맥락의 부모에 표시 (부모 미 존재 -> self와 동일 - _top : url을 최상단 브라우징 맥락에 표시 ( 창 전체에서 문서 열기) 출처: https://www.w3schools.com/html/html_links.asp 2023. 8. 2. 시멘틱 요소 1.html 시멘틱 요소 : 의미를 가지는 태그 - 웹은 header ,nav , main, footer 으로 이루어짐 (기본 ) (1) 요소 도입, 링크 여러 요소 가능 (2) 탐색 링크 집합 네비게이션 역할 헤더 푸터 사이드바 등 어느곳에 속해도 됨 비활성화된 사용자를 위한 화면 판독기 콘텐츠의 초기 부분 렌더링 여부.. ? Omit initial rendering (3) : 핵심 콘텐츠 웹 문서마다 다르게 보여주는 내용으로 구성 웹 문서에서 한번만 사용 가능 (4) 독립적 콘텐츠 Article 안에 section 여러 개 사용 가능 블로그의 포스트 (5) 제목이 있는 주제별 콘텐츠 (섹션) 몇 개의 콘텐츠를 묶는 용도로 씀 (6) 사이드 바( 콘텐츠 외에 일부 콘텐츠 정의(간접적으로 연관) (7) .. 2023. 8. 2. 상단 + 하단 네비게이션 정리 1. 프로젝트 준비하기 스택 네비게이터, 하단 탭 네비게이터, 아이콘 yarn add @react-navigation/native @react-navigation/native-stack @react-navigation/bottom-tabs react-native-screens react-native-safe-area-context react-native-vector-icons 아이콘 사용 1) ios/프로젝트이름/Info.plist 의 맨 밑에... UIViewControllerBasedStatusBarAppearance UIAppFonts MaterialIcons.ttf 2) android/app/build.gradle - 의 맨 밑에... project.ext.vectoricons = [ iconFo.. 2023. 8. 2. 하단 내비게이션 라이브러리 설치 cmd yarn add @react-navigation/bottom-tabs react-native-vector-icons (맥의 경우 cd ios 와 pod install 필요) 아이콘 사용 1) ios/프로젝트이름/Info.plist 의 맨 밑에... UIViewControllerBasedStatusBarAppearance UIAppFonts MaterialIcons.ttf 2) android/app/build.grade - 의 맨 밑에... project.ext.vectoricons = { iconFontNames:['MaterialIcons.ttf'] } apply from: file("../../node_modules/@react-native-community/cli-platfo.. 2023. 8. 2. 컴포넌트 정리 컴포넌트 : 유저 인터페이스 클래스형 컴포넌트 -class 키워드 필요 - component 상속 필요 - render() 반드시 필요 -state,lifecycle이용 가능 함수형 컴포넌트 (**) -hook사용 (클래스형에서 사용할 수 았는 것을 사용 못하는데 hook을 이용해서 사용 가능 나만의 컴포넌트 만들기 >> 새로운 파일 생성 (component 디렉토리에 Greeting 생성함) import React from 'react'; import {View,Text} from 'react-native'; function Greeting(){ return ( 안녕하세요 함수 컴포넌트 ); } export default Greeting; //다른 파일에서 이 컴포넌트를 불러올 수 있게 해주는 코드 >.. 2023. 8. 2. 이전 1 ··· 22 23 24 25 26 다음 728x90 반응형 LIST
