Basic JQuery

안녕하세요, 기본 JQuery 튜토리얼에 오신 것을 환영합니다 여기서는 JQuery의 기본 개념과 그것을 사용하는 방법에 대해서도 논의 할 것입니다

먼저 jquery가 무엇인지 논의 할 것입니다 기본적으로 Jquery는 자바 스크립트 라이브러리입니다 이는 클라이언트 측 스크립팅을 간단하게 만듭니다 그것은 자바 스크립트로 작성되어 웹 페이지에 포함 된 단일 파일입니다 코딩이 간단하고 효율적이며 쉽습니다

가능한 경우에도 자바 스크립트로 코딩하는 방법을 알고 있다면 여전히 권장됩니다 javascript에 대한 지식없이 JQuery를 배울 수 있습니다 이것은 jquery가 작동하는 방식을 알고 있으며 여전히 네이티브 javascript 코드를 사용할 수 있습니다 당신 jquery에서 할 수없는 일을하려고하는 경우 jquery에서 jquery의 사용법에 관해서는, 문서 개체 모델 또는 DOM 도우미로 사용할 수 있습니다

또는 웹 페이지의 요소 그룹 이벤트 핸들러로 사용할 수도 있습니다 어느 귀하의 자바 스크립트 작업 및 이벤트를 구성하게 또한 아약스 요청에 대한 훌륭한 기능도 제공됩니다 몇 가지 특수 효과와 애니메이션을 수행하기 위해 jquery가 그 기능을 수행 할 수 있습니다 그것은 내장되어 있습니다 비록 당신이 더 많은 효과를 원한다면 사용할 수있는 기본 효과가 jquery가 많이 있습니다

인터넷의 플러그인을 다운로드 할 수 있습니다 마지막으로 jquery는 브라우저 유틸리티로도 사용할 수 있습니다 이제 jquery가 무엇인지 논의했습니다 이제 튜토리얼에 우리 손 먼저 Jquery를 설치합니다

웹 사이트, jquerycom을 클릭하고 큰 다운로드 버튼을 클릭하십시오 너는 두 가지 항목이있는 라디오 버튼보기, 제작 및 개발, 제작에 맡기십시오 우리는 단지 그것을 사용할 것이기 때문에 다운로드를 클릭하면이 페이지가 나타납니다

당신은 왜 그런지 궁금해 할 것입니다 내 브라우저가 방금 열어서이 파일을 다운로드하지 못하게했습니다 이것은 그렇게 당신은 또한 몇몇 페이지의 그것을 포함하기 위하여 URL를 이용할 수있다 그러나 우리는 오프라인에서 일할 것이기 때문에 우리는 jquery의 자체 복사본을 원한다 대신이 파일을 복사해서 다운로드 할 것이다

다만 해당 페이지를 자바 스크립트 파일로 저장하십시오 입력하기 쉽도록 jquery (버전 번호 삭제)로 이름을 바꿉니다 (이후 나는 숫자를 암기에 조금 게으른 편임) 그래서 우리는 우리의 파일을 다운로드하고 그것은 우리 웹 페이지와 함께 폴더에 있습니다 지금은 그냥 비어있는 페이지입니다 그런 다음이 페이지를 편집 할 것입니다

보시다시피 이미 기본 HTML 태그가 포함되어 있습니다 jquery가 어떻게 작동하는지 보려면 버튼을 먼저 누르고 btn_action이라는 ID를 지정합니다 이 페이지를 실행하면 버튼이 보입니다 우리가 만들었습니다 이제 jquery 파일을 포함시킨 다음 초기화합니다

그것 document dot ready는 웹 페이지로드가 완료된 후에 호출되는 jquery 함수입니다 windowonload 또는 body onload 속성과 동일한 javascript입니다 우리가 알고있는 javascript, 이미로드되지 않은 경우 웹 페이지에서 요소를 선택할 수 없습니다

이 함수와 다른 jquery 내장 함수를 호출하려면 "달러" jquery의 별명 인 sign 준비 기능 안에는 우리가 행동을 추가 할 곳이 있습니다 먼저 해쉬 기호를 사용하여 ID가 ​​"btn_action"인 버튼을 선택합니다 CSS를 아는 경우 CSS 선택자와 매우 유사합니다 버튼을 선택한 후에는 클릭 이벤트 우리 문서의 도트 준비 기능과 동일하게, 우리는 먼저 우리의 문서는 준비 기능을 호출했다

클릭 이벤트에서 우리는 메시지와 함께 경고하는 안녕하세요 이제 저장하고이 페이지를 실행하십시오 브라우저를 새로 고침하면됩니다 단추를 클릭하면 대화 상자가 표시됩니다 메시지 Hello World 다시 한 번 클릭 해 보겠습니다

여전히 동일합니다 다른 이벤트와 함께 놀 수도 있습니다 온라인 문서를 확인하십시오 jquery 그리고 그게 다야

