질답창고 질답창고

frontend

• 이메일 입력 확인 후 버튼을 사용하여 사용자를 다른 HTML 페이지로 리디렉션하려면 어떻게합니까?

  카테고리 없음 2020. 8. 5. 05:24

  질문 전체 질문 : 프로그램에서 사용자가 입력 한 이메일 입력이 브라우저에 내장 된 자동 이메일 입력 확인을 통해 유효한지 확인한 후 내 버튼을 사용하여 사용자를 다른 HTML 페이지로 리디렉션하려면 어떻게합니까? JavaScript에서 if / else 문을 사용해야한다고 가정합니까? 코드 : DOCTYPE html> Testing Web Page! Stay up to date with ecommerce trends with Shopify's newsletter Subscribe for free marketing tips function logOptions() { var s = document.getElementsByName('Interests')[0]; var text = s.options[s.sel..

  Read More
• npm에서 node_modules를 줄이는 방법

  카테고리 없음 2020. 8. 5. 05:01

  질문 프로젝트를 시작할 때 항상 npm을 사용하고 모든 시작을 사용할 것입니다 npm install node_modules 디렉토리를 내부에 만듭니다. 프로젝트 제작이 끝나면 파일 크기가 거의 200Mb에 놀랐습니다.더 많은 프로젝트를 생성한다고 상상해보십시오. 내 디스크 용량에 부담이됩니다. 프로젝트 용량 내 프로젝트 폴더의 크기를 예방 / 축소 할 수있는 방법이 있습니까? 예를 들어 하나의 파일 node_modules을 반복적으로 사용하도록 하시겠습니까? 답변1 종속성을 추가 할 때 -save 및 -save-dev를 사용하면 프로젝트의 크기를 더 잘 알 수 있습니다. 개발 규모는 "정확"하지만 프로덕션 환경에서는 npm이 package.json의 종속성에만있는 것을 설치하여 node_modules를 ..

  Read More
• 상태 및 props으로 모달 제어

  카테고리 없음 2020. 8. 5. 04:42

  질문 탐색 막대를 탐색 할 때 팝업되는 모달을 만들기 위해 Reactstrap을 사용하려고합니다. 내 전략은 부모 component의 상태를 변경하고 모달 열기를 제어하기 위해 props으로 isOpen 속성에 전달하는 것입니다. 문제는 자식 component의 props을 변경해도 component를 다시 렌더링하지 않으므로 모달을 닫을 수 없다는 것입니다! 부모 컨트롤러 : class App extends Component { constructor(props){ super(props); this.state = { zipcode : '', zipEntered: false }; this.onZipCodeChange = this.onZipCodeChange.bind(this); this.isAuth = t..

  Read More
• 스크롤바는 새로 고친 후 웹페이지에 속한 내용을 포함합니다

  카테고리 없음 2020. 8. 5. 04:21

  질문 Hexo가 운영하는 블로그 웹 사이트를 만들고 있습니다. 글꼴 크기를 변경하고 왼쪽 패널의 크기를 조정 한 후 세로 스크롤바에는 매번 웹페이지를 새로 고칠 때 블로그 기사 내용에 속하는 일부 내용이 포함됩니다. 그러나 다른 웹 탭 (예 : wiki 등)으로 변경 한 후 블로그 페이지 탭으로 돌아 가면 스크롤바가 정상적으로 작동합니다. 왜 이런 일이 일어 났는지 모르겠습니다. 그리고이 문제를 해결하려고합니다. 이상한 스크롤바 캡처가 아래에 제공됩니다. 분홍색 요소는 스크롤 썸이고 다른 요소는 블로그 기사 콘텐츠에 속해야합니다. 도움이된다면 감사하겠습니다. 출처 : https://stackoverflow.com/questions/50196340/scrollbar-contains-contents-belo..

  Read More
• 텍스트 상자와 버튼이 다른 화면에서 레이아웃이 아닌 것처럼 보이는 이유는 무엇입니까?

  카테고리 없음 2020. 8. 5. 04:03

  질문 내 페이지, 특히 텍스트 상자와 버튼 부분이 랩톱이나 PC와 다른 화면에서 제대로 표시되지 않는 이유는 무엇입니까? 태블릿 또는 40 인치 화면에서 순서가 잘못되었습니다. 모든 유형에서 유지 관리하는 방법 부트스트랩 등과 일부 사용자 정의 CSS를 사용했지만 여전히 텍스트 상자와 버튼 부분이 빠져 나옵니다. Select Services 1.Services @using (Html.BeginForm()) { @**@ @Html.EditorFor(Model => Model.Booking_ID, new { htmlAttributes = new { @class = "form-control searchBox", placeholder = "Booking ID" } }) @Html.ValidationMessage..

  Read More
• a : hover : not () 실행은 .active class에만 응답합니까?

  카테고리 없음 2020. 8. 5. 03:38

  질문 탐색 표시 줄을 만들고 3 섹션으로 나누었습니다.1. id = "메뉴"2. id = "fake"(공간을 채우는 버튼)3. id = "social" 기본적으로 .active 페이지와 가짜 버튼이 호버 효과에 포함되지 않기를 원하지만 .fake class를 만들고 a : hover : not (.fake) 시도하면 작동하지 않습니다.그리고 둘 이상의 예외를 만들 수 있는지 궁금해했습니다. 전체 코드는 다음과 같습니다 body{ font-family:'Skranji',sans-serif; font-size:100%; margin:0; } #nav{ margin:0; padding:0; width:100%; height:35px; position:fixed; overflow-y:hidden; font-si..

  Read More
• CloudFront를 통해 미디어를 AWS S3에 업로드하는 방법

  카테고리 없음 2020. 8. 5. 03:14

  질문 CloudFront를 사용하여 파일을 S3 버킷에 업로드해야합니다. 클라우드 프론트에 GET & PUT 요청을 보내려고했는데-403 응답이 있습니다. 키 페어 ID 쿠키를 사용하여 응답 받기 Put 요청은 다음 중 하나를 얻습니다. MalformedXML The XML you provided was not well-formed or did not validate against our published schema 또는: NotSignedUp Your account is not signed up for the S3 service. You must sign up before you can use S3. 버킷 / CF 설정에서 smthg가 잘못되었을 수 있습니다. CloudFront 동작 설정 : 출처 ..

  Read More
• Vaadin 흐름 사용자 정의 스타일

  카테고리 없음 2020. 8. 5. 02:52

  질문 안녕하세요, vaadin component에서 사용자 정의 스타일을 정의하려고합니다. 다음과 같은 스타일 을 가진 html 파일이 있습니다. .card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 40%; } .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,50); transform: scale(1.05, 1.05) } gradle 프로젝트이며이 파일 은 / src / main / resources / frontend / styles에 있습니다. 내 button component에서이 스타일 을 다음과 같이 사용하려고합니다. @HtmlImport("frontend://styles/s..

  Read More