반응형

2737

HTML, JavaScript, jQuery : HTML Element을 Show/Hide Toggle : 방법, 예제, 구현

다음은 컨텐츠를 표시하거나 숨길 수있는 다른 방법입니다. Javascript HTML 엘리먼트의 ID가 전달되는 원시 Javascript를 사용하는 함수입니다. 그런 다음 getElementById 함수를 사용하여 엘리먼트를 가져옵니다. 이제 현재 스타일이 무엇인지 볼 수있는 엘리먼트가 있습니다. none으로 설정되면 block으로 설정하고 block으로 설정하면 none으로 설정합니다. 표시와 숨기기를 전환하려면 ID로 이 함수를 호출합니다. function toggle_div(id) { var e = document.getElementById(id); e.style.display = ((e.style.display!='none') ? 'none' : 'block'); } 자바스크립트 함수 사용법 원시..

SW/JavaScript 2020.03.19

HTML, CSS, JavaScript, jQuery : 이미지 갤러리 페이지 구축 : 구현, 예제

웹 페이지에 이미지 갤러리를 표시하는 것은 jQuery 모달 상자와 마찬가지로 매우 복잡 할 수 있습니다. 오늘날 CSS와 jQuery에서 멋진 이미지 갤러리를 만드는 매우 간단한 방법에 대해 알아보겠습니다. 갤러리에는 기본 이미지와 여러 개의 대체 이미지가 있으며, 호버 이벤트시 기본 이미지가 변경됩니다. CSS는 갤러리의 모양을 설정하는 데 사용되며 jQuery는 대체 이미지로 기본 이미지를 변경하는 데 사용됩니다. HTML 코드 메인 이미지를 위한 영역을 생성한 다음 모든 대체 이미지를 오른쪽에 배치 할 공간을 만들어야합니다. 먼저 모든 것을 위해 컨테이너 div를 시작합니다. 이제 메인 이미지 영역을 만들 수 있습니다.이를 위해 다른 div가 필요하고 이미지가 내부에 있습니다. 지금은 CSS를 사..

SW/JavaScript 2020.03.18

PHP, JavaScript, jQuery : 슬라이드 아웃 피드백 양식 작성해서 관리자에게 보내는 방법 : 예제, 구현

많은 사이트에서 이것을 보았을 수도 있습니다. AJAX를 사용하여 방문자의 피드백과 함께 웹 사이트 관리자 이메일 주소로 이메일을 보내는 슬라이드 아웃 피드백 양식을 작성하는 방법을 보여 드리겠습니다. 슬라이드 아웃 양식은 방문자에게 피드백을 요청하기에 좋은 곳입니다. 보기에 숨겨져 있기 때문에 사이트 모양과 사람들이 버튼을 클릭하는 것이 실제로 피드백을 주고 싶어하는 마음을 망치지 않습니다. 이 튜토리얼에서는 jQuery와 PHP를 모두 사용합니다. 피드백 버튼의 클릭 이벤트에서 슬라이드 아웃 효과에 jQuery를 사용하고 서버의 PHP 페이지로 전송되어 피드백을 관리자 이메일에 제출합니다. 이 튜토리얼은 피드백에 관한 것이므로 방문자에게 양식으로 메시지를 제공하도록 요청하기 만하면 됩니다. 사람들이 ..

SW/JavaScript 2020.03.17

C++ : thread : detach, joinable : 사용법, 예제, 개념

std::thread::detach() 쓰레드 개체에서 쓰레드를 떼어 냅니다. 떼어진 쓰레드는 메인 쓰레드와 무관하게 독립적으로 실행됩니다. std::thread::joinable() 쓰레드가 실행 중인 활성 쓰레드인지 아닌지 확인합니다. 예제 #include #include #include #include using namespace std; void PrintMessage(const std::string& message, int count) { for (int i = 0; i < count; ++i){ std::cout

SW/C++ 2020.03.17

HTML, JavaScript, jQuery : CSS(스타일 시트)간 전환 방법 : 예제, 구현