이것은 jereme이고 방금 자습서를 보았습니다 코더 친구의

jQuery Knob – Tutorial and Example

jQuery 손잡이는 간단한 입력 필드를 멋진 모양의 노브로 바꾸는 다이얼 노브입니다 그것은 매우 쉽고 초 단위로 설정할 수 있습니다! 노브를 사용하려면 페이지에 jQuery와 노브

js 만 있으면됩니다png / jpeg 또는 CSS 필요 없음 노브는 사용자가 취향대로 노브를 사용자 정의 할 수 있도록 다양한 옵션 / 구성을 제공합니다 우리는이 비디오에서 그들 중 일부를 살펴볼 것입니다! 먼저 GitHub 노브로 라이브러리를 가져 오십시오 (아래 설명에서 링크) 필요한

js는 dist 폴더에 있습니다 jqueryknobminjs에 대한 링크를 복사하고 예제에 포함 할 것입니다

(우리는 Github에서 js 파일에 대한 링크를 보낼 수 없기 때문에 RawGit을 사용해야합니다) 이제 js 파일을 준비했습니다 다음으로 입력 필드를 정의하겠습니다 값 필드는 우리 노브의 기본값입니다

나는 지금 10으로 설정하겠습니다 입력 필드에 클래스 "다이얼"을 추가해 보겠습니다 노브를 시작하려면 jQuery 객체에서 knob ()을 호출하면됩니다 (귀하의 페이지에 jQuery를 포함시키는 것을 잊지 마십시오!) 손잡이가 여기 있습니다! 커스텀 노브에는 많은 옵션이 있습니다 예를 들어, 노브의 색상, 크기, 최소 및 최대 값을 설정할 수 있습니다 GitHub 페이지에서 이러한 옵션 사용하기 최소값과 최대 값을 설정해 봅시다 최소값과 최대 값을 전달하면됩니다 다음은 "angleOffset"으로 호의 범위를도 단위로 지정할 수 있습니다

픽셀 단위로 너비와 높이 설정 ( "px"필요 없음) 'displayInput'은 노브 중앙의 값 자리를 숨길 수있게합니다 'fgColor'는 노브 다이얼 막대 색상입니다 마지막으로, 노브를 사용하여 "릴리스"이벤트 핸들러를 지정할 수도 있습니다 사용자가 마우스에서 마우스를 놓을 때 수행 할 작업을 코딩 할 수 있습니다 현재 노브 값은 또한 함수로 전달 될 것입니다 시도 할 수있는 옵션 / 구성이 아직 많이 있다는 것을 잊지 마십시오

예를 들어 두께를 변경하거나 자바 스크립트로 손잡이 스타일을 동적으로 변경할 수 있습니다 시청 해 주셔서 감사합니다 원하시면 구독 해주세요 🙂

How to insert & retrieve data from sql using JQuery Ajax full video

Ajax JQuery를 사용하여 SQL에서 데이터를 저장하고 가져 오는 방법 SQL 데이터베이스 만들기 단일 테이블로 데모 데이터베이스를 만들었습니다 id, name & number는 테이블의 열입니다

지금 웹 응용 프로그램을 만들 수 있습니다 응용 프로그램이 내 로컬 디렉토리에있는 JQuery 파일을 필요로합니다 이것은 내 웹 양식 디자인입니다 이름 & 번호의 값을 저장해야합니다 제출을 클릭하면 데이터가 SQL에 저장됩니다

getData를 클릭하면 레코드가 SQL에서 검색됩니다 다른 더미 데이터를 삽입 할 수 있습니다 제출 클릭을위한 Ajax가있는 JQuery 코드 WebMethod를 호출하는 Ajax URL 이것은 cs 파일의 My WebMethod입니다 이 매개 변수는이 메서드를 호출하는 데 필요합니다

디버깅을 통해 전체 프로세스를 볼 수 있습니다 디버깅을 통해 SQL에서 데이터 검색하기 개체 배열에 데이터를 반환했습니다 데이터는 json 객체 형식으로 반환됩니다 for 루프를 사용하여 테이블에 데이터를 추가하는 중입니다 시청 해주셔서 감사합니다

더 많은 동영상 구독

How to implement windows authentication in ASP.NET MVC 3 ( Model view controller) application?

이 비디오에서는 Windows 인증을 MVC 응용 프로그램에 적용하는 방법을 이해하려고 노력할 것입니다 그래서 당신은 내가 asp

net mvc 3 웹 응용 프로그램을 선택했다는 것을 알 수 있습니다 그리고 여기에 MVC windows 인증 샘플을 말하는 멋진 이름이 주어졌습니다 가서 괜찮을거야 우리가 할 일은 여기에 가서이 빈 템플릿을 선택하는 것입니다 razer 뷰 엔진을 사용하여 뷰를 만들고 사용하려고합니다

