모던 웹을 위한 JavaScript + jQuery 입문 3판 14강 - 2장 조금 더 나아가기 > javascript

무료강좌-디비라

javascript

자바스크립트 강의 리스트

※ 가장 하단이 첫강좌입니다

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 14강 - 2장 조금 더 나아가기

본문

※ 영상을 선명하게 보기 안내
  1. 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
  2. 팝업목록에서 "품질" 선택하세요.
  3. 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
윤인성님의 javascript강의 청각장애인을 위한 자막
15444120238843.jpg

 안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 이익만 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 를 다룰 텐데 그때
변수를 선언할 때는 요 4 키워드와 컨트 키워드를 적절하게 섞어 가면서
어떠한 식으로 사용을 하게 되는지 그 때 가서 설명하도록 하겠습니다
뭐 그래도 일단 답을 좀 알고 가면 좋을 텐데요 일단 대부분 컨트롤 선언
하라는 것을 목표로 하시구요
컨트롤 선언했을 때 문제가 되면 그때 그 컨트 키워드로 선언한 녀석을
레스 로 바꿔주시면 됩니다
예를 들어서 컨테스트 컨설턴트의 이끌 12 라고 하고 코드를 막 작성을
하다가 콘스탄트 에다가
컨 스턴트 플러스 10을 넣는 코드를 작성을 하고
녀석을 출력을 했다 라고 가정을 해봅시다
이렇게 가정을 하게 되면 코드를 실행 했을 때 해당 부분에서 오류가
발생했다는 것이 뜨게 되어 컨 스턴트 바리어 브랜 할당을 할 수 없는데
d 가 할당을 해서 타입 에러가 발생했다고 뜨게 되는데요
요러한 것이 떴을 때 에어컨 스쿼드를 상콤하게 레스 로 변경을 해 주신
다음에 사용을 해주시면 되겠습니다
어쨌거나 책의 보게 되면 조금 더 자세한 내용이 나와 있는데요
한번쯤 읽어보시고 레스 로 변수를 전 하느라고 컨셉트로 상수를
1000원을 한다고 기억을 해 주시면 좋겠습니다
어쨌거나 오늘 강의는 여기까지 되겠구요 다음 강의에서 뵙도록 하겠습니다
감사합니다.

댓글 0개

등록된 댓글이 없습니다.

 
Total 83건 1 페이지
썸네일
제목

Menu