윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 61강 - 파트1 종료 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 61강 - 파트1 종료

페이지 정보

조회: 578

본문

※ 영상을 선명하게 보기 안내

유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
팝업목록에서 "품질" 선택하세요.
원하는 해상도를 선택해주세요.

※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.

윤인성님의 javascript강의 청각장애인을 위한 자막

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 입문 3판 61 강

되겠구요
이번 강의에서는 12.6 철의 예외 강제 발생 부터 예외처리 뒷부분까지
진행하도록 하겠습니다
결단 예외 강제 발생 이라는 게 뭔지 애매한 경우가 있는데요
예외를 강제로 발생 시킨다는 것은 오류를 실행중에 강제로 일으킨다 는
뜻입니다
예를 들어서 얼얼 주로 안녕하세요 라고 출력을 하고
2개를 출력하도록 하겠는데요 이 가운데서 쓸어 올을 입력을 하고 뒤에다가
문자열로
테스트 에러 라는 식으로 입력을 해 주시게 되면 테스트 테러 라는 오류가
강제로 발생되게 됩니다
한번 코드를 저장하고 실행해 보도록 할게 0
코드를 실행하게 되면 안녕하세요 라는 글자를 출력을 하고요
두번째 안녕하세요 는 출력되지 않는 모습을 볼 수 있습니다
이는 중간에 우리가 쓸어 5 라는 키워드를 사용해서 예외를 강제로 발생
시켰기 때문에 오류가 발생 해서 그 뒷부분이 실행되지 않는 것이라고 할
수 있습니다
배를 강제로 발생 시킬 때는 스로우 키워드를 사용한다. 굉장히 간단한
이야기 되겠는데요 이 스로우 키워드를 언제 활용하는지 가 이제 처음
공부할 때 굉장히 애매합니다
일단 가장 지초 적인 사용 방법을 보여 드리게 되면 우리가 어떤
프로그램을 만들 때는 어떤 흐름을 우리가 생각을 하고 그 흐름에 대한
구조를 만들게 될 겁니다 예를 들어서 어떤 함수로 생성자 함수를 뭐
만들게 될 거고 이 내부의 섬
어떠한 메서드를 만들게 되거나 하게 될텐데요
이렇게 구조를 다 잡아 놨는데 정작 내부의 구현한 시간은 없고 지금
퇴근해야 하는 거죠
그럴 때는 뭐 나중엔 구현하겠습니다 라고
요러한 형태로 나 두는 경우가 있는데요 요렇게 놔두고 사실 일주일 정도
지나게 되면 우리가 이 나중에 구현하겠다는 말을 까먹는 경우가 있어요
그래서 이럴 때는 스로우 키워드를 사용해서
나 dm 쿨리 먼지들 라는 식으로
놔 두게 되면 나중에 이걸 수행할 때
만약에 스로우 키워드를 사용하지 않고 주 속으로만 뒀다면 그냥 실행이
되는데 뭔가 안되는 어디서 문제가 났는지 찾기 힘든 상황이 발생하게
되지만 테스트에 인스턴트 를 생성하고 이 내부에 있는 메소드를 실행을 할
때 전날인 플리 먼 티드 라는 부분이 걸리게 되면 은 구현이 안 됐다는
것을 확실하게 오류로 잡아낼 수 있겠죠
그래서 확실하게 오류를 내고 싶을 때 사용을 하게 됩니다
이외에도 조건문을 대신해서 사용하는 분도 있으시고 뭐 굉장히 다양한 활용
방법이 있기 때문에 모든것을 설명할 수 없는데요
일단 예외를 반드시 발생 시 켜야 하는 경우에 사용을 한다.고 기억을 해
주시면 좋겠습니다 그럼 어쨌거나 12.7 잘 조금 더 나아가지 부분은
이전에 살펴 보았기 때문에 12.7 점일 저런 넘어가도록 하 게 9 0
12.7 점 이 절의 외부 자바 스크립트 파일에 대해서 살펴보도록
하겠습니다
사실 예외 처리와 관련된 내용은 아닌데 이 다음 내용을 알아보기 위해서는
필요하기 때문에 미리 짚고 넘어 간다고 생각해 주시면 좋겠습니다
철저한 외부 자바스크립트 파일 이란 말은 html 페이지가 아닌 이외
부의 자바스크립트 파일을 선언을 하고 사용 한다.는 말인데요 파일에서 새로
만들기 파일 등 을 누르셔서 자바 스크립트 파일에 누를 수 있게 되면
자바스크립트 소스 코드를 입력할 수 있는 화면이 나타나게 됩니다
이렇게 만들어진 자바스크립트 파일 된 어떠한 경로에 저장을 하게 되고요
간단하게 이름을 스크립트 점 제이스 라고 주도록 할게요
이러한 형태로 저장을 하게되면 html 페이지와 어떠한 상대적인 종로를
갖는 위치에 요 파일이 저장 될 겁니다
몇가지 상황을 살펴보기 위해서 간단하게 홀더 또 하나 만들고
요 스크립트 파일을 복사를 해서 내부의 다도 넣어 보도록 하겠습니다
어쨌거나 일단 우리는 요 같은 폴더에 있는 녀석을 가져오는 방법과 요
폴더 내부에 있는 녀석을 가져오는 방법 그리고 몇가지 상대 경로 입력
방법에 책에서 조금 더 나아가서 살펴보도록 하겠습니다
일단 스크립트 파일을 가져오는 가장 기본적인 방법은 스크립트 태그를
입력을 하고 소스 속성을 입력한 뒤 여기에다가 스크립트 의 경로를
입력하는 것입니다
원래는 절대 경로를 입력하는 게 가장 전체적인 몹쓸 네임 을 입력한다.
라고 생각하시면 되는데요
절대 0 노란
요렇게 hp 로 시작하는 습지 말하는 녀석 그리고 어떠한 주소
네이버 다음 컴이 라고 하면은 며 녀석으로 리가 었어 리트 라고 부르
거든요 그래서 었어 리티 부분과 뒤에 있는 경무 부분 이경 었어 리 티
안에 있는 모 테스트 라는 폴더 내부에 있는 테스트 점 js 파일을
가져온다 그러면 요러한 식으로 입력을 하게 되는데요
유전체를 입력하는 것을 우리가 절대 경로 입력 이라고 부르게 됩니다
뭐 절대 url 이라고 부르는 경우도 있으니까 기억을 해 주시면
좋겠는데요
일단 가장 기본적인 첫번째 상대 경로 지정 방법은 그냥 같은 폴더에 있을
때 스크립트 점 js 를 그대로 입력하는 거 라고 생각해주시면 되겠습니다
이렇게 스크립트 점 js 를 입력을 하게 되면 자기와 같은 폴더 같은
경로에 있는 스크립트 파일을 가져오게 됩니다
두번째 입력 방법은 앞에다가 점 으로 시작하는 무언가를 입력하는 거라고
할 수 있겠는데요 이점 하고 슬래시 를 입력을 해 주시고 스크립트 점
js 를 입력하게 되면 요 앞부분이 현재의 경로 라는 의미가 됩니다
따라서 현재 경로에 스크립트 점 js 를 가져와 라는 말이 되구요
점 점 을 입력을 하게 되면 상위 폴더를 의미를 하게 됩니다 따라서 자기
경로 해서 상위 폴더에 있는 스크립트 파일을 들고 알아 그리고
모두 내부에서는 테스트 라는 폴더를 입력을 하신다면 요러한 식으로 입력을
하시면 되겠고
뭐 다양한 방법으로 활용하실 수 있을 겁니다 추가적으로 몇가지가 더
있는데요 예를 들어서 http 와 https 가 입력하는 것이 굉장히
혼동 될 경우에는 요 앞에 있는 스키마 부분을 제거를 하고 슬래시 2개
로 시작하는 상대경로 도 입력을 할 수 있습니다
요렇게 입력을 하게 되면 요 / 부분이 자동적으로 현재 웹 브라우저로
접속해 있는 htp 라면 hp 가 자동으로 입력이 되고
lhp s 라면 https 가 자동으로 입력이 됩니다
사실 옛날에는 대부분 요런걸 사용을 안했는데요 최근에 http 와
https 를 실수 로 혼재 에서 사용하는 경우가 많기 때문에
요렇게 사용하는 경우도 많다 라고 기억을 해 주시면 좋겠습니다
어쨌거나 요렇게 스키마를 생략하는 형태가 있을 수 있고 경로를 생략하고
입력하는 형태 you're 썰이 틀을 제거하고 입력하는 형태 그리고
아이에요 경로까지 생략을 하고 바로 현재 위치에서 찾아 들어가는 방법 체
가지가 있다 라고 지역을 해주시면 좋겠습니다 우치 그 문이 경로를 폴더
경로 라고 비유를 해서 표현을 했는데요 실제로는 폴더 경로는 아니고 웹
서버에서 구성한 경로를 의미를 하게 됩니다
웹서버는 우리가 이후에 배울 것이기 때문에 그때 다시 설명하도록 할게요
자 그럼 어쨌거나
요 아래에 있는 두 가지 방법으로 하나는 현재 폴더에 테스트 폴더안에
스크립트 점 js 를 들고 있고요
아래에는 현재 폴더에 스크립트 점 js 파일에 들고 오게 됩니다
참고적으로 요 스크립트 태그 간 내부의 아무것도 입력하지 않아서 이렇게
적으신 은 분들도 있고 한데
요렇게 적도 되면 아예 실행이 안 되기 때문에 주의를 해 주시면
좋겠습니다
어쨌거나 요러한 형태를 입력을 하게 되면 스크립트 점 js 있는 내용을
이 안에다가 실행중에 자동으로 붙여 넣기 됩니다
예를 들어서 어려울 때 라는 이름으로
다른 파일입니다 를 출력을 하도록 하고 뭐 va 알로
테스트 라는 변수에 테스트라고 넣게 되면
뉴 내용이 그대로 복사가 되서 실행 중에 이 안에 붙게 됩니다 따라서
실행을 했을 때 다른 파일입니다 라는 경고 창도 출력을 할 것이고
저어 내부에서 선언한 변수인 테스트도 실행할 수 있게 될 겁니다 그러면
요러한 형태로 파일을 한번 저장을 하고 실행해 보도록 하겠습니다
코드를 실행하면 다른 파일입니다 라는 글자를 출력하는 모습을 볼 수
있구요
이어서 테스트 라는 문자열 그러니까 테스트라는 변수 안에 있던 값을
출력하는 모습도 확인할 수 있습니다
따라서 요러한 형태로 스크 외부에 있는 자바스크립트 파일을 가져와서
사용할 수 있다라고 기억을 해 주시면 좋겠습니다
참고적으로 비주얼스튜디오 한국어판을 쓰실 때는 요 다른 파일 입니다 라는
글자가 깨져서 출력되는 경우가 있는데요 그럴 때는 파일에서 다른 이름으로
저장 을 눌러서 요 저장 오른쪽에 있는 아래 버튼을 누르고 인코딩하여
저장을 눌러서 인코딩을 선택하고 저장 해 주시면 좋겠습니다
사실 한국에서는 예가 자동으로 한국어 전용 이후 ck 알을 먹이게 되는
데요
현대에서는 이제 6시 체어를 거의 안쓰고 utf-8 을 쓰기때문에
utf-8 을 선택을 해서 저장을 해주시면 좋겠습니다
또 다른 에디터 에서도 인코딩으로 인한 출력 문제는 굉장히 많이 발생하기
때문에 utf-8 로 저장해서 사용한다.고 기억을 해 주시면 좋겠습니다
그럼 마지막으로 연습문제 도 한번 프로포즈 도록 하겠는데요
연습문제 일반 다음 중 예외를 강제로 발생 시킬 때 사용하는 키워드는
무엇인가요
그냥 써 오라고 기억을 해 주시면 되겠구요 이번 파일 캣츠 파이널 에
구문으로 처리할 수 없는 코드는 무엇인가 연대 트라이 키즈파이 널려
구문은 실행중에 발생하는 오류만 잡을 수 있고 그 이전에 발생하는 신택스
에러는 잡을 수가 없습니다 따라서 구 문 쪽으로 아예 문제가 있는 녀석을
잡으면 되는데요
답은 3번 되겠습니다 뉴 라는 키워드가 대문자로 쓰여져 있기 때문에 뉴
던바 라고 입력을 하게 되면 그냥 식별자 2개를 띄어쓰기 로 연결해서
쓴것이 되는데요
식별자 2개를 띄어쓰기 로 연결해서 쓰는 구문은 자바스크립트의 없기
때문에 신택스 오류가 여기에서 발생하게 됩니다
3번 예외처리 부문의 조합으로 옳지 않은 것을 고르시오 라고 되어있는데요
예외처리 구문은 트라이 캐치 파인 알리 의 순서로 와야 되면 파인 어디를
썼을 경우에는 캐치를 생략해도 됩니다
최신 웹브라우저에서 든요 어쨌거나 간단하게 살펴 보게 되면 첫 번째
트라이 캐치 순서대로 썼으니까 오케이 d90 두번째 트 와이파이 난리
어쨌거나 순서대로 썼으니까 ok 가 되겠고
요 세 번째 있는 2
와이파이 널리 캐치 는 순서가 옮겼기 때문에 안 되는 것으로 보시면
되겠습니다
참고적으로 일반과 다 본보기가 같네요
어쨌거나 이렇게 파트 원 에 있는 자바스크립트 와 관련된 내용을 모두
끝냈는데 용
아마 지금까지 처음 프로그래밍을 공부를 하신다면 엄청나게 많은 내용을
배워 가지고 약간 머리가 복잡할 실 분도 있을 거라고 생각을 합니다
그래서 처음부터 다시 한 번 읽어 봐야겠다 고 생각하시는 분도 있을
거라고 생각을 하는데요
절대 그러지 마시고 계속해서 내용을 진행을 하시기 바랍니다
사실 이 이전까지의 내용은 우리가 숲을 전체적으로 살펴보고 숲에 있는
나무를 하나하나 살펴보았다 고 생각을 해 주시면 되는데요
실제로 여러분이 자바스크립트를 사용해서 하고 싶어하시는 건
예를 들어 제이쿼리 를 사용을 한다.던지 아니면 여러분이 제이쿼리 를
넘어서 리 액트 를 배우려고 한다. 던지 아니면 이런 걸 다 떠나서 자동화
도구를 만들려고 한다. 던지 아니면 일렉트론 으로 데스크탑 애플리케이션을
만들고 싶어 한다. 던지 아니면 dl et la 팁으로 모바일
애플리케이션을 만들고 싶어하던 던지 노드 js 를 활용해 기계 학습을
한다.던지 노드 js 를 활용해 웹 서버를 만들 때에 따라서 그 앞으로
여러분이 나가실 경로에 따라서 이전에서 조금 더 살펴봐야 하는 내용이
다르게 됩니다 따라서 현재 단계에선 이전에 있는 내용 중에 어떠한 것을
비중 있게 봐야 되고 어떠한 것을 조금 건너 뛰어도 되는지에 대해서 알
수 없으실 거에요 그래서 일단 이후의 내용을 계속 진행을 해 나아
가시면서 어떠한 나무가 내가 가는 길에 필요한지를 보시고 모두 살펴보았을
때 그때 다시 앞부터 내용을 살펴 보실 것을 추천 합니다 럭 2에서 계속
2 전거를 보게 되면 문법 밖에 못하는 분이 되구요
지금부터 의 내용을 그냥 낳아 가시게 되면 문법을 조금 몰라도 내가
원하는 걸 만들 수 있는 사람이 될 거라고 생각을 합니다
사실 최종적인 길에 도착을 하면 모두 뭐 수렴하기 때문에 문법도 잘 알게
되고 자기가 원하는 것도 만들 수 있게 될 텐데요
그전에 나아가는 과정에서 는 계속 아래쪽에 머물러 있는 것보다는 그
위쪽에 있는 것을 잠시 계속 살펴보면서 두 가지를 같이 보안을 해주시면
좋겠습니다
어쨌거나 그럼 다음 강의 부터 제이쿼리 에 대해 나가 보도록 하겠는데요
정말 쉬워요 지금까지 내용에 비해서 정말 쉽고 재미있다 라고 생각하실 수
있는데요
따라서 다음 강의 부터 재미있게 j 커리를 공부해 보도록 하겠습니다
어쨌건 오늘 강의는 여기까지 되겠구요 다음 강의에서 뵙도록 하겠습니다
감사합니다.