[WEB] form(폼) 태그 사용하는 방법과 속성

form(폼) 태그 사용하는 방법과 속성 서버로 유저의 정보를 전송하려고 사용한다 사용자 의견이나 정보를 알기 위해 입력 하는 틀을 폼이라고 생각하면된다 폼(form) 태그 속성에는 name, action, method, target 등 다양한 속성들이 있다 form 설명 action 폼 전송할 서버 쪽 스크립트 파일을 지정한다. name 폼을 식별하기 위한 이름을 지정한다 accept-charset 폼 전송에 사용할 문자 인코딩을 지정한다 taget:action action 에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정한다 method 폼을 서버에 전송할 http 메소드를 정한다. form을 구성하는 태그 요소 , 태그 태그는 폼(form)태그 안에 관련 있는 요소들을 그룹화 할..

• format_list_bulleted Frontend Dev📚/🔖React_JS
• · 2023. 9. 14.
• textsms

[WEB]jQuery 응용 -Animation 만들기

Animation을 만들기 전에 어떤 디자인을 할지 미리 생각을 하고 시작 스타일과 최종 스타일에 대한 CSS 를 만들어 준다 그런다음 원하는 방식으로 Transition을 추가해서 동작을 구현해준다 jQuery 이용해서 Animation 만들기 jQuery에서 제공하는 다양한 라이브러리가 존재한다 jQuery 입문 | 이펙트(effect) 효과 개발 지식 공유 www.devkuma.com 애니메이션 효과 $(선택자).animate(스타일 [,지속시간] [,시간당속도함수] [,콜백 함수]); 더보기 backgroundPositionX backgroundPositionY borderWidth borderBottomWidth borderLeftWidth borderRightWidth borderTopWidt..

• format_list_bulleted Frontend Dev📚/🔖React_JS
• · 2023. 9. 12.
• textsms

[WEB]jQuery(라이브러리)설치&기본 함수

jQuery(라이브러리)설치 jQuery 를 사용하면 $ 은 쿼리 셀렉터를 의미 addEventListener = on 함수명을 짧게 사용 가능하다 https://releases.jquery.com/ jQuery CDN jQuery CDN – Latest Stable Versions jQuery Core Showing the latest stable release in each major branch. See all versions of jQuery Core. jQuery 3.x jQuery 2.x jQuery 1.x jQuery Migrate jQuery UI Showing the latest stable release for the current and legac releases.jquery.com ..

• format_list_bulleted Frontend Dev📚/🔖React_JS
• · 2023. 9. 12.
• textsms

[WEB]HTML태그, class 속성 - Space(공백)으로 여러클래스 만들기

Space(공백)으로 여러클래스 만들기 HTML을 사용하다보면 많은 클래스들을 만드는데 그럴때마다 클래스를 하나하나 만들어 줄 수도 있지만 class 속성안에서 space(공백)을 하나 띄워주는 방법으로도 또 다른 클래스를 만들어 줄 수 있다 An item A second item A third item A fourth item And a fifth one 예를 들어서 오른쪽 상단에있는 메뉴 버튼을 누르면 관련된 메뉴 리스트가 아래에 나오는 것을 구현하고 싶은데 .js를 사용해서 이것을 구현 해보려고 한다 Navbar An item A second item A third item A fourth item And a fifth one .list-group { width: 100%; display: none..

• format_list_bulleted Frontend Dev📚/🔖React_JS
• · 2023. 9. 12.
• textsms

[WEB]JS, Funtion 만들기-동적 UI 만들기

JS, Funtion 만들기-동적 UI 만들기 동적 UI 란? 블로그가 있을 때 새로운 글을 올리기 위해서 추가 버튼을 눌러서 글을 작성하고완료버튼을 눌렀을 때 없었던 글 목록이 생기는 기능과 같다고 생각하면 된다 이미 만들어져 있는 것이 아닌 없었는데 동작을 통해서 새로 생기는 것을 동적생성 이라고도 부른다 추가 버튼을 누르면 메세지 박스가 생성되는 버튼을 js를 사용해서 만들기 위해서 다음과 같이 HTML/CSS 디자인을 먼저 해준다 더보기 hello! close 추가 body { margin: 10; } div { box-sizing: border-box; } .alert-box-bg { background-color: tan; padding: 20px; border-radius: 5px; disp..

• format_list_bulleted Frontend Dev📚/🔖React_JS
• · 2023. 9. 11.
• textsms