Jquery를 사용하면 DOM을 매우 쉽게 조작 할 수 있으므로 웹 페이지의 모든 엘리먼트를 ​​쉽게 변경할 수 있습니다. 이러한 엘리먼트 중 하나는 스타일 시트에 대한 참조이므로 jQuery를 사용하면 다른 스타일 시트간 쉽게 전환 할 수 있습니다. 그러나 왜 다른 스타일 시트로 전환해야하나요? 가장 일반적인 스타일 시트 중 하나를 스타일 시트 간에 전환해야하는 이유는 여러 가지가 있습니다. 많은 웹 사이트에서 사용자가 페이지에 표시되는 글꼴 크기를 선택할 수 있지만 글꼴 크기를 변경하면 레이아웃이 확장되어 웹 사이트가 더 이상 동일하게 보이지 않습니다. 서체 크기에 따라 다른 스타일 시트를 할당하여 웹 사이트가 항상 좋아 보이고 서체 크기로 중요하지 않은지 확인할 수 있습니다. 색상이 많은 웹 사이트..

SW/JavaScript 2020.03.16

HTML, CSS, JavaScript, JQuery : 간단한 모달 상자를 만드는 방법 : 예제, 구현

모달 박스에 사용할 플러그인이 많이 있지만 화면에 박스로 메시지를 표시하는 간단한 작업은 너무 복잡합니다. 직접 빌드하기로 결정 했고 이 튜토리얼에서는 jquery에서 간단한 모달 박스를 만드는 방법에 대해 알아보겠습니다. 어떤 기능의 모달? 링크를 클릭하면 나머지 화면이 검게 표시되고 내부에 사용자 정의 메시지가 있는 박스와 모달 상자를 제거하는 닫기 버튼이 있는 jquery 플러그인을 구현합니다. 플러그인 내부에 상자와 스타일을 만드는 모든 작업을 유지하고 있으므로 플러그인을 문서에 포함시키는 것 외에는 아무것도 할 필요가 없습니다. 일반적으로 다른 플러그인을 사용하면 상자를 직접 구성해야하며 jquery 플러그인이 표시합니다. 플러그인이 모달 상자를 만들고 스타일을 지정하기를 원합니다. 이렇게하면 ..

SW/JavaScript 2020.03.15

C++ : STL : 목적, 문제점, 대체 방법

SLT 컨테이너의 목적 모든 컨테이너에 적용되는 표준 인터페이스가 존재합니다. std 알고리듬은 많은 컨테이너에서 작동합니다. 템플릿 프로그래밍 기반이며, 메모리를 자동 관리해줍니다. 인터페이스 문제점 모든 컨테이너에 같은 인터페이스가 적용되는 것은 이상하다고 할 수 있습니다. 극단적으로 개체 지향 프로그래밍을 추구한 사례라고도 할 수 있습니다. 메모리 단편화 빈번한 메모리 재할당은 메모리 단편화를 초래할 수 있습니다. 메모리 단편화는 엄청난 문제가 될 수 있습니다. 특히 가상 메모리를 지원하지 않는 플랫폼에서 프로그램을 실행할 때, 문제가 야기될 수 있습니다. 결국, 메모리 단편화 때문에 애플리케이션이 죽을 수 있습니다. 즉, 총 여유 공간은 충분하나 충분히 큰 연속되는 메모리가 없는 경우에 일어날 수..

SW/C++ 2020.03.15

Web : Java Script : CSS, JQuery로 스티커 메모 할 일 목록 만들기 : 예제, 프로젝트

CSS 및 JQuery를 사용하여 간단한 작업 관리 목록을 작성하는 방법을 학습합니다. 먼저 할 일 목록을 디자인합니다.이 작업은 하루 동안 작업을 빠르게 추가 할 수 있는 간단한 형태입니다. 그런 다음이 목록을 가져 와서 해당 항목을 스티커 메모로 바꾸는 방법을 배우고 이 정보를 그래픽 방식으로 표시하여 기억하는 데 도움이됩니다. 이것은 단순한 양식이므로 이 데이터를 데이터베이스에 저장하거나 쿠키를 사용하여 이 데이터를 저장하지 않으므로 브라우저를 닫고 목록을 계속 사용할 수 있습니다. 바라건대 이것은 할 일 목록 응용 프로그램을 만드는 과정을 시작할 것입니다. 웹앱 할일 목록 웹앱은 이제 휴대 전화 앱과 함께 인기가 높아졌습니다. 이들은 특정 작업을 수행하기위한 1 비트 기능을 제공하는 작은 프로그램..

SW/JavaScript 2020.03.14

27. 딥러닝 : 오버피팅(과적합) : 훈련 멈추는 시점, 팁, 개념, 종류