지금 당신이 razer에 처음 온다면, 내 제안이 무엇인지 알 것입니다 이전 비디오를 보시기 바랍니다 우리는 정확히 면도기가 무엇인지 설명하고 면도기 신텍스를 소개하고 우리가 어떻게 사용 하는지를 프로젝트 여기에 빈 템플릿을 선택하고 뷰 엔진으로 면도기를 선택하겠습니다 알았어 필요한 폴더, 컨트롤러, 모델 및보기가있는 기본 솔루션 탐색기를 만들었다는 것을 알 수 있습니다 그래서 우리가 할 일은 여기에 아주 간단한 컨트롤러를 만들고 우리는이 컨트롤러를 보기 페이지를 보자

이 컨트롤러에서는 하나의 작업이 관리자 전용 인 두 가지 작업을 생성하게됩니다 다른 작업은 간단한 사용자를위한 것입니다 그래서 나는 여기에 하나의 간단한 행동을 만들어서 말할 것이다 관리자 용 괜찮아 간단한 사용자를 위해 여기에 하나의 액션을 추가하겠습니다 단순한 사용자 권리 국제 대회에서 적절한 이름을 갖고 있다는 것을 알고있는 수도로 만들어 보겠습니다

그래서 우리가 지금 여기서 할 것은 다음을 성취하려고 노력할 것입니다 첫 번째 로컬 사용자 그룹 또는 Windows ADS에 등록 사용자 인 사람 이 MVC 애플리케이션을 호출 할 수있다 따라서 사용자는이 로컬 사용자 그룹에 속해야합니다이 사용자는이 로컬의 등록 사용자 여야합니다 그룹이나 다른 사람이 가서이 응용 프로그램에 액세스 할 수 없을거야 그것이 첫 번째 요점이다

이제 두 번째 요점을 볼 수 있습니다 보기 페이지 컨트롤러에서 여기에 admin과 간단한 사용자를위한 두 가지 작업이 있습니다 이제는 단순한 사용자를위한 모든 사용자 양식에 의해 사용자 그룹에 의해 호출 할 수 있습니다 회계사 관리자 손님, Shiv 누구든지 갈 수 있으며 간단한 사용자를 위해 이것을 불렀습니다 관리자 용은 관리자 만 호출 할 수 있습니다 그래서이 데모를 달성하려고하면이 응용 프로그램은 사용자가 등록 된 사용자 만 액세스 할 수 있습니다

창 그룹 우선 for 관리자는 유일한 관리자 만 액세스 할 수 있습니다 간단한 사용자는 로컬 사용자 그룹에 사용자를 등록하는 모든 사용자가 액세스 할 수 있습니다 그래서 우리가해야 할 일은 우리는 웹 설정 파일에 갈 필요가있다 그리고 우리는 갈 필요가있다 다른 말로하면 인증 창 우리가 가서 이것을 바꿔야 해

창문과 그래서 1 초에 1 단계입니다 승인에서 우리는 우리는 익명의 사용자를 허용하지 않습니다 우리가 알지 못하는 사용자의 신원이 거부되었습니다 그래서 우리가 가서 인증 모드를 창과 두 번째 단계로 바꾸기 위해 필요한 첫 번째 단계 권한이 익명의 사용자를 거부하도록해야합니다 두 번째로해야 할 일은이 앱 설정에 몇 가지 키를 추가해야한다는 것입니다

여기에 두 개의 키를 추가했습니다 자동 폼 인증은 false와 같고 간단합니다 회원 자격이 false 인 경우 이제는이 두 키가 추가되었으므로 MVC 3 템플릿에서 결함이라고 불렀던 부분 그래서 나는이 열쇠를 여기에 추가했다 그래서 당신은 MVC 4 또는 일부 템플릿을 사용하고 있습니다 이 결함은 아마 당신이이 단계를 수행 할 필요는 없지만 지금은 – 아마 내 PC를 위해 -이 단계를해야만 스위치 정확히이 단계가 기본적으로 Windows 인증을 사용할 것입니다

양식 인증 및 회원 인증이 비활성화되어 있는지 확인하십시오 우리가해야 할 일은 우리가 갈 필요가 있다는 것입니다 authorize 속성을 사용하여이 컨트롤러에 액세스하여 액세스 할 수있는 사용자가 누구인지 지정하십시오 말하자면 여기에 권한을 부여하는 사용자는이 컨트롤러에 액세스 권한을 부여하려는 첫 번째 사용자입니다 관리자 두 번째 사용자는 우리는 Shiv에게 거기에 shiv라고하는 사용자가 한 명 더 있습니다 이 두 사용자는이 컨트롤러에 액세스하여 액세스 할 수 있습니다

