윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 14강 - 2장 조금 더 나아가기
페이지 정보
- 조회
- 594
본문
※ 영상을 선명하게 보기 안내
- 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
- 팝업목록에서 "품질" 선택하세요.
- 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
윤인성님의 javascript강의 청각장애인을 위한 자막
안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 이익만 3판 14강
되겠구요저번에 잡담을 끝내고 이제 본문을 나아가 보도록 하겠습니다
일단 처음으로 배울 것은 템플릿 문자열이 욤 템플릿 문자열은 그다지
어렵지 않으니까 함께 빠르게 살펴보고 넘어가도록 하겠습니다
일단 템플릿 문자열이 란 문자를 삽입할 때 표현식을 내부의 넣는
기능이라고 할 수 있습니다
예를 들어서 간단한 예를 들어보도록 할게요 예를 들어서 어려울 뚜루
표현식 273 +
봉 27 의 값은
273 + 27
입니다 라는 코드를 작성할 했다고 합시다 암
뭐 굉장히 이야기 쉬운 간단한 코드 인데 용 + 를 이렇게 두번 을
사용해서 문자열과 숫자를 연결하기 때문에 약간 귀찮다는 생각이 드실 수
있습니다
그래서 그 귀찮은 걸 조금이라도 줄이자고 나온게 템플릿 문자 일이라고 할
수 있는데요
숫자 1 왼쪽에 있는 요 치기 티격 킥 이라는 건데 유역 팁을 사용해서
표현식 273 + 27의 값은
딸라 기호를 쓰고 꿇어 만 가루를 열어 주신 뒤 이 안에다가 표현식을
쓰시게 되면 쉽게 위와 같은 코드가 만들어지게 됩니다
뭐 굉장히 간단한 내용이기 때문에 다들 이해 하실 수 있을 거라고
생각해요
사실 이렇게 써도 되는데 왜 이렇게 쓰냐 라고 생각하실 분도 있는데요 이
쪼금 코드를 줄이는 게 굉장히 보기가 쉬워 졌죠
그래서 이 쪼끔 의 차이가 굉장히 크기 때문에 요 아래 형태 랄까 새로
만들어진 것입니다
어쨌거나 체계 67 페이지 아래 도트를 보시면 바벨 등의 변환 도구를
사용하면 변환해 주는 데 이와 관련된 내용은 책에서 다루지 않는다고
썼는데요 다뤄보도록 할게요
구글에서
바벨 젊 js 라고 검색을 하시게 되면
바벨이 라는 게 나올 거에요 요 사이트에 들어가시면 코드 변환을
이용하실수 있습니다
사실은 뭐 뒤에서 나오는 노드에서 mpm 으로 설치하고 그 mpm 으로
변환을 하는 과정을 설명 해야 겠지만 일단 간단하게 요렇게만 설명을
하도록 할게요
이렇게 이 크마 스크립트 식스 로 작성된 코드가 있으면 여기 트라이
아웃에 들어갔을 때 코드 를 입력했을 때 자동으로 이래 이 크마 스크립트
파이브 형식으로 변환을 해서 지금 + 괄호 열고 273 플러스 2 17로
변화 내준 것을 볼 수 있는데요
이런걸 이지트랜스 파일이 라고 부르게 되는데요 트랜스 파일을 사용해서 이
금아 스크립트 식스 를 기준으로 코드를 작성한 뒤 ua 크마 스크립트
파이브 로 변환을 해서 사용하는 팀도 있습니다
그런데 사실 요 자체가 완벽하지 가 않아요 그래서 그 완벽하지 않은 것을
주의해야 하는 게 또 필요하기 때문에 뭐 선택은 팀과 회사의 의견에
따르는 게 좋을 것이라고 생각을 합니다 저쨌거나 이제 조금 더 나아가지
두번째 랩 키워드와 컨트 키워드 라는게 있는데요
우리가 지금까지 변수를 만들 때는 var 이라는 키워드를 사용 했어요
근데 이 via a 라는 키워드가 굉장히 문제가 많다고
뭐 소문이 자자한 여성이기 때문에 이 녀석을 대체할 방법이 필요하다 라고
생각을 해서 만들어진 이 바로 4t 워드와 콘서트 키워드 라고
생각해주시면 되겠습니다
즉 이 크마 스크립트 씩 3선 var 키워드를 거의 99.9% 사용을 안
한다.고 생각을 해 주시면 되겠구요
9위 ar 키워드는 전부다 랩 t 워드로 대체를 할 수 있다고 생각을 해
주시면 되겠습니다
그러니까 올해 총 1 4a 로 10 이라는 값을 가진 숫자 변수를 만들
수 있고
블랙 뒤로 선언만 하고 뒤에다가 모 22 라는 값을 할당을 해서 이렇게
초기화 해서 사용하는 방법이 있습니다
사용방법은 var 로 사용하는 것과 완전히 똑같아요 그래서 얼얼 제의로
호출할 수 있고 어를 두피로 뭐 어쩔 수 있고 그래서 실행을 하면 10과
22 출력되게 됩니다
실행이 너무 단순하기 때문에 따로 설명 그 실행을 하지 않을께요
어쨌거나 랩과 va 알의 가장 큰 차이라 그러면 개발을 하다보면 이렇게
줄이 점점 길어지게 되면 은 내가 변수 이름 생각하는게 개발자가 굉장히
제일 힘든 일이라고 하거든요 그래서 이렇게 궁리를 하다 보면 같은
이름으로 변수를 이렇게 선언하는 경우가 있어요
근데 var 키워드는 이 때 어떠한 오류도 발생시키지 않습니다
그런데 랩 t 워드 같은 경우에는 오류를 발생 시키면 서 블록 뻔히
변수에 1을 다시 선언할 수 없습니다 라는 오류가 나오게 됩니다
즉 오류를 조금 더 일으켜서 개발자 의 실수를 줄이기 위해 만들어진
키워드라고 생각을 해 주시면 되겠습니다
뭐 이 이외에도 스코프 문제 등도 있는데요 스코프 문제는 사실 여기서
설명하기 어렵기 때문에 이후에 함수 부분에 가서 다시 설명하도록
하겠습니다
그래서 레티 워드 같은 경우에는 큰 문제 없을 거라고 생각을 하고요
콘 스 키워드에 대해서 3차 해보도록 하겠습니다
콘 스 키워드 같은 경우에는 콘스탄츠 의 줄인 말이구요
콘스탄티노스 창수 라는 뜻입니다
상수 라는 것은 변하지 않는 값을 의미를 하고요 항상 같은 값이 라는
뜻이고
그냥 뭐 이렇게 사용을 해주시면 됩니다 다만 항상 같은 값을 가져야 되기
때문에 무조건 선언할 때 값을 넣어 주셔야 됩니다
예를 들어서
그냥 선언을 하고 나중에 값을 변경을 하게 되면은
선언할 때 얘는 분명히 정해진 값이라고 이야기를 한 건데
나중에 변경 하는 꼴이 되어 버리죠 그래서 요 아래 코드는 문제가
발생하게 됩니다
저장을 하고 실행을 해 보시게 되면 콘솔 창에서 봤을 때 오류가 나옵니다
선언을 할 때 그 초기 값을 주지 않았다는 뜻입니다
그래서 컨셉트로 상소를 선언을 할 때는 요렇게 따로 따로 하는 방법이
절대 안 먹히고 요
무조건 적으로 선언을 할 때 같이 초기화를 해 주셔야 된다는 걸 기억을
해 주시면 좋겠습니다
상수는 왜 쓰냐고 할 수 있는데요 가장 큰 이유는 실수를 방지하기
위함입니다 변경 하면 안 되는 값을 변경하는 것을 막는 게 가장 첫번째
이유 라고 생각할 수 있구요
두번째는 변수 같은 경우에는 값을 변경 하는 그런 변화 성 있어야 되죠
그 변화 성이 없어도 되기 때문에 변수 보다 조금 더 빠르게 동작을
합니다
어쨌거나 변수와 상수의 개념을 간단하게 알아봤는데요
변수와 상태의 개념을 알아도 언제 변수를 쓰고 언제 상소를 써야 되는지
는 사실 그렇게 쉽게 떠오르지가 않아요 그래서 다른 다양한 사람들이 만든
코드를 보면서 이러한 경우엔 변절을 사용하고 이러한 경우에 창수 를
사용한다. 라고 익히는 방법 밖에 없는데요
일단 현재 단계에서는 생략을 하도록 하겠구요
우리가 파트 쓰리 부분을 넘어가면 이제 노드 js 를 다룰 텐데 그때
변수를 선언할 때는 요 키워드와 컨트 키워드를 적절하게 섞어 가면서
어떠한 식으로 사용을 하게 되는지 그 때 가서 설명하도록 하겠습니다
뭐 그래도 일단 답을 좀 알고 가면 좋을 텐데요 일단 대부분 컨트롤 선언
하라는 것을 목표로 하시구요
컨트롤 선언했을 때 문제가 되면 그때 그 컨트 키워드로 선언한 녀석을
레스 로 바꿔주시면 됩니다
예를 들어서 컨테스트 컨설턴트의 이끌 12 라고 하고 코드를 막 작성을
하다가 콘스탄트 에다가
컨 스턴트 플러스 10을 넣는 코드를 작성을 하고
녀석을 출력을 했다 라고 가정을 해봅시다
이렇게 가정을 하게 되면 코드를 실행 했을 때 해당 부분에서 오류가
발생했다는 것이 뜨게 되어 컨 스턴트 바리어 브랜 할당을 할 수 없는데
d 가 할당을 해서 타입 에러가 발생했다고 뜨게 되는데요
요러한 것이 떴을 때 에어컨 스쿼드를 상콤하게 레스 로 변경을 해 주신
다음에 사용을 해주시면 되겠습니다
어쨌거나 책의 보게 되면 조금 더 자세한 내용이 나와 있는데요
한번쯤 읽어보시고 레스 로 변수를 전 하느라고 컨셉트로 상수를
1000원을 한다.고 기억을 해 주시면 좋겠습니다
어쨌거나 오늘 강의는 여기까지 되겠구요 다음 강의에서 뵙도록 하겠습니다
감사합니다.
댓글 0개
등록된 댓글이 없습니다.