JavaScript training tutorial – Part 1 ( 30 Minutes)

안녕하세요 자바 스크립트 교육에 오신 것을 환영합니다

이 훈련은 구체적으로 목표로 삼은 C # 개발자에게 C # 개발자 매우 강하게 유형의 언어에서 온다 완전히 컴파일 된 클래스 키워드, 상속 및 다형성으로 완전히 객체 지향 C #에는 보호 된 내부 등 다양한 범위의 범위가 있습니다 C #의 inftrastructure는 JavaScript의 인프라와 다릅니다 이 비디오에서는 우리가 C # 개발자로서 기억해야 할 매우 중요한 포인트 JavaScript 코딩 중 C #과 JavaScript는 동일합니다 문제를 일으킬 수있다

확실하다 For Loops와 같은 유사성, 조건 등이있는 경우 그러나 방법에는 많은 차이가있다 자바 스크립트 작동 이 1 시간 교육을 통해 그 차이를 지적 할 것이다 이 교육은 두 부분으로 나뉩니다 처음 30 분 안에 11 가지 중요한 포인트를 거치게된다

자바 스크립트 C # 개발자를 놀라게 할 수있는 다음 반 시간에 JavaScript를 사용하여 적절한 객체 지향 프로그래밍을 구현하는 방법에 대해 논의합니다 이 비디오를 공유하면 페이스 북, 트위터, LinkedIn 계정 이메일 : questpond@questpondcom 이 작은 전자 책을 공유합니다 AngularJS를위한 AngularJS는 매우 유명한 프레임 워크 중 하나입니다 요즘 사용되는 자바 스크립트에서 기억할 포인트 번호 1 변수의 데이터 유형이 정의됩니다

실행 중 또는 변수의 데이터 유형 아르 실행 시간 동안 할당 된 값으로 정의됩니다 자바 스크립트에서 변수 선언하기 var 키워드 X는 숫자가됩니다 데이터 형은 문자열이 될것이다 이 X 변수는 숫자의 데이터 유형입니다 값을 변경하자마자 데이터 형이 문자열이된다

우리가 여기서 경고한다면 우리가 그것에 10 개의 값을 할당했기 때문에 X의 타입은 숫자입니다 그 후 문자열이됩니다 데이터 유형은 강하게 입력되지 않습니다 오른쪽에 할당 된 값은 무엇이든 왼쪽 변수는 그 데이터 형이된다 포인트 번호 2 자바 스크립트 주로 가지고있다

3 종류의 기본 데이터 유형 하나는 숫자입니다 다른 하나는 문자열이다 세 번째 것은 부울 우리가 경고를하면 우리는 부울을 얻을 것이다 십진수 그것은 숫자로 불릴 것이다 데이터 유형에서 판단하다 정수 할당 또는 소수점 지정 모든것은 숫자 자바 스크립트에서 포인트 넘버 3 정의되지 않음 정의되지 않은 경우 발생합니다

우리는 변수를 선언한다 즉 var x 아무 것도 지정하지 마라 가치 이 경우 x는 정의되지 않은 상태가 될 것이다 정의되지 않은 수단 변수가 선언된다 값은 그것에 할당되지 않습니다

정의하려면 데이터 부재의 의미 값은 숫자가 아니거나 문자열이 아니거나 부울도 아니며 그것은 Null입니다 포인트 번호 5 자바 스크립트에서 두 개의 범위 만 있습니다 비공개 또는 글로벌 C #에서는 개인적으로 보호되어 있습니다 영원한, 공개 자바 스크립트에서 우리는 은밀한 또는 글로벌 var x = 10 이것은 세계적인 것입니다 이 페이지 전체에서 우리가 함수를 정의한다면 자바 스크립트에서 이 함수에서 변수 var x = 5를 정의하면 이 var x = 5는이 함수에 대해 private입니다

var x = 10은 전체 페이지에 대해 전역입니다 이 경고는 10을 표시합니다 이 동안 경고가 표시됩니다 5 이걸 실행해라 값은 10입니다 그러나 지역 변수 / 개인 변수 값은 다음과 같이 표시됩니다