하지만 나중에 컨트롤러에서 관리자 용 작업은 관리자 만 액세스 할 수 있습니다 관리자 만 액세스 할 수 있습니다 단순한 사용자는 관리자가 액세스 할 수 있습니다 뿐만 아니라 Shiv 그래서 당신은 내가 어떻게 특정 사용자 접근을 정의했는지 볼 수있다 그러니 내가 가자

우리는 단지 오류를 방지하기 위해 그래서 모두 성공했다 또한 두 가지보기를 만들어 보겠습니다 관리자에 대한 하나의보기 간단한 사용자에 대한 하나의보기 누가 무엇을 운영하고 있는지 이해할 수 있습니다 여기를 마우스 오른쪽 버튼으로 클릭하고 여기에보기를 추가하겠습니다 이보기는 관리자 전용이며 admin의 동일한 이름을 유지하려고하며 현재 마스터 페이지 레이아웃을 사용하지 않습니다

그래서 이것은 하나의 견해이며, 여기에서는 관리자 만이 접근 할 수 있다고 말할 것입니다 그리고 간단한 사용자를 위해 하나 더보기를 만들자 그래서 나를 오른쪽 클릭하자 단순한 사용자를위한보기 추가 보기 추가 그리고 나는 이것이 말할 것이다 단순한 사용자를위한 이제 우리는 두 가지 견해를 볼 수 있습니다

하나는 관리자를위한 것입니다 하나는 단순한 사용자를위한 것입니다 이제 다음 일은 우리가 가서이 응용 프로그램을 테스트하여 필요한 모든 것을 제공하고자하는 것입니다 우리가 웹 설정 파일에 줄 필요가있는 것 우리는 두 개의 페이지를 만들었습니다 우리는 두 개의 컨트롤러를 만들었습니다

우리는 이미 로컬 사용자 그룹에 사용자를 가지고 있습니다 이제는이 응용 프로그램을 테스트해볼 시간입니다 이제이 응용 프로그램을 작동시키는 Windows 인증이 인터넷 정보 서버 또는 IIS에 배포되어야합니다 당신은 Windows 인증을 사용하여 테스트 할 수 없습니다 간단한 비주얼 스튜디오 Cashini 웹 서버

비주얼 스튜디오에서 실행될 때 응용 프로그램이 실행됩니다 Windows 인증을 지원하지 않습니다 그래서 우리는 IIS에이 응용 프로그램을 배포해야합니다 이 코드가 작동하는지 테스트 할 수 있습니다 그래서 먼저 모든 것을 그냥 다시 만들어서 여기에 모든 것을 만들면 모든 것이 훌륭한 재건 솔루션이라는 것을 알 수 있습니다

그리고 다음은 저의 IIS를 열어서 시작하도록하겠습니다 그래서 inetmgr을 실행하십시오 이제 IIS에이 응용 프로그램을 배포하기 전에 컴파일 된 DLS를 일부 폴더에 게시해야합니다 G 드라이브로 가보자 아주 간단한 폴더를 만들자

새 폴더 내 테스트 창 MVC 이 폴더 안에 MVC 애플리케이션을 여기에 배치 해보자 여기서부터이 길을 복사 해 드리겠습니다 빌드하고 게시 해 보겠습니다 이제이 애플리케이션을 해당 폴더에 게시하기 전에 우리는 필요한 모든 MVC DLL 프레임 워크 DLL 이 게시 또는 MVC 응용 프로그램에도 포함되어 있습니다 IIS에서 작동하지 않습니다

따라서 MVC 라이브러리의 모든 필수 종속성이 응용 프로그램에 있는지 확인하려면 할 수있는 일은 MVC 애플리케이션을 마우스 오른쪽 버튼으로 클릭하는 것입니다 여기에 여기에 하나의 아주 멋진 메뉴가 있습니다 여기에는 배포 가능 종속성 추가 그래서 당신이이 링크를 클릭하면 실제로 할 것이고 모든 필요한 MVC 의존성을 보장 할 것입니다 MVC DLL의 프레임 워크 DLL도이 프로젝트와 함께 제공됩니다 그래서 응용 프로그램이 IIS에서 적절한 방식으로 작동 할 수 있으므로 가서 말하고 모든 것을 추가 할 것입니다

필요한 의존성 지금 그는 또한 당신의 의존성을 조정할 것을 찾으러 가고 있습니다 ASPNET MVC를 사용했는지 또는 또한 면도기 의존성을 포함하므로 면도기로 내보기 엔진을 사용했기 때문에 면도기로 가져갑니다 그리고 나는 단지 OK라고 말할 것이다 그래서 당신이 볼 수있는 한 여기에 폴더를 만들었습니다

bin deployable Assemblies라고합니다 응용 프로그램을 실행하는 데 필요한 모든 DLL이 포함되어 있는지 확인할 수 있습니다 이 구멍에 솔루션 자 이제 가서 빌드 빌드를 해보자 이제는 모든 DLL이 여기에있다 해당 파일 시스템으로 이동하여 게시합니다