오버 피팅과 관련된 세부 사항은 더 자세히 살펴보아야 합니다. 마지막 기능이 최소화 될 때까지 모델을 수십 번 훈련했다고 말했습니다. 계속 할 수 있지만 어느 시점에서 과적합할 것입니다. 학습 프로세스를 중단하는 것에 대한 한두 가지 사례를 살펴보면서, 모델이 학습되었음을 나타내는 추가 규칙을 살펴볼 것입니다. 적절한 용어는 조기 중지입니다. 일반적으로 조기 중지는 과적합을 방지하는 기술입니다. 가장 간단한 방법은 첫 번째 섹션 이후 최소한의 예에서 미리 설정된 수의 에포크 (epoch)를 훈련하는 것입니다. 최소에 도달했거나 학습 속도가 충분히 높아졌다고 보장 할 수 없습니다. 손실이 무한대로 바뀔 수도 있습니다. 훈련을 위해 시도해보아야 합니다. 신기한 실수를 제외하고 실수는 거의 만족스럽지 못하지만..

SW/딥러닝 2020.03.14

Java Script : jQuery : 나이 제한 걸기, 날짜 데이터 검증 : 방법, 예제

jQuery를 사용하면 생년월일로 사람의 나이를 쉽게 계산할 수 있습니다. 연령을 계산할 수 있는 경우, 연령 제한을 추가하여 연령이 적은 방문자가 링크를 계속 사용하지 못하게 할 수 있습니다. 다음 함수는 일, 월 및 년을 입력합니다. 그런 다음 방문자의 연령을 계산할 수 있는 현재 날짜와 비교할 때 이러한 값을 가져 와서 새 날짜 개체를 만듭니다. 연령 제한이 있고 방문자 연령이 연령 제한을 초과하지 않으면 입장을 허용하지 않습니다. $("#form").submit(function(){ var day = $("#day").val(); var month = $("#month").val(); var year = $("#year").val(); var age = 18; var mydate = new Dat..

SW/JavaScript 2020.03.13

26. 딥러닝 : K-FOLD CROSS-VALIDATION (K배 교차 검증) : 개념, 방법, 팁

지난 몇 가지 포스팅에서 왜 데이터를 세 부분으로 훈련, 검증, 테스트로 분할해야 하는지를 알아보았습니다. 이것은 표준 메커니즘이며 일반적으로 머신 러닝이 적절한 경우 적용할 데이터가 충분할 것입니다. 기본 관계의 일부를 잃어 버릴 수 있기 때문에 데이터를 세 개로 나눌 여유가 없거나 데이터가 너무 적어 훈련할 수 없어서 알고리즘이 아무것도 배울 수 없을 수 도 있습니다. 이 문제에 대한 또 다른 답이 있으며 이것을 n 배 교차 검증이라고합니다 . 이것은 일반적인 전략과 비슷하지만 훈련 및 유효성 검사 데이터 세트를 영리하게 결합하는 전략이지만 여전히 테스트 하위 세트가 필요합니다. 훈련 및 유효성 검사 단계를 결합하고 있지만 테스트 단계를 피할 수는 없습니다. 11000 개의 관측치가 포함 된 데이터 ..

SW/딥러닝 2020.03.13

JS : jQuery : 각 XML 노드 처리 : 방법, 예제

JQuery는 엘리먼트를 반복하는 데 사용되는 매우 유용한 도구입니다. 이는 each 함수때문입니다. jQuery 객체에 있는 각 엘리먼트를 반복합니다. HTML dom 엘리먼트이거나 다른 여러 엘리먼트일 수도 있으며 이번 예제에서는 xml 노드입니다. JQuery는 내장된 함수인 .get 함수와 each 함수를 사용하여 XML 파일을 로드하고 반복문을 구현할 수 있습니다. 먼저 .get 함수를 사용하여 XML의 모든 엘리먼트를를 가져옵니다. 파일의 위치를 첫 번째 매개 변수로 전달하면이 함수 내에서 xml 변수로 사용할 수 있습니다. $.get("xmlfile.xml", {}, function (xml) { } 이 함수 내에서 xml 변수를 사용하여 xml 노드를 처리 할 수 있습니다. 이제 XML 문..

SW/JavaScript 2020.03.12

24. 딥러닝 : 훈련, 검증, 테스트 데이터 : 종류, 의미, 활용 방법, 팁

이전 포스팅에서는 유효성 검사 데이터 세트를 알아보고 초기 데이터 세트를 세 부분으로 나누어야 한다고 했습니다. 모델을 다듬고 유효성을 검증한 후 학습 유효성 검증의 마지막 부분에 대해 알아보도록 하겠습니다. 유효성 검증은 새로운 데이터에서 모델을 실행하여 수행됩니다. 이전에는 보지 못했지만 실제 모델을 적용하는 것과 동일하므로 데이터가 훈련되고 검증됩니다. 머신 러닝의 최종 버전이 있습니다. 테스트 데이터 세트를 사용하여 테스트 할 준비가 되었습니다. 이 테스트에서 얻은 예측의 정확도는 실제에 배치 할 경우 모델에 예상되는 정확도입니다. 따라서 테스트 데이터 세트는 마지막 단계입니다. 먼저 요약 해보겠습니다. 데이터 세트를 얻은 다음 세 부분으로 나눕니다. 실무자들이 어떻게 접근할까요? 완벽하게 정의된..

SW/딥러닝 2020.03.12

JS : jQuery : 체크박스 선택 여부 확인 방법 : 예제, 방법

jquery에서 체크박스가 선택되어 있는지 확인해야할 때, 여러가지 방법이 있습니다. 하지만, 이 작업을 수행하는 가장 좋은 방법이 무엇인지는 확실하지 않았습니다. 여전히 최선의 방법들이 있으므로, 좋은 방식들에 대해서는 공유가 필요합니다. 다음 예를 통해 체크박스가 선택되어 있는지 확인하는 방법들에 대해 알아보도록 하겠습니다. 속성 메소드 사용 속성에 체크 값이 있는지 확인합니다. // First way $('#checkBox').attr('checked'); Is 메소드 셀렉터를 사용 이 메소드는 엘리멘트가 체크되어 잇는지 확인합니다. // Second way $('#edit-checkbox-id').is(':checked'); 체크된 셀렉터 다음 스니펫을 사용하여 현재 체크된 모든 요소를 가져옵니다..

SW/JavaScript 2020.03.11

23. 딥러닝 : 훈련과 검증 : 방법, 예제, 데이터 구성 종류

이전 포스팅을 통해 머신 러닝에 있어 과적합이 실제 잘 나타는 문제라는 것을 확인했습니다. 과적합을 방지하기 위해 어떻게해야 하는지 알아보도록 하겠습니다. 일반적으로 사용 가능한 데이터를 세 가지 하위 집합으로 구성하여 과적합을 파악합니다. 첫 번째 데이터는 이름에서 알 수 있듯이 학습 데이터 세트를 테스트하여 모델을 학습하는 데 도움이됩니다. 지금까지 보았던 모든 것을 수행하는 곳입니다. 모든 데이터가 훈련 데이터라고 생각했지만 의도적으로 변수명을 훈련 데이터라고 레이블을 붙였습니다. 다른 두 가지 하위 집합을 확인하겠습니다. 유효 검사 데이터 세트는 과적합을 감지하고 방지하는 데 도움이 되는 것입니다. 어떻게 작동하는지 알아보겠습니다. 모든 훈련은 훈련 세트에서 수행됩니다. 훈련을 위해 가끔씩 한 번..

SW/딥러닝 2020.03.11

jQuery : 셀렉트 박스 : 옵션 추가, 제거, 선택 제거, 배열로 추가 : 방법, 예제

jQuery를 사용하여 셀렉트 박스에서 옵션 항목 제거 JQuery는 JavaScript를 사용하여 코딩하는 데 걸리는 시간을 줄이고 코딩하는 데 필요한 줄의 수를 줄이는 쉬운 방법입니다. jQuery를 사용하여 선택 상자에서 옵션을 제거하는 것이 좋은 예입니다. selectbox가 있는 경우 : option1 option2 option3 option4 셀렉트 드롭 다운에서 제거 방법 옵션 제거하는 방법은 다음과 같습니다. $("#selectBox option[value='option1']").remove(); 셀렉트 드롭 다운에서 옵션 추가 방법 셀렉트 박스에 옵션을 추가하기 위해, 옵션 리스트 마지막에 추가를 해줍니다. $("#selectBox").append('option6'); 첫번째를 제외하고 ..

SW/JavaScript 2020.03.10
반응형