5 결론적으로 변수는 전역 변수이거나 비공개 변수 여야합니다 자바 스크립트 사용 어휘 범위 접근법 어휘 수단 단어의 위치에 따라 단어의 의미가 바뀔 수있다 달빛 라이터 달이 오면 그것은 다른 것입니다 빛이 오면 곧 그것은 다른 것입니다 위치에 따라 말의 의미가 변하고있다

변수 선언의 물리적 위치에 따라 자바 스크립트 결정 공개 또는 비공개 여야합니다 var x = 10 ~이다 세계적인 차원에서 그것은 함수 외부에있다 var x = 5 위치가 함수 안에있다 비공개로 만듭니다

어휘 범위는 메커니즘 우리는 변수 선언의 물리적 인 위치를 봅니다 결정한 다음 비공개 또는 전역이어야합니다 포인트 넘버 6 가장이다 잔인한 점 자바 스크립트에서 변수를 선언하지 않으면 변수를 할당하면됩니다 디폴트 글로벌이된다 어휘 범위 접근법이 없다 각각의 우리가 변수를 지정하고 선언하지 var x를 쓰지 않고 그냥 쓰는 것을 의미합니다

엑스 변수 x 세계적으로 선언된다 우리가 경고를하면 우리는 가치 5를 볼 것입니다 아직도 우리는이 x 외부에 접근 할 수 있습니다 기본적으로 이것은 글로벌이되기 때문에 변하기 쉬운 5 이제 전 세계적으로 액세스됩니다 이 x는 아니다

개인 변수로 생성되었지만 전역 변수가 됨 이 혼란을 피하기 위해 자바 스크립트 개발자들은 엄격히 사용하다 엄격한 사용을 말하면 이 x 쓸 수 없다 그것이 선언되지 않을 때까지 우리가 var를 넣을 시간 그것은 어휘 범위를 따른다 우리가 use strict를 사용하지 않고 실행하면 예외가 발생합니다 var 키워드를 넣으면 엄격한 사용을 보장하다 우리는 변수가 없다 값의 간단한 할당으로 생성되는 포인트 번호 7 자바 스크립트 변수 선언문에는 호이스트 호이스트 수단 무언가를 끌어 올리는 자바 스크립트에서 명백한 선언이 끌어 올려진다

선언 전에 alert (x) 이 프로그램을 실행하면 그것은 정의되지 않는다고 말하고있다 JavaScript는이 var x를 취했습니다 그리고 상단 변수 선언이 종료되었습니다 JavaScript 호이 스팅 (hoisting)은 변수 선언이 위로 이동합니다 이 시나리오에서 여전히 x에 액세스 할 수 있습니다

실제 값은 나중에 액세스 할 수 있습니다 정의되지 않음 그 뜻이 아냐 변수가 없지만 변수가 있지만 값이 할당되지 않았습니다 포인트 번호 8 자바 스크립트에서 매우 중요합니다 마감 마감 JavaScript의 혼란스러운 주제 중 하나이지만 JavaScript의 매우 중요한 개념 때에 온다 적절한 창작 구성 요소들 자바 스크립트에서 마감 두 가지 일을하는 데 도움이됩니다 상태를 유지하는 데 도움이됩니다

JavaScript 함수 두 번째 JavaScript의 private 변수에 액세스하는 데 도움이됩니다 Fun1이라는 함수가 있습니다 이 함수 안에는 변수가 있습니다 이 함수에 값 전달 이 값은 이 변수에 내부적으로 설정 이 변하기 쉬운 ~이다 사적인 변수 액세스 할 수 없습니다

str 외부 첫 번째 문제는이 개인 변수에 액세스하는 것입니다 두 번째로 유지하는 것입니다 주 에서 함수 호출 우리가 여기서 부를 때 Fun1 그리고 "Shiv" Fun1을 다시 호출하면 통과하다 라주 이 전화 그 안에 값 쉬브가있을거야 이 호출은 그 안에 Raju 값을 갖습니다 우리는이 부름을 다른 부름에서 다시 유지할 수 없습니다 우리가 전화를 할 때마다 그것은 값을 할당한다 이 범위 이후에 변수를 할당 해제합니다

먼저 개인 변수에 액세스하십시오 둘째 모든 함수 호출 사이에 상태 유지 이 변수에 액세스하려면 우리는 어떤 종류의 기능 누가이 변수를 외부로 가져올 수 있는지, 함수 안에 함수가 있어야합니다 다음과 같은 함수를 만듭니다 _getData 및이 getData 돌아온다 str 이 변수는 비공개 변수입니다