나가기 전에 모든 기존 파일을 삭제하도록 선택하여 게시자가 OLD 파일을 삭제하도록합니다 이 새로운 내용은 실제로 한 번 가서 디렉토리에 게시되고 내가 게시하는 것을 명중하게합니다 지금은이 폴더 안에 여기에 게시 시간에 충돌 내 테스트 창 MVC 그것은 실제로 앞서 가서 필요한 모든 컴파일 DLL을 넣었습니다 이 응용 프로그램을 실행하는 데 필요한 MVC 응용 프로그램 실행 이제 다음 일은 우리가 갈 필요가있다 우리의 IIS에 그리고 아주 가벼운 웹 사이트를 만들어 보자

이 MVC 애플리케이션을 실행하는 데 도움이됩니다 그래서 내 IIS 여기로 가자 그래서 여기에 사이트의 클릭하자 및 추가 말할 것입니다 웹 사이트 내 MVC 테스트 실제 경로에서 MVC 애플리케이션이 게시 된 폴더를 제공합니다 지금이 PC에 이미 80 포트에서 실행중인 응용 프로그램이 있으므로 다른 포트를 사용해야합니다 그래서 나는 안전을 위해서 3131이어야한다

OK를 눌러 보자 이제 OK를 누르면 왼쪽의 MVC 테스트 사이트가 생성되었음을 알 수 있습니다 하지만이 사이트가 생성되었지만 시작할 수 없다는 것을 나타내는 빨간색 십자 기호가 있음을 알 수 있습니다 다른 말로하면 실행되지 않습니다 그렇다면 왜이 사이트가 실행되지 않는 것입니까? 다른 모든 사이트가 실행되고 있지만이 새로 생성 된 사이트가 실행되고 있지 않은 것을 볼 수 있습니다 Dot Net 4

0 프레임 워크를 사용하여 MVC 응용 프로그램을 만들었 기 때문에 실행되지 않습니다 현재이 MVC 테스트는 내 mVC 테스트를 보면 다른 말로 20 프레임 워크에 배포되었습니다 여기에 응용 프로그램 풀에 가면 여기에 내 MVC 테스트가 있습니다 더블 클릭하면 그걸 볼 수 있습니다

현재 사용중인 Dot Net Framework 버전은 Dot Net 20입니다 그래서 내가 할 것은이 40을 여기에서 선택하겠다 나는 OK라고 말할 것이다

그리고 나는 여기 가서 새로 고침을 할거야 이제 빨간색 기호가 다른 말로 바뀌 었음을 알 수 있습니다 내 응용 프로그램 내 PC에서 실행중인 내 mvc 테스트 이제 다음 것은 가서이 웹 사이트를 탐색하려고합니다 그래서 여기를 클릭하십시오 우리 응용 프로그램이 실행되었지만 여기에서 액세스가 거부되었음을 알 수 있습니다

우리가 여기서 한 걸음 더 놓치기 때문에 왜? 그 인증을 지정하고 가서이 내 MVC 테스트 웹 응용 프로그램을 선택하십시오 이 인증 메뉴로 이동하십시오 Windows 인증 사용 다른 모든 사람들은 가서 그걸 사용하지 못하게합니다 그래서 당신은 내가이 mvc 테스트에 갔음을 볼 수 있습니다 그리고 난 단지 창문 인증을 여기에서 가능하게했다 그럼 내가 다시 가서 여기 새로 고침을하자

상자가 팝업되어있는 것을 볼 수 있습니다 그래서 내가 할 일은 여기에 관리자를 지정하는 것입니다 암호 그래서 지금 내가 가서 관리자 또는 단순한 사용자를 위해 이것을 실행하려고하면 페이지에 액세스하여 액세스 할 수 있어야합니다 그래서 다른 말로하면 내가 여기 가서 말하면 관리자를위한 슬래시 우리는 또한보기 페이지 인 컨트롤러 이름을 지정해야합니다 보기 페이지 그래서 만약 당신이 지금 내가 볼 수있는 웹 페이지를 볼 수있는 유일한 관리자에 의해 액세스 할 수 있습니다 내가 가서 첫 번째 액세스하려고 단순한 사용자 나는 왜 그것에 접근 할 수 있어야 하는가? 왜냐하면 현재 나는 관리자로 로그인했다

이제 내가 이렇게하도록 내버려두고 이걸 닫아 그리고 다시 나에게 가게되고, 내가 나의 나의 mvc 테스트에 여기에 갈 것을 요청하게한다 이 mvc 테스트에서 방금 가서 여기에 내 응용 프로그램을 찾아 보겠습니다 내가 할 일은 내가 가서 관리자를 찾아 보려고하는 것이다 당신이 볼 수있는 행동 상태 전달 그래서 내가 가서 관리 작업을 탐색하려고합니다 지금 내가 여기에 줄려고한다면 당신은 볼 수 없다

