앞선 설명에서 이미 return 이라는 키워드를 사용했습니다. 하지만 아직은 함수의 반환, return 이라는 개념이 명확히 들어오진 않으셨을 겁니다. 이번 시간에는 이 return이라는 개념에 대해 살펴보겠습니다.해당 내용은 Function(함수) - 데이터 반환하기
웹페이지의 구조를 정의하는 것은 HTML 입니다. 하지만 HTML만 있다고 해서 웹페이지가 돌아가지는 않습니다. 텍스트만 가득한 하나의 페이지라면 상관 없겠지만 우리가 알고 있는 거의 모든 페이지에는 JavaScript 코드가 들어가 있습니다.JavaScript(자바스
주석(Commenting)이란 '코드를 작성하긴 했지만 브라우저에서 해당 코드를 실행시키지 말고 무시하라'는 뜻으로 쓰입니다.index.js에서 회색으로 보이는 부분이 주석입니다.주석을 사용하는 이유는 여러가지가 있습니다.특정 코드가 필요 없어졌는데, 혹시 몰라서 남겨
함수란? 하나의 특정한 작업을 수행하도록 설계된 독립적인 블록입니다.변수에 이름이 있듯이, 함수도 이름이 있습니다. 함수 이름을 부르면, 함수 내에 있는 코드가 실행됩니다. 함수를 불러 실행시키는 것을 앞으로 "함수를 호출한다" 라고 표현하겠습니다. 아래 코드를 봐주세
"제 이름은 김개발입니다.""제 직업은 개발자입니다."제 이름은 무엇인가요? 제 직업은요? 바로 위에 있으니 기억하시겠죠. 컴퓨터도 사람과 같이 많은 데이터를 기억해야하는데, 이때 변수를 사용합니다.프로그래밍을 하기 위해서는 다양한 값을 다뤄야 하고, 그 값들은 각각의
JavaScript 코드에 숫자 데이터타입과 수학 표현식 을 사용하여 수학 계산을 할 수 있습니다.예를 들면 6을 할당할 때, 아래와 같이 작성할 수도 있습니다.사칙연산 등의 수학 표현식은 다음과 같이 간단하게 사용할 수 있습니다. 콘솔 창에 다음의 코드들을 직접 입력
1장(Introduction to Javascript)에서 메세지를 alert에 출력하는 법을 배웠습니다. 기억나시나요?이제까지는 alert 함수에 텍스트를 직접 입력해서 항상 같은 텍스트가 출력 됐지만, 다음과 같이 항상 바뀌는 텍스트를 보여주고 싶을 때도 있죠.안녕
if문(조건문)은 말 그대로 "만약에 ~하면 ~한다"가 컴퓨터 언어로 변환된 것입니다. 아래의 코드를 봐주세요. 3 + 3 을 계산해서 그 값이 5 보다 큰지, 아닌지 알아보는 로직을 작성했습니다.3 + 3 부분을, 다른 숫자 계산으로 바꿔보세요. 1, 2+2, 3 등
비교 연산자는 연산자 양쪽에 있는 두 값, 즉 좌항과 우항을 비교하는 연산자 입니다. 비교 연산자의 종류에는 동치 연산자(==, ===, !=, !==)와 관계 연산자(>, <, >=, <=)가 있습니다.관계 연산자는 문자열(사전순으로 비교)과 숫자(크기로
if문으로 조건문을 생성하는 법을 이전시간에 배웠습니다. 다시 한 번 볼까요?10check point위의 조건문을 보면 answer가 "선릉", "강남"일 때는 조건은 다르지만 같은 결과를 리턴 합니다. 만약 역삼, 삼성도 조건문에 추가하는데, 같은 결과를 리턴해야 한
이제는 조금 심화된 함수를 배울 시간입니다. 먼저 기본적인 함수를 만들어보겠습니다. 반드시 코드를 작성하면서 따라와주세요!아래는 alertSuccess 이름을 가진 함수의 정의입니다. 로그인이 잘 됐으면, "로그인 성공!" 이라는 alert를 띄우는 함수입니다.함수는
함수를 정의 하면서, 함수 선언식의 괄호()안에 어떤 변수명 을 쓰면, 우리는 그걸 매개변수 라고 부릅니다. 매개 변수는 그 이름처럼 실제로 함수 안쪽에서 변수와 같은 역할을 하게 됩니다. 함수가 호출될 때 값을 전달받게 되면 매개 변수에 값이 정의됩니다.어떤 함수를
이전에 함수에 데이터(인자)를 전달하는 방법에 대해 다뤄보았습니다. 이번에는 여러개의 데이터를 전달받는 함수에 대해 알아봅시다. 함수에 인수가 한 개가 아닌 여러 개 전달할 수도 있습니다. 인자를 세개 받습니다.첫번째 인자는 년도에 해당하는 숫자입니다.두번째 인자는
이전 시간에는 데이터를 받는 함수에 대해 알아보았습니다. 이번 시간에는 return(리턴, 반환) 해주는 함수에 대해 알아보겠습니다.return이라는 것은 함수를 호출했을 때, 함수가 값을 반환한다는 뜻입니다. 위의 multiplyTen 함수의 정의 → 받은 인자에 1
아래와 같이 여러 string 값을 변수에 할당해봅시다. 도시를 여러개 나열하고 싶은데 변수명을 하나하나 작명하기 귀찮아서.. city 는 통일하고 숫자만 바꿔주었습니다.아래와 같이 사용할 수 있겠죠. 도시를 변수에 전부 담아도 몇 개 안 되니까 더 추가할 수 있을 것
도시 배열을 다시 한 번 봅시다.만약 home 이 "서울"이면, "아, 여기 사시는군요"라고 alert 를 띄우고 싶습니다.만약 도시가 50개라면, 코드에 index를 0부터 49까지 추가하여 코드가 최소 100줄 정도 늘어날 것 같습니다 😆 (아이고...!)그러나
요소가 없는 배열을 선언해보겠습니다.cities 라는 변수에 빈 배열을 할당해주었습니다. 그리고 아래와 같이 요소를 하나씩 추가할 수 있습니다.그리고 6번째 요소에 미리 "제주도"를 할당해 볼까요?왠지 차례대로 요소를 추가해야할 것 같지만, 이렇게 원하는 위치에 마음
컴퓨터 프로그래밍에서는 데이터를 처리하는 것이 매우 중요한 일입니다. 이번 시간에는 자바스크립트라는 컴퓨터 언어에 어떤 형태의 데이터가 있는지 살펴보고, 각각의 특징에 대해 살펴보겠습니다.자바스크립트의 다양한 데이터 타입을 살펴보겠습니다. (MDN | JavaScrip
이제까지 쌍따옴표("") 안에 텍스트가 들어가면 String형 이라고 배웠습니다.사실은 지금까지 코드에 홑따옴표도 많이 썼습니다.쌍따옴표든, 홑따옴표든 모두 String형 값에 사용합니다.둘 중에 어떤 것을 써야 하는지는, 회사 규정에 따라 다릅니다.저는 이제까지 홑따
자바스크립트 언어의 특징 중 하나가 데이터 타입을 신경쓰지 않는다는 것입니다.이 점은 양날의 검이라고 할 수 있겠습니다.타입 체크가 쉽다는 건 다른 언어보다 편하다고 할 수 있겠지만, 코드를 잘못 짜면 자칫 오류가 날 수 있습니다.이게 무슨 소리인지? 🤨다음 코드를