만큼 잘 우리가 만든 기능은 비공개입니다 이 함수를 public으로 만들기 반환 우리는 접근 할 수있다 이 _getData 으로 이름 getData 이 의회 만든다 _getData 공공의 이와 같은 함수를 만들면 private입니다 우리가 반환을 사용할 때 공개된다 모든 전화 이전 상태를 유지할 것이다

폐쇄 때문에 이 변수는 닫혀 있고 상태는 유지된다 모든 전화에서 나는 국가를 유지할 수있다 종결은 두 가지를한다 개인 변수에 액세스하는 데 도움이됩니다 둘째 이 기능 이 변수를 둘러 쌉니다

이것 때문에 국가가 유지된다 사용 클로저는 두 가지 용도로 사용됩니다 하나는 사적인 변수에 접근하는 것이다 함수 두 번째 것은 상태를 유지하기 위해 우리는 우리가 논의 할 곳에서 별도의 비디오를 시작할 것입니다 자바 스크립트에서 객체 지향 프로그래밍을하는 법 JavaScript로 객체 지향 프로그래밍을 할 때 실제 구현에 대해 이야기 할 것입니다

포인트 넘버 9 JavaScript에서 매우 중요합니다 IIFE 바로 호출 됨 기능 표현 먼저 함수를 만들고 함수를 호출하십시오 우리는 함수를 만들지 만 반복해서 사용하지는 않습니다 해당 페이지에 대해서만 기능 만들기 함수를 생성하자마자 바로 호출 할 것입니다 우리는 IIFE 함수를 별도로 호출하기 때문에 함수 이름을 줄 필요가 없다

다음 것은 바로이 함수를 호출하십시오 이 함수는 생성되고 즉시 실행됩니다 이 함수의 이름은 지정되지 않고 익명 함수로 지정됩니다 이걸 실행해라 "안녕하세요"가 표시됩니다

즉시 호출 된 함수 식 사용 시작 코드를 실행하고 싶다 포인트 넘버 10 자바 스크립트에서 그것은 매우 중요하다 "this"키워드에 대한 이해 브라우저 실제로 HTML을 파싱합니다 html을 파싱하면 그 안에 DOM이 생성됩니다 DOM 계층 구조가 생성되었습니다

JavaScript가이 DOM 계층 구조에 액세스 할 수 있습니다 "이" ~이다 브라우저의 맨 위 윈도우 객체 언제 우리가 JavaScript에서 모든 종류의 변수 또는 객체 만들기 첨부 됨 창 개체로 이 변수 첨부되어있다 창 개체로 이 값을 windowx 이 경우 출력은 10이됩니다 둘 다 위해 창문 쓰기보다는 "this" 변수, 클래스, 함수를 만들 때마다 모두 붙어있다

"이" 포인트 번호 11 자바 스크립트에서 수업은 기능입니다 에서 온 사람들 C # 및 Java 배경 이 모든 것을 class 키워드라고 부르며, 객체, 상속, 다형성, 추상화, 인터페이스 완전히 날아간거야 객체 지향 프로그래밍 언어 자바 스크립트에서 우리는 class 키워드를 가지고 있지 않다 여기에 클래스를 만들려면 함수를 만듭니다 새로운 JavaScript 사양에서는 클래스 키워드를 도입했습니다

하지만 하루가 끝날 때마다 내부적으로 기능하다 우리는 고객 클래스를 만들고 있습니다 그것은 customerCode 속성을 가지고있다 과 CustomerName 속성 자바 스크립트에서 우리는이 없습니다 클래스 키워드 속성을 만들려면 이 변수 이름 메서드를 만들려면 thisgetFullDetails 이 고객 클래스 내부적으로 함수이다

적절한 클래스가 아니다 존경하지 않는다 객체 지향 프로그래밍의 원리 이 CustomerCode는 전역 변수입니다 창 개체에 붙어있다 다음 강연에서 이 비디오의 제 2 부 JavaScript를 사용하여 적절한 객체 지향 프로그래밍을 수행하는 방법을 설명합니다

