윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 2강 - 기본 용어 정리와 출력 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 2강 - 기본 용어 정리와 출력

페이지 정보

조회: 594

본문

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

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

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

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

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

2강 돼 있구용 이번 강의에서는 2장에 기본 문법 앞부분에 있는 기본
용어 부분과
숫자와 문자열 그리고 불에 대해서 살펴보도록 하겠습니다
일단 2.1 절 부분부터 기본 용어 가 나오는데요
간단하게 함께 살펴보고 넘어가도록 하겠습니다
일단 표현 식과 문장이라고 돼 있는데 표현 식과 문장에서 표현식 이란
값을 만들어 내는 간단한 코드를 의미하게 됩니다
그래서 예를 들어서 그냥 숫자 라던지 의 값을 입력하는 경우 문자 열이
라던지 의 값을 입력하는 경우 를 표현 식 이라고 부르면 되겠구요
숫자를 연산자를 사용해 계산을 하는 것도 표현식 이라고 부르게 됩니다
문장은 이러한 것들이 모여서 만들어진 한주를 의미를 하게 되는데요 사실
자바스크립트에서 는 문장의 그 정의 자체가 약간 애매하기 때문에
넘어가도록 하겠습니다 두번째로는 키워드 라는게 있는데요
키워드는 자바스크립트가 처음 만들어질 때 창시자가 지정 안 단어를 의미를
하게 됩니다
예를 들어서 자바스크립트 코드를 입력을 할때 보면은
지금 화면에 나오는 것처럼 무슨 미음 자가 있고 상형문자처럼 되어있는
요기 5로 나타나는 녀석들이
전부다 키워드라고 할 수 있습니다 사실 하나하나 외우지 는 마시구 내용을
진행하다 보면 저절로 익혀 주실겁니다
어쨌거나 다음으로 살펴보는 건 식별자 안되요
식별자 같은 경우에는 우리가 지은 이름 아니면 우리와 같은 다른
개발자들이 지은 이름이라고 생각을 해 주시면 됩니다
뭐 식별자 이는 여러 가지 규칙이 있는데요 절대로 키워드를 사용할 수
없고 숫자로 시작하면 안되고 특수문자는 믿질 과 딸락 위험한 허용을 하고
공백 문자는 표현할 수 없습니다
그래서 예를 들어서 그냥 코드 에다가
abc 라고 지시거나 뭐
이렇게 입력을 하시게 되면 요녀석을 모두 식별자 라고 부르게 됩니다
키워드를 사용하지 않았고 숫자로 시작하지도 않고 특수문자가 없으니까
괜찮고 공백 문자 도 없습니까
요 녀석들 모두 식별자 라고 부를 수 있습니다
식별자를 만들 때는 간단한 규칙이 키는 한 대용 대부분의 개발자들이
공용으로 사용하는 것이기 때문에 기억을 해 주시면 좋겠습니다
일단 생성자 함수의 이름은 무조건 적으로 대문자로 시작을 하고 이 이외
것들은 대부분 소문자로 시작하게 작성을 해주시면 됩니다
그리고 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로
한다.는 건데요
요 마지막 세번째 것이 조금 중요하고 무슨 말인지 알기 힘들기 때문에
같이 살펴보도록 하겠습니다
예를 들어서
요러한 단어를 가지고 요런 문장을 가지고 하나의 단어 식별자로 만들고
싶다고 할 때 공백이 포함되어 있기 때문에
요녀석은 식별자로 할 수 없거든요 이럴 때는 각 단어의 앞 글자를
대문자로 만들어서 요렇게 적게 됩니다
요렇게 적게 되면 은 한눈에 보고도 어느 부분에서 끊어야 되는지 쉽게 알
이해할 수 있기 때문에 많은 개발자들이 지켜서 사용하고 있는 규칙이
때문에 함께 지켜 주시면 좋겠습니다
참고적으로 이렇게 작성을 하게 되면 울퉁불퉁 안게 낙타의 등 갔다고 해서
요걸 캐멀 kg 라고 부르게 되는데요
이외에 스네이크 케이지가 있는데 고녀석 같은 경우에는 요렇게
밑줄을 써서 아이 엠 어 보이 라는 단어를 표현을 하게 됩니다
요거 같은 경우에는 파일 선이나 뭐 그런 프로그래밍 언어에서 많이
사용하기 때문에 한 번이라도 눈도장을 찍시면 나중에 다른 프로그래밍
언어를 접하실 때 쉽게 이해하실 수 있을 거라고 생각을 합니다
요러한 식별자 가 어떻게 쓰이는지 는 이제부터 자 자세히 알아 가도록 할
텐데요
요러한 식별자를 9분을 할 때는 변수 속성 함수 메서드 라는 이름으로
9분을 하게 됩니다
사실 자바스크립트에서 는 욕을 9분하는 게 큰 의미가 없긴 한데 그래도
9분을 해 두면 코드를 이해할 때 조금 도움이 되기 때문에 함께 살펴
보도록 하겠습니다
일단 변수 같은 경우에는
고냥 요렇게 있으며 뉴 녀석을 우리가 변수 라고 부르도록 할 겁니다
그냥 식별자 만 땡 하고 쓴거 를 변수 라고 부르게 되구요
만약에 어떤 식별자 뒤에 쫌 이 찍혀 있고 어떠한 식별자 가 쓰여져
있으면 우리는 요나서 그의
요 뒤에 있는 걸
속성 이라고 부르도록 하겠습니다 그리고 만약에
어떠한 식별자 뒤에 괄호 열고 다꾸 가 있으면 요녀석을 함수 라고
부르도록 하겠구요
어떠한 식별자 뒤에 2.2 치켜 있고 그 뒤에 식별자 에 과로 10구 다
꼭 아 이런식으로 되어 있다면 우리는 요 뒤에 있는 식별 자들을 메써드
라고 부르도록 하겠습니다
일단 책을 읽으면서 함께 진행을 해주시면 좋겠구요
간단하게 30일 페이지에 있는 뉴 예를 함께 보도록 하겠습니다
일단 얼티 라는 녀석인데 요녀석 뒤에는 괄호 열고 닫고 가 있죠 그래서
함수 라고 부르도록 하겠구요
요기에서 렝스 라는 녀석은 어떤 식별자 뒤 점 이 찍혀 있고 식별자 이기
때문에 속성 이라고 부릅니다
요녀석은 식별자 만 따로 혼자 있기 때문에 변수 라고 부르게 되구요
프롬프트 라는 녀석은 뒤에 괄호 열고 닫고 가 있기 때문에 함수 매스 점
파이 에서 타이 같은 경우에는 앞에 식별자 가 있고 쫌 이 찍히고 뒤에
있기 때문에 속성이라고 부르고
ms 점 abs 는 앞의 식별자 가 있고 점이 찍혀져 있는 상태에서 뒤에
괄호 열고 다꾸 가 있기 때문에 메서드 라고 부르게 됩니다
뭐 사실 처음 보면 굉장히 당황할 수 있는 부분인데요 조금 살펴 보시면
요 네 가지를 쉽게 9분할 수 있을 거라고 생각을 합니다
사실 요 네 가지는 자바스크립트 이외에 프로그래밍 언어에서 도 활용할 수
있기 때문에 꼭 기억을 해주시면 좋겠구요
각각의 내용과 관련된 것은 앞으로 계속해서 살펴 볼 거니까
일단은 9분 방법만 이해를 해 주시면 좋겠습니다
이어서 2007.절에 주석 되겠는데요
주석 이라는 건 프로그램에 영향을 끼치지 않고 설명 등의 용도로 사용하는
것을 의미를 합니다
예를 들어 섬
얼얼 때
abc 요런 코드를
3번을 사용했다고 생각을 해 줍시다
요 상태로 실행을 해 보게 되면 abc abc abc 라고 3번 출력하게
됩니다
그런데 만약 요녀석 앞에다가 주석 이라는 것을 사용하게 되면 요
초록색으로 표시된 부분은 작동하지 않게 됩니다
그래서 실행을 했을 때 a b c 라고 딱 한번만 출력하게 됩니다
주석 이라는 것은 요런식으로 실행하고 쉽지 않게 만들고 싶은 부분을
앞에다가 붙여서 처리를 하는 경우도 있고요 아니면
실행이 되지 않는 부분이기 때문에
요런식으로 설명문을 입력할 때도 사용합니다
자바스크립트 코드 내부에서는 요렇게
요걸 슬래시 라고 부르게 되는데 슬래시 2번으로 주석을 만들 수 있고
여러 줄에 걸쳐 주석을 만들고 싶을때는 슬래시 별로 열고 / 별로 닫아서
요 내부에 있는 걸 전부 주석으로 만들 수 있습니다
사실 자바스크립트 하는 관계는 없는 내용이지만
모르시는 분들이 많아서 짚고 넘어 를 가면
예를 들어서 h1 태그를 만들고
헬로 라고 입력을 하게 되면 크롬에서 요런식으로 헬로 가 출력이 되는데요
만약에 요녀석을 출력하지 않고 10만 출력하지 않게 만들고 싶을때는 꺾은
가로 열고 느낌표
대시 대시 를 눌러서
요 녀석으로 감싸 주시면 됩니다 이렇게 되면 마찬가지로 초록색 처리가
되는데 용
실행을 했을 때 요 헬로 라는 글자가 출력되지 않는 걸 볼 수 있습니다
요런식으로 어떠한 태그가 출력되지 않게 만들고 싶을 때도 쓸 수 있고
요런식으로 요 아래 있는 내용에 대한 설명을 탈 때도 사용합니다
사실 주석을 얼마나 잘 닿는 야가 프로그래머의 실력을 판단한다. 는 말도
있는데요
저같은 경우에는 주석을 안써도 이해가 되는 코드를 만들어야지
좋은 코드를 작성하는 사람이라고 생각을 합니다
어쨌거나 이어서 33 페이지에 출력에 대해서 알아보도록 하겠는데요
사실 이전 강의와 방금 한 번 써 봤죠 얼얼 트란은 것을 사용을 하시게
되면은 출력이 됩니다
얼얼 차고 괄호를 여실 때 보면 앤 얼얼 쭉 괄호 열고 메시지라고 나오게
되는데요
유아 메시지를 입력해 달라는 뜻입니다 그래서 큰 따옴표 나
작은 따옴표를 능력을 해주시고 안녕하세요 등을 입력하게 되면
실행했을 때 안녕하세요 라는 글자를 출력하게 됩니다
강해 니깐 쪼금 더 나아가서
알아본다면 콘솔 점
로그 라는 명령어가 있습니다 요 명령어를 사용하는 게 실제로 개발을 할
때는 조금 더 출력을 확인 하기 쉬운데요
안녕하세요 라고 입력을 하게 되면
실행을 했을 때 아무 출력이 없어요 근데
fcb 키를 누르셔서 요러한 디벨로퍼 툴을 띄우 심연
요 내부의 안녕하세요 라고 출력한 모습을 확인할 수 있습니다
얼얼 트 같은 경우에는 실행되는 중간에 과정을 끊기 때문에 사실 출력을
그걸로 확인할 때는 연습용 닌 이상 약간 힘들거든요
그래서 콘솔 단 로그도 굉장히 많이 사용하기 때문에
콘솔 점 록 으로 출력하는 방법 또 기억을 해 주시면 좋겠습니다
자 그래서 요렇게 두가지 방법으로 출력할 수 있다라고 기억을 해 주시면
좋겠습니다
어쨌거나 여기에서도 다시 확인을 해 보자면 이 or 트란 녀석은 뒤에
괄호 열고 다꾸 가 있으니까 함수 구
요기에서 콘솔이 란 녀석은 앞에 점도 없고 그러니까 그냥 변수 그리고
뒤에 있는 로그 라는 녀석은 앞에 점이 있고 뒤에 괄호 열고 다꾸 가
있으니까
메써드 라고 부르면 된다고 기억을 해 주시면 좋겠습니다
어쨌건 오늘 간단하게
표현식 이란 무엇인지 값을 만드는 녀석이라고 배우고 용 키워드는 언어의
창시자가 만 된
단어라고 기억을 해 주시면 좋겠고 식별자는 이외에 단어라고
기억을 해 주시면 좋겠고 변수 속성 함수 메쏘드 라는 게 있다
요게 뭔지 모르겠지만 일단 9 분이라도 하자라고 기억을 해 주시면 좋겠고
주석 이라는 게 이 땅 실행하지 않게 만들거나 아니면
설명할 때 사용한다. 라고 기억을 해 주시면 좋겠고 출력할 때는
얼얼 트 라는 함수를 사용 하거나 콘솔 점 로그 라는 메서드를 사용한다.
고 기억을 해 주시면 좋겠습니다
사실 요 뒤에 내용도 진행을 하려고 했는데 요 강의를 15분 내외로 구성
하기로 했거든요 근데 벌써 10분이 넘어 같기 때문에 오늘 강의는
여기까지 진행을 하도록 하겠습니다
그럼 다음 강의에서 뵙겠습니다 감사합니다.