자바스크립트 표현식과 연산자 개념
·
개발/JavaScript
자바스크립트에는 표현식(expression)과 표현식이 아닌 것(non-expression)이 존재한다. 이 둘을 구분하는 것이 중요한데, 표현식은 값을 산출하기 때문에 이를 변수, 상수, 속성에 담아 다른 표현식과 연결할 수 있는 반면, 표현식이 아닌 경우에는 동일한 방식으로 연견할 수 없기 때문이다. 자바스크립트 표현식 자바스크립트에서 표현식은 하나의 값을 산출해 내는 것이다. let x; x = 3 * 5; // 간단한 표현식의 예 자바스크립트 연산자 다음으로 연산자에 대해 살펴보자. 연산자는 +, -, /, *, % 등처럼 특정한 연산을 수행해 값을 도출해 내도록 하는 것이다. 이러한 연산자의 연산 순서는 보통의 사칙 연산과 같지만, 자바스크립트에는 사칙 연산 이외에도 많은 연산자가 존재한다. 실..
[JavaScript] ⑤ 자바스크립트 함수란?
·
개발/JavaScript
자바스크립트에서 함수란 무엇일까? 함수란 입력을 받고 입력(input)을 받아 출력(output)을 내보내는 일종의 작은 프로그램을 의미한다. 예시를 살펴보자. 함수란 우리가 고등학교 수학 교과서에서 본 것처럼 f(x) = x + 1과 같은 구조를 취한다. 이는 함수(f) 안에 x값을 넣으면 x+1 값이 출력되는 일종의 연산을 의미한다. function f(x) { return x = x + 1; } f(2); // 3 위 예에서 볼 수 있듯 함수는 코드 블록 내의 문으로 구성된다. f()라는 함수는 아규먼트 x를 입력값으로 받는다. 입력값이 전달되면 여기에 1을 더해 이를 반환하게 된다. 따라서 f(2)를 실행시킬 경우 3이라는 값을 얻게 된다. 자바스크립트에서 함수 선언하는 방법 자바스크립트에서 함수..
[JavaScript] ③ 자바스크립트 데이터 타입
·
개발/JavaScript
자바스크립트의 모든 값은 데이터 타입을 갖는다. 데이터 타입을 구분하는 것은 중요한데 이를 통해 메모리 크기 공간이 다르게 할당되기 때문이다. 데이터 유형은 크게 원시 타입(Primiive Type)과 객체 타입(Object Type)으로 구분된다. 이러한 데이터 유형은 값 앞에 typeof 연산자를 사용하여 직접 확인해볼 수 있다. 원시 데이터 유형 Number: 일반적인 숫자(+Infinity, -Infinity, NaN(Not a Number)가 포함됨) String: 문자 데이터로 따옴표 "" 또는 홑따옴표 ''로 감싸 표시 Boolean: true 또는 false Null: null은 null 값을 가짐 Undefined: 값이 할당되지 않은 변수는 undefined를 값으로 가짐 Symbol:..
[JavaScript] ② 자바스크립트 변수의 이해
·
개발/JavaScript
자바스크립트를 공부하는 첫 번째 단계는 변수(variable)라는 개념을 이해하는 것이다. 변수란 원하는 값을 메모리에 저장하고 이를 참조하여 사용하는 방법이다. 달리 말하자면, 변수를 선언하는 것은 값을 저장하고 식별하기 위해 저장소의 이름을 붙이는 과정을 의미한다. 자바스크립트 변수의 개념 변수에 대한 정의가 복잡하다고 느껴질 수 있다. 그러나 아래의 예시를 보면 변수가 어떤 역할을 하는지 쉽게 이해할 수 있다. let message; message = 'Hello'; alert(message); // Hello 우리는 message라는 변수를 선언했다. 그리고 여기에 'Hello'라는 값을 할당했다. alert는 브라우저의 알림창을 띄우는 코드인데, 이를 실행하면 화면에 Hello라는 문구가 출력된..
[JavaScript] ① 자바스크립트란 무엇일까?
·
개발/JavaScript
자바스크립트는 '웹페이지에서 동적인 활동'을 지원하기 위해 출시된 프로그램 언어다. 웹페이지에 대한 이해가 없다면 바로 이러한 동적인 활동이 무엇인지가 궁금할 수 있다. 이를 위해서는 먼저, 웹페이지에 대한 간략한 이해가 필요하다. 웹페이지의 이해 지금은 브라우저에서 인류의 거의 모든(?) 활동을 하는 것이 가능하지만, 초창기의 웹은 이처럼 다이나믹한 활동을 지원하지 못하는 정적인 웹(글과 이미지를 겨우 보여주는 정도)에 불과했다. 우리가 현재 보고 있는 웹페이지는 크게 HTML, CSS, JavaScript로 구성된다. HTML은 웹의 뼈대를 만들고, 콘텐츠를 추가하는 마크업 언어다. CSS는 HTML 콘텐츠를 이쁘게 꾸미는 스타일링 역할을 한다. 마지막으로 JavaScript는 페이지를 자동으로 새로..
환난과 성경의 인물들, 시편 18편 1~2절 묵상 ⏐ 일상 에세이 ⏐ 23
·
기록/일상 에세이
나의 힘이신 여호와여 내가 주를 사랑하나이다. 여호와는 나의 반석이시요. 나의 요새시요. 나를 건지시는 이시요. 나의 하나님이시요. 내가 그 안에 피할 나의 바위시요. 나의 방패시요. 나의 구원의 뿔이시요. 나의 산성이시로다. (시편 18:1~2) 우리는 때로 어찌할 수 없는 환난을 겪는다. 노력의 결과가 실패일 수도 있고, 갑작스레 실직을 하거나 부도가 날 수도 있고, 사기를 당하거나 건강이 나빠질 수도 있다. 이것들의 공통점은 환난이라는 결과가 나의 의지 밖에 속수무책으로 존재한다는 점을 깨닫게 된다는 것이다. 어찌할 수 없을 때, 우리는 비로소 자신의 밖을 돌아보기 시작한다. 내가 아닌 나 밖의 더 큰 세계를 다시 인식하기 시작한다. 그러다 이내 주눅이 들고, 우울해지고, 무기력해지고 만다. 그럴 ..
부모님과의 산책 ⏐ 일상 에세이 ⏐ 22
·
기록/일상 에세이
요즘 부모님과 함께 산책을 나가고 있다. 일명 엄마의 건강 챙기기 프로젝트에 아빠와 함께 동참하고 있는 셈인데, 집 앞 천변을 한 시간 정도 함께 걷다가 중간에 근력 운동을 조금 하고 오는 식이다. 봄이 왔는지 산책로 곳곳에 꽃이 피어 있었다. 나는 하나도 알지 못하는 풀과 꽃의 이름들을 엄마는 알고 있었고, '이것 봐!'하면서 정말 아름다운듯이 감탄해 하는 모습이 나는 그저 신기할 따름이었다. 엄마는 아무렇게나 피어 있는 것 같은 풀들이 예쁘다고 말했다. 가장 체력이 좋은(?) 아빠가 앞장서서 걷고 우리는 열심히 그 뒤를 따라 걸었다. 오늘은 천변 옆에 있는 길을 따라 걷다가 작은 산에 새롭게 올랐는데, 이제 막 핀 꽃 향기 냄새가 진동하는 곳이었다. 집으로 돌아오는 길. 엄마는 무척이나 힘들어 했다...
우울증과 불안, 어떻게 바라볼 수 있을까? 테드 명강의 추천 ⏐ 일상 에세이 ⏐ 21
·
기록/일상 에세이
우울증과 불안은 이제 너무도 익숙한 일이지만, 동시에 익숙해져서는 안되는 현상이기도 하다. 왜 점점 더 많은 사람들이 하루를 견디기 힘들어 할까? 우울증과 질병적 불안이 단순한 현상이 아니라는 것을 알기에 이에 대해 성급히 이야기 하는 것은 섣부른 행동일 것이다. 그리하여 오늘날 최선이라 여겨지는 처방전은 병원에 가서 전문의를 만나고, 상담을 받고, 약을 복용하는 것이다. 현대적인 처방이다. 그러나 문제가 전혀 없진 않아 보인다. 영상을 통해 알 수 있는 것처럼, '모든 우울과 불안에는 이유가 있기 때문'이다. 약물을 복용하는 건 처방책이지 전적인 해결책이 될 수는 없는 이유다. 인간에게는 욕구가 존재한다. 욕구란 본질적으로 '생명'을 건강하게 유지하고자 하는 내면적인 반응이다. 배가 고프면 음식을 먹고..