어떻게 창조하다 적절한 수업 존중 추상화, 캡슐화, 상속, 다형성 구현 이 파트 1에서는 우리가 보았다 11 점 C # 개발자가 있어야하는 JavaScript 그것에 대해 알기 대단히 감사합니다

The Chainsmokers & Coldplay – Something Just Like This ( cover by J.Fla )

오래된 이야기들을 읽어보았어 I've been reading books of old 전설이나 미신 같은 그런거 The legends and the myths 아킬레스와 그의 황금 이야기나 Achilles and his gold 헤라클레스와 그의 힘에 대한 이야기들 Hercules and his gifts 스파이더맨의 능력이나 Spiderman's control 배트맨의 주먹 And Batman with his fists 그리고 분명한건 난 이 목록에 없다는 거야 And clearly I don't see myself upon that list 그녀는 내게 물었어 She said 어디 가고 싶어? "Where'd you wanna go?" 얼마나 위험한 걸 감수하고 싶은데? "How much you wanna risk?" 난 초능력을 가진 사람을 찾는게 아냐 I'm not looking for somebody with some superhuman gifts 무슨 영웅이나 Some superhero 무슨 동화 속 행복을 바라지 않아 Some fairytale bliss 그냥 의지하고 Just something I can turn to 입맞춤 할 수 있는 Somebody I can kiss 그런 사람을 찾고 있어 I want something just like this 난 그냥 그런 걸 원해 I want something just like this 내가 원하는건 그게 다야 Oh I want something just like this 난 바로 그런 걸 원해 I want something just like this 오래된 이야기들을 읽고 있었어 I've been reading books of old 전설과 미신 같은 것들을 The legends and the myths 그들이 말한 성경 이야기들과 The testaments they told 달과 월식에 대해 The moon and its eclipse 그리고 슈퍼맨은 날아오르기 전에 And Superman unrolls 망토를 펼치지 A suit before he lifts 근데 난 그런게 어울리는 사람이 아냐 But I'm not the kind of person that it fits 그녀는 내게 물었어 She said 어디 가고 싶어? "Where'd you wanna go?" 얼마나 위험한 걸 감수하고 싶은데? "How much you wanna risk?" 난 초능력을 가진 사람을 찾는게 아냐 I'm not looking for somebody with some superhuman gifts 무슨 영웅이나 Some superhero 무슨 동화 속 행복을 바라지 않아 Some fairytale bliss 그냥 의지하고 Just something I can turn to 입맞춤 할 수 있는 그런 사람을 찾고 있어 Somebody I can kiss 난 그냥 그런걸 원해 I want something just like this 난 그런걸 원해 I want something just like this

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 인증을 적용하는 방법 대단히 감사합니다 🙂

Explain Jquery with a example ? ( Jquery Interview questions)

이 비디오에서 우리는 이해하려고 노력할 것입니다 Jquery 란 무엇이며 Jquery의 간단한 예도 볼 수 있습니다

Jquery는 재사용 가능한 자바 스크립트 라이브러리입니다 자바 스크립트 코드를 단순화합니다 Jquery는 Javascript를 대체하지 않는다는 것을 기억하십시오 Jquery는 자바 스크립트에서 파생되었습니다 그래서 Jquery는 도서관입니다

자바 스크립트는 언어입니다 Jquery는 Javascript 맨 위에 위치합니다 개발이 쉽고 Javascript 코드가 쉬워집니다 Jquery가 Javascript 코드를 단순화하는 방법에 대한 간단한 데모를 할 수 있습니다 여기에 아주 간단한 html 텍스트 상자가 있습니다 우리가 가서이 텍스트 박스를 설정한다고 말하게한다

Hello Jquery에 우리가 자바 스크립트로해야한다면 우리가 어떻게하는지 여기에 스크립트 태그를 넣을 것입니다 자바 스크립트에서 HTML 요소를 참조하려면 DOM을 사용해야합니다 즉, 문서 객체 모델 이드로 documentget 요소를 여기에 써야합니다 그래서 그것은 txt1이고, 나는 여기서 말할 것입니다

과 안녕 Jquery Javascript의이 신텍스가 너무 길고 비밀 스럽다는 것을 알 수 있습니다 내가 이걸 실행하면 아무 일도 일어나지 않을거야 그냥 가서 Hello Jquery를 표시 할거야 전체 구문이 어떻게 짧아지는 지 볼 수 있습니다 Jquery를 사용한다면 이미 Jquery는 아무 것도 아니라 재사용 가능한 라이브러리라고 말했듯이 우선이 라이브러리를 다운로드하여 라이브러리 참조를 프로젝트에 추가해야합니다