왜이보기 페이지는 관리자 만 액세스 할 수 있으므로 관리자에게 제공하면됩니다 이게 효과가있다 이제 내가 뭘 할거 니가 날 보내 주시오 간단한 사용자를 찾아 보도록하겠습니다 그래서 당신은 이제 Shiv로 로그인했음을 볼 수 있습니다

하지만 나는 관리자를 찾을 수 없다 당신은 여기 다시 볼 수 있습니다 당신이 shiv하는 권투 날 팝업 가서이 페이지에 액세스하려면 관리자 여야합니다 그래서 MVC 응용 프로그램에 대해 Windows 인증을 수행하는 방법을 이해했으면합니다 그래서이 비디오에서이 비디오를 즐겁게 즐기기를 바랍니다 MVC 응용 프로그램에 Windows 인증을 적용하는 방법 대단히 감사합니다 🙂

ASP.NET: Understanding how ASP.NET works | lynda.com

ASPNET은 응용 프로그램 서버라고하는 소프트웨어 패키지 제품군 중 하나입니다

응용 프로그램 서버는 웹 서버에 설치된 소프트웨어입니다 동적 응용 프로그램 플랫폼을 만들 수 있습니다 월드 와이드 웹은 많은 것을 포함합니다 인터넷을 통해 연결된 클라이언트 및 서버 기술적으로 말해 TCP / IP라는 프로토콜을 사용하여 통신합니다 이것은 전 세계의 모든 컴퓨터를 연결하는 프로토콜 이 컴퓨터들이 서로 이야기 할 때 그들은 형식으로 메시지를 교환합니다

HTTP (HyperText Transfer Protocol)의 약자 이런 종류의 정적 웹 사이트에서 작업하든 관계없이 통신이 사용됩니다 고정 된 고정 웹 페이지 또는 동적 웹 응용 프로그램을 제공하는 웹 사이트 ASPNET에서 지원하는 것과 같습니다 클라이언트가 요청을 보내 프로세스를 시작합니다

HTPP 형식입니다 클라이언트가 웹 리소스를 요청합니다 웹 페이지, 이미지 파일 또는 JavaScript 또는 계단식 포함 텍스트 파일 CSS로 알려진 스타일 시트 코드 서버는 자원을 돌려 보내 응답합니다 요청 된 여부에 관계없이 정적 환경 또는 동적 환경에서 클라이언트는 웹 브라우저

실행중인 개인용 컴퓨터 Windows 또는 Mac은 Internet Explorer, Firefox 또는 Safari와 같은 웹 브라우저를 사용합니다 휴대 전화 및 PDA를 포함하여 다양한 종류의 웹 클라이언트가 있습니다 BlackBerrys와 같은 웹 서버는 소프트웨어를 실행하는 컴퓨터입니다 HTTP 서버라고합니다

시장에 두 가지 주요 HTTP 서버 제품이 있습니다 Microsoft의 인터넷 정보 서비스는 IIS로도 알려져 있으며, Windows 플랫폼에서 사용 가능하며 Apache는 무료 HTTP 서버 제품입니다 Apache Foundation에서 개발하여 제공합니다 당신이 갈 예정이라면 ASPNET에서 작업하면 웹 응용 프로그램이나 동적 응용 프로그램을 배포 할 수 있습니다

IIS 만 수행하기 때문에 인터넷 정보 서비스를 사용하는 웹 사이트 ASPNET 응용 프로그램 서버를 통합하는 좋은 방법입니다 다음은 정적 웹 페이지의 작동 방식입니다 웹 클라이언트는 자원 요청을하고, 웹 페이지에서 HTTP 형식의 요청을 서버에 인터넷 서버는 하드에 파일 위치를 지정하여 응답합니다

요청 된 디스크 이것은 파일이있는 정적 웹 페이지로 알려져 있습니다 일반적으로 htm 또는 html의 확장

웹 서버는 보내는 것으로 응답합니다 그 내용을 클라이언트와 클라이언트에게 돌려줍니다이 클라이언트는 개인용 컴퓨터는 시각적으로 웹 페이지를 렌더링하고 표시합니다 동적 환경으로 이동할 때 응용 프로그램 서버 소프트웨어는 다음과 같습니다 웹 서버와 동일한 컴퓨터에 설치됩니다

인터넷 정보 서비스 및 ASPNET 응용 프로그램 서버 (이 경우 ASPNET) 데이터베이스 및 다른 서버 자원과 통신 할 수 있습니다 다시 한번, 웹 클라이언트는 HTTP 형식의 요청을 작성합니다 웹 서버는 응용 프로그램 서버

응용 프로그램 서버가 데이터베이스 및 기타 서버와 통신합니다 네트워크 리소스를 사용하고 HTML을 구성하는 것은 웹 서버에 달려 있습니다 형식화 된 응답은 웹 클라이언트로 다시 보내집니다 여기서 중요한 것은 웹 브라우저가 응용 프로그램 서버가 필요하지 않으므로 추가 소프트웨어가 필요하지 않습니다 그것은 HTML 페이지를 요청하고 그것은 HTML 페이지를받습니다