우리가 여기에 사이트에 가자 Jquery 파일을 구할 수있는 사이트는 Jquerycom/download입니다 이 사이트에 간다면 여기 Jquery 파일의 버전이 많이 있다는 것을 알 수 있습니다 Jquery 1

x 및 Jquery 2x와 같은 Jquery 2x는 새 버전입니다 이 비디오를보고 있다면 5 년 후에 말하게하십시오 Jquery 5

x가있을 수 있습니다 현재 이것은 최신 버전입니다 이 파일을 다운로드하고 다운로드 할 수 있습니다 이 파일을 프로젝트 폴더에 저장합니다 당신은 그것이 내 프로젝트 웹 어플리케이션 4임을 알 수 있습니다

나는 이것을 여기에서 구할 것이다 Jquery 파일을 여기 내 프로젝트에 추가하십시오 여기에 기존 항목 추가라고 말하고 있습니다 이 Jquery를 추가하겠습니다 2

11minjs 다음 비디오에서는이 minjs가 무엇인지 이해하려고 시도 할 것입니다

여기에이 Jquery 파일을 열면 거기에 자바 스크립트 코드가 있음을 알 수 있습니다 이게 정확히 Jquery 프로젝트에 관한 것입니다 재사용 가능한 라이브러리입니다 이 파일에 정확히 무엇이 기록되어 있는지 들어 보지 않겠습니다 그것이 어떻게 진행되고 여기서 구문을 단순화하는지 보도록하겠습니다

프로젝트 내에 Jquery 파일을 포함하면 다음으로 Jquery 파일을 참조해야합니다 aspx 페이지 또는 aspx 페이지에 Jquery 파일을 여기 내 페이지로 드래그 앤 드롭 할 것입니다 너는 지금 볼 수있다 Jquery 파일이 포함되었습니다 페이지에 Jquery 구문은 SSS 형식으로 작성됩니다

이 SSS 형식은 무엇입니까? 모든 Jquery 구문은 달러 기호로 시작됩니다 먼저 달러 기호로 시작해야한다는 것입니다 두 번째는 요소를 선택하고 선택해야한다는 것입니다 예를 들어 현재 우리 요소는 txt1입니다 이 요소를 선택하려면 여기에 # txt1을 써야합니다

그리고 마지막 하나는 가서 명령을 쏘는 방법을 쏴야한다는 것입니다 이 순간에 나는 가서 값을 설정하고 싶다 에 여보세요 Jquery Jquery 커맨드를 작성할 때 먼저 달러 기호로 시작해야합니다 첫 번째 S는 두 번째 S입니다 요소를 선택해야합니다

이 경우 우리 요소는 txt1입니다 가서 명령을 쏘아 라 현재 우리는 텍스트 상자의 값으로 설정되어 있습니다 이제 볼 수 있습니다 이 Jquery Syntax가 자바 스크립트 코드를 단순화 한 방법 최고 Javascript 코드 document

getElementById를 살펴보십시오 그 다음 value 달러 기호로 시작하는 요소를 선택하십시오 너의 명령을 해고했다 나는이 부분을 여기서 논평 할 것이다

그래서 이걸 실행하면 출력은 절대적으로 동일합니다 안녕 Jquery 하지만이 Hello Jquery는 Jquery 구문을 사용하여 표시됩니다 이 동영상을 즐겼 으면 좋겠습니다 이 비디오에서 우리는 다음을 수행했습니다 처음 정의 된 Jquery는 Jquery와 Javascript의 차이점을 이해하려고합니다

우리는 Jquery 파일을 다운로드 할 수있는 곳에서부터 Jquery의 간단한 Hello 예제를 보았습니다 정말 고맙습니다

How to Create Bootstrap Card Hover Effect ( jQuery )

안녕하세요 모두, 그 akshay 및 일일 수업료 YouTube 채널에 오신 것을 환영합니다 이 튜토리얼에서는 호버 효과가 적용된 간단한 부트 스트랩 카드를 만듭니다

먼저 부트 스트랩 카드를 만듭니다 그런 다음 그림자를 추가하고 jover를 사용하여 호버 아웃 효과로 호버를 만듭니다 자습서를 시작하기 전에 이 채널에서 더 새로운 사용자라면 구독 버튼을 클릭하고 종소리 아이콘 또한 자습서에서 Let�s 버튼을 누르는 것을 잊지 마십시오 그래서 let 's가 시작되도록하기 전에

비주얼 코드 편집기에서 프로젝트 파일을 만들고 스톡 폴더에 몇 가지 이미지를 추가하십시오 이 자습서에서는 세 가지 이미지를 사용하고 있습니다 이제 html 파일 호출 인 indexhtml을 작성하십시오 그리고 그 직후에 style

css 파일을 만들 것입니다 이 파일에서 html 발췌 문장을 추가하고 페이지 제목을 변경합니다 그런 다음 부트 스트랩 CSS 파일을 추가합니다 이 CDN을 복사하여 머리에 붙여 넣으십시오 그 후에도 style

css 파일을 링크 할 것입니다 그런 다음 스크립트 태그를 삽입하여 js 파일을 추가하십시오 부트 스트랩이 jquery 슬림 파일을 사용하고있는 것을 볼 수 있습니다 이 파일을 제거하고 jquery minjs 파일을 추가하려고합니다

슬림 파일에는 애니메이션 기능이 없으므로 호버를 만들고 호버 아웃 효과를 만들기 위해 우리는 애니메이션 기능을 사용하고 있습니다 따라서이 함수를 사용하기 위해이 파일을 제거하고 jqueryminjs 파일을 사용합니다 그냥 복사해서 여기에 붙여 넣으세요

이제 부트 스트랩 카드를 만듭니다 이것을 생성하기 위해서 div를 컨테이너 클래스로 추가 할 것입니다 그런 다음 행을 추가하고이 행에 세 개의 열을 만듭니다 이 세 개의 열은 모두 하나의 카드를 포함합니다 이제 부트 스트랩 카드를 만듭니다

부트 스트랩 웹 사이트에서이 부트 스트랩 카드 코드를 복사 할 수는 있지만 가장 좋은 방법은 이 코드를 수동으로 적어 두는 것입니다 그래서 우리는 카드 클래스로 div를 만들고 스타일 폭 18 rem을 추가합니다 이 카드에 이미지 태그를 추가하고 이미지 소스를 지정합니다 그런 다음 alt 텍스트를 지정하고 클래스 카드 img top을 추가하십시오 그런 다음 카드의 본문 부분을 만듭니다

div를 클래스 카드 본문에 추가합니다 본문에는 카드 제목 클래스가있는 h5 제목 레벨 태그를 삽입합니다 그런 다음 단락 태그를 추가하고 데모 텍스트를 삽입합니다 따라서이 웹 사이트에서이 데모 텍스트를 복사하여 단락에 붙여 넣습니다 그 후에 버튼 기본 클래스가있는 앵커 태그를 추가하여 기본 부트 스트랩을 만듭니다

단추 그리고이 버튼의 이름을 읽으십시오 이제 프로젝트를 실행하십시오 라이브 서버 확장을 설치 했으므로이 파일을 마우스 오른쪽 단추로 클릭하고 간 서버로 열어 이제 첫 번째 카드가 생성됩니다

이제 두 번째 열에 두 번째 카드를 만듭니다 두 번째 카드를 만들려면 카드 클래스로 div를 만들고 너비를 추가하십시오 그런 다음 img 태그를 만들고 이미지 원본, 대체 텍스트 및 클래스를 지정하십시오 그런 다음 카드의 본문 부분을 만듭니다 그래서 카드 바디 클래스로 div를 만들고 카드 제목 클래스로 제목 레벨 태그 인 h5를 추가하십시오

그리고 포트폴리오 텍스트를 추가하십시오 그런 다음 카드 텍스트 클래스로 단락을 만들고 데모 텍스트를 추가하십시오 그 후 카드 하단에 부트 스트랩 기본 버튼을 만듭니다 그거야 두 번째 카드가 만들어집니다