서버의 하드 디스크에 정적이고 고정 된 차이 하나는 요청에 따라 동적으로 생성됩니다 응용 프로그램으로 선택할 수있는 많은 소프트웨어 패키지가 있습니다 서버 이 비디오 시리즈를보고 있다면 이미 선택한 ASPNET 또는 귀하의 사이트에서 가능한 사용을 위해 그것을 평가하고 있습니다

조직 Microsoft Active Server Pages 또는 ASP는 선택할 수 있습니다 Active Server Pages는 Microsoft의 이전 버전입니다 응용 프로그램 서버 기술 십자가 인 Adobe ColdFusion을 선택할 수도 있습니다

많은 운영 체제에서 작동하는 운영 체제 제품 Windows, Mac 및 Linux에서 사용 가능하며 독점적 인 언어 인 ColdFusion 마크 업을 사용합니다 언어 일부 개발자는 완전 무료 및 오픈 소스 제품인 PHP를 사용합니다 다시 한번 많은 운영 체제에서 사용할 수 있습니다 그리고 자바 개발자들에게, Websphere를 포함한 많은 응용 프로그램 서버 제품이 있습니다

IBM, Oracle의 Weblogic (이전에는 BEA, JBoss, 완전히 무료) J2EE 또는 Java 기반 서버 및 기타, 그리고 마침내 Microsoft의 ASPNET이 있습니다 이 비디오 시리즈에서 배우게 될 ASPNET은 객체 지향 플랫폼입니다 여러 프로그래밍 언어 중에서 하나를 선택하여 클라이언트가 표준 HTTP 요청을하는 동적 웹 기반 응용 프로그램 서버는 HTML을 동적으로 생성하고 콘텐츠를 클라이언트에 다시 보냅니다

이러한 페이지에는 JavaScript 코드, 계단식 스타일 시트, 이미지 파일 및 기타 정적 웹 페이지 기본적인 아키텍처를 살펴 보겠습니다 ASPNET의 이 장의 다른 비디오에서는 ASP

NET을 설치하는 방법을 설명합니다 Visual Web Developer라는 제품과 함께 통합 개발 환경을 사용하면 ASPNET 기반의 동적 인 웹 응용 프로그램

jQuery Sizzle – What and how to use Sizzle?

Sizzle은 jQuery 라이브러리에서 사용되는 크로스 브라우저 Javascript DOM 선택기 엔진입니다 (실제로 jQuery 프로젝트에서 스핀 오프 됨) $ ( '# someid')와 같은 jQuery를 선택하면 jQuery가 Sizzle을 트리거하여 DOM select를 실행 한 다음 그 결과를 jQuery로 다시 리턴한다

따라서 jQuery 선택기를 사용하려고하지만 다른 많은 기능을 사용하지 않는 경우 독립형 Sizzle을 사용하면 jQuery의 불필요한 오버 헤드를 줄일 수 있습니다 또한, sizzle의 js 크기는 jQuery보다 훨씬 작습니다 GitHub의 현재 Sizzle 릴리스를 살펴 보겠습니다

지글 지글 크기는 약 18KB, jQuery 214 (5 배 더 큼)의 약 90KB와 비교됩니다 따라서 지즐을 사용하면 페이지로드 시간이 단축됩니다 지글 지글 대는 CSS 선택기 구문을 사용하고 jQuery와 매우 유사합니다

W3school CSS 선택자 페이지를 참조 할 수 있습니다 다음으로, 우리는 Sizzle을 사용하는 방법을 보여줄 것입니다 여기에 테스트 할 준비가 된 HTML 요소가 있습니다 지즐을 사용하려면 js 파일을 페이지에 포함하기 만하면됩니다

sizzlejs는 GitHub에 있기 때문에 jsfiddle에 파일을 포함 시키려면 CDN을 사용해야합니다 RawGit을 사용할 것입니다 (아래 비디오 설명의 링크 참조) 자, 이제 준비 됐어 이드가 첫 번째 div를 선택하겠습니다

JQuery의 $ ( 'selector')에 simliar를 사용하여 Sizzle ( 'selector')를 사용할 수 있습니다 그래서 그것은 지즐 ( '# testdiv')이 될 것입니다 우리가 그 결과를 볼 수 있도록 팝업에 div 텍스트를 넣자 반환 된 결과는 항상 배열에 있으므로 인덱스를 지정해야합니다 끝난! jQuery와 작동하는 모든 선택기 역시 Sizzle과 함께 사용해야합니다