이제 우리는 세 번째 카드를 만들 것입니다 이것을 만들려면 두 번째 카드 코드를 복사하여 세 번째 카드를 만드는 데 사용하십시오 따라서 이것을 복사하여 세 번째 부트 스트랩 열에 붙여 넣으십시오 원본 이미지와 카드 제목 텍스트 만 변경하십시오 이제 세 장의 카드가 모두 만들어졌습니다

나는이 카드들에 여백을 더하고 싶었다 따라서 두 번째 카드에 남은 여백을 추가하고 세 번째 카드에 남은 여백을 추가합니다 그리고 나는이 카드들을 중심에두기 위해 stylecss 파일에 코드를 몇 개 쓸 것입니다 style

css 파일에서 컨테이너 클래스를 만듭니다 여백 상위 8 %와 여백 8 %를 추가하십시오 그래서 우리는이 카드들을 중심에 두었습니다 그 다음, 우리는이 카드에 사용자가 마우스를 가져갈 때 섀도우 호버 효과를 생성 할 것입니다 그래서 style

css에서 콜론 호버 카드를 추가 할 것입니다 Webkit box shadow를 추가하고 rgb alpha color로 그림자 값을 지정하십시오 먼저 firefox와 chrome에이 속성을 추가합니다 그런 다음 일반 CSS 속성을 지정하십시오 이제 호버 쉐도우 효과가 제대로 작동합니다

하지만이 카드에 더 많은 효과를 추가하고 싶었습니다 그래서 우리는 script 태그를 생성하고 hover를 수행하는 jquery 함수를 생성 할 것입니다 호버 아웃 효과 먼저 문서 준비 기능을 추가합니다 이 함수는 페이지 DOM이 자바 스크립트 코드를 실행할 준비가되면 실행됩니다

그런 다음 jquery selector를 추가하고 4 열을 지정합니다 그리고 호버 기능을 만듭니다 따라서 호버 기능의 첫 번째 매개 변수에 함수를 추가합니다 이 함수는 html 요소 위에 마우스를 올리면 실행됩니다 이 함수에서이 점 애니메이션 함수를 호출합니다

그리고 CSS margin top-1 %를 지정하십시오 따라서이 속성은 요소 위로 마우스를 이동하면 위쪽에서 여백 1 % 여백을 제거합니다 둘 이상의 CSS 속성을 지정할 수 있습니다 그리고 duration을 지정하여 애니메이션이 실행되는 시간을 결정하십시오 그 후 우리는 호버 기능에 대한 두 번째 매개 변수를 만듭니다

여기서는 쉼표를 추가하고 기능을 만듭니다 이 기능은 호버 아웃 효과를 만듭니다 따라서 요소에서 마우스 커서를 움직이면이 함수가 실행됩니다 그래서 우리가 이전에 만든 함수는 동일하지만 마진 상위 0 %를 지정합니다 이 함수는 요소 위로 마우스를 가져갈 때 시작됩니다

따라서이 함수는 요소에서 마진 상위 1 %를 제거하고 기본값으로 돌아갑니다 여백 8 %를 Stylecss 파일에서 정의합니다 그리고 기간을 지정하십시오 세미 콜론으로 문을 닫습니다

그리고 프로젝트를 실행하십시오 jqueryminjs 파일을 지정하기 때문에이 함수가 작동하지 않는 것을 볼 수 있습니다 이 함수

그래서 페이지로드 스크립트 함수가 먼저 실행되고 jquery 파일이 포함됩니다 그래서이 문제를 해결하기 위해 jquery 파일을 아래에서 제거하고 머리 그래서 문서가로드 될 때 jquery 파일에는 먼저 스크립트 함수가 포함됩니다 실행 따라서 프로젝트를 실행하면이 멋진 효과를 볼 수 있습니다

이 효과를 html 요소에 추가 할 수 있습니다 그래서 그거야 우리는이 멋진 호버 효과를 카드에 만들었습니다 이 효과는 웹 사이트 또는 블로그에서 사용할 수 있습니다 마음에 의문 사항이 있으면 비디오 댓글 섹션에서 저에게 의견을 말하십시오

그리고 당신이 도움이되고 구독을 누르면이 비디오가 마음에 드는 것을 잊지 마십시오 벨 아이콘 단추입니다 우리는 다음 비디오에서 당신을 볼 것입니다 그때까지 행복하게 지켜봐 주셔서 감사합니다