이번에는 클래스별로 선택해 봅시다 또는 사용자 지정 특성 또는 이와 비슷한 것 : last-child selector 요약하면, Sizzle은 jQuery의 일부입니다 선택기 만 사용하려는 경우 시즐을 사용하거나 성능 /로드 시간이 가장 중요합니다 그렇지 않으면 jQuery로 이동하십시오 시청 해주셔서 감사합니다! 더 많은 팁 / 튜토리얼을 구독하십시오!

Octopus 2.0 part 10: Deploying an ASP.NET web application

이 비디오에서는 Octopus를 사용하여 ASPNET 웹 사이트를 배포하는 방법을 보여줍니다

여기에 ASPNET MVC 웹 사이트가 있습니다 OctoPack을 사용하여 사이트를 꾸몄습니다 OctoPack은 ASPNET 사이트를 패키징 할 때 이미지 파일을 실행하는 데 필요한 콘텐츠 파일 (보기, JavaScript, CSS 및 이미지 파일) 응용 프로그램뿐만 아니라 모든 바이너리 및 구성 파일이 포함됩니다

이 웹 사이트를 내 웹 서버 역할의 컴퓨터에 배포 할 것입니다 테스트와 수용을 위해이 역할에는 하나의 시스템 만 있지만 프로덕션 환경에서는 두 개의 웹 서버가 있습니다 프로젝트의 프로세스 탭으로 이동하여 배포 프로세스에 다른 NuGet 패키지 단계를 추가합니다 내 ASPNET 웹 사이트에서 구성 변수 기능을 사용하기 때문에 구성 변수 기능을 사용하도록 설정합니다

Octopus가 자동으로 업데이트되기를 원하는 webconfig 파일의 연결 문자열 Webreleaseconfig가 있기 때문에 구성 변환 기능도 사용할 수 있습니다

변환 파일 빌드시 구성 변환을 실행하는 대신 Octopus는 실제로 배포 중에이를 실행합니다 배포 할 환경에 따라 다른 구성 변환 파일을 가질 수도 있습니다 마지막으로 IIS 웹 사이트 및 응용 프로그램 풀 기능을 사용하도록 설정합니다 배포 할 IIS의 웹 사이트 이름을 지정하겠습니다

환경에 따라 다른 웹 사이트 이름을 사용할 수 있도록 Octopus 변수를 참조하겠습니다 같은 방식으로 생성 또는 업데이트 할 응용 프로그램 풀의 이름을 지정합니다 Octopus에 사용자 지정 사용자를 비롯한 특정 ID로 실행되도록 응용 프로그램 풀을 구성하도록 지정할 수 있습니다 IIS 웹 사이트가 수신 대기하는 바인딩을 지정할 수도 있습니다 기본 바인딩을 제거하고 바인딩의 호스트 헤더로 현재 컴퓨터의 이름을 사용하여 사용자 지정 바인딩을 추가 할 것입니다

마지막으로 IIS에서 사용할 인증 모드를 선택할 수 있습니다 이제는 프로덕션 환경에 두 개의 웹 서버가 있다는 것을 보여주었습니다 기본적으로 Octopus는 지정한 역할의 모든 시스템에서 패키지 단계를 병렬로 실행합니다 이는 보통 두 웹 서버가 동시에 업데이트된다는 것을 의미합니다 대신 "롤링 배포"라고하는 구성을 구성 할 수 있습니다

배치 크기를 지정할 수 있습니다 이는 Octopus에 한 번에 배치 할 기계의 수를 알려줍니다 예를 들어, 10 대의 서버에 배포하고 배치 크기를 1로 지정하면 하나의 머신에 전개하고, 다음에 전개하는 등의 작업을 수행 할 수 있습니다 롤링 배포이므로 하위 단계를 추가 할 수도 있습니다 하위 단계는 상위 단계와 동시에 실행됩니다

롤링 배포에서 이것은 두 단계가 하나의 시스템에서 실행된다는 것을 의미합니다 끝날 때 롤링 단계는 다음 기계와 다음 기계 등에서 시작됩니다 우리 아이 단계는 10 초를 기다리는 PowerShell 스크립트 일뿐입니다 롤링 배포를 실제로 볼 수 있습니다 나는 릴리스를 만들어 내 테스트 환경에 배포 할 것이다

로그를 보면 웹 사이트가 배포 된 것을 볼 수 있으며 현재 수면 중에 기다리고 있습니다 테스트 웹 서버를 탐색하면이 사이트가 현재 실행 중임을 알 수 있습니다 이 릴리스를 프로덕션으로 승격시켜 보겠습니다 미리보기에서는 두 웹 서버에서 모두 실행됩니다 첫 번째 서버가 배포되었으며 IIS에서 사이트를 새로 고치면 사이트가로드되고 있음을 알 수 있습니다

그러나 두 번째 서버를 새로 고치면 여전히 IIS 방문 페이지가 표시됩니다 결국 롤링 배포가 완료되고 두 웹 서버가 사이트를 실행합니다