자바스크립트를 처음 공부하는 입장에서 가장 난감한 것 중 하나가 용어의 의미를 제대로 이해하기 어렵다는 것이었다. 그 중에서도 한글로 읽으면 어떤 의미인지 알 거 같으나, 정작 프로그래밍 용어로는 정의하기 어려운 용어들이 바로 '값, 표현식, 구문, 리터럴'이었다. 이번 포스팅에서는 해당 용어들을 정리해보려고 한다. (각 용어의 개념 정의는 위키북스 를 참고했다.) 값이란? 값은 표현식의 결과이다. 최대한 쉽게 적어보려 했지만, 개인적으로 상당히 난감한 정의라 생각한다. 표현식의 의미를 아직 모르는 데, 표현식의 결과라는 문장을 어떻게 이해해볼 수 있을까? 우선, 여기서는 다음 예제를 보고 의미를 직관적으로 이해해 보는 것이 좋을 것 같다. 다음이 값이다. 1 30 + 10 표현식이란? 이제 표현식에 대..

Node.js 개념 Node.js는 구글의 V8 자바스크립트 엔진을 사용하는 런타임 환경으로 2009년 라이언 달이 개발했습니다. Node.js는 브라우저 이외의 환경에서 자바스크립트를 실행하기 위해 설치하여 사용합니다. Node.js를 통해 기존에는 브라우저에서만 작동할 수 있었던 자바스크립트를 다양한 곳에서 사용할 수 있게 되었으며, 서버 사이드 애플리케이션 개발 등 백엔드 영역에서도 자바스크립트를 사용할 수 있게 되었습니다. 물론, 기존에 브라우저에서 작동하는 자바스크립트를 동일하게 실행할 수도 있습니다. Node.js는 페이팔, 넷플리스, 링크드인, 네이버 등의 기업에서 실제로 사용되고 있습니다. V8 자바스크립트 엔진의 특징 자바스크립트 엔진(V8)은 자바스크립트를 실행하는 힙과 콜 스택으로 구..

자바스크립트 for... in 구문은 객체의 키 및 속성 값을 반환하는 데 사용할 수 있으며, 다음과 같은 형태로 반복할 객체의 프로퍼티를 받을 변수를 선언하여 사용한다. (예제 출처는 MDN). const object = { a: 1, b: 2, c: 3 }; for (const property in object) { console.log(`${property}: ${object[property]}`); } // 출력값 // "a: 1" // "b: 2" // "c: 3" 한 가지 주의할 점은 for.. in 구문은 임의의 순서로 객체 속성을 반복한다는 것이다. for... in 구문은 특정 순서에 따른 값 반환을 보장하지 않는다. 따라서 배열 반복에는 사용하지 않는 것이 좋으며, 객체의 속성을 확인하..

자바스크립트에는 ||(or), &&(and), !(not) 세 가지의 논리 연산자가 존재한다. 명칭은 논리 연산자지만, 불리언 뿐만이 아닌 모든 데이터 유형에 사용할 수 있다. 참고로 && 연산자가 || 연산자보다 우선 순위가 높아 먼저 실행된다. || (OR) 자바스크립트에서 || 연산자는 비교하는 값 중 최초의 truthy 값을 찾아 리턴한다. result = value1 || value2 || value3; 위의 예시에서 || 연산자는 왼쪽부터 오른쪽으로 차례대로 연산을 수행하며, 결과가 true 일 경우 연산을 멈추고 해당 값을 리턴한다. 만약, 모든 값이 false 일 경우, 가장 마지막 값을 리턴한다. 다음은 MDN에서 소개하고 있는 || 연산자 예시다. o1 = true || true // ..

오랜만에 고등학교 친구를 만나 함께 저녁을 먹었다. 이제는 오래전 이야기가 되어 버린 지난 학창 시절 이야기들을 하나 둘 꺼내 보다, 호숫가를 따라 걸었다. 새롭게 건축되고 있던 아파트들에 둘러 쌓인 가을 골목의 풍경들. 차가운 공기 속에서 서로를 껴안고 있던 연인들. 가맥집 앞에서 전화 통화를 하며 담뱃재를 털어내는 아저씨들. 마스크를 쓴 채 아이들의 손을 잡고 횡단보도를 건너던 가족들을 우리는 지나온 터였다. 어둠을 밝히는 조명을 따라 산책길이 이어졌고, 한 걸음 내딛는 발 아래에서 느껴지는 작은 나무다리의 떨림을 새삼스러워하며 걸었다. 한 걸음, 한 걸음 걷다 보니 어느새 호수를 한 바퀴 다 돌았고, 연꽃잎이 듬성듬성 보이는 호수의 끝자락에서 우리는 좁고 으슥한 길로 들어섰다. 시지푸스의 밤은 어떠..

웹 개발자란 무엇이며 어떤 일을 할까요? 원문보기 20세기 말부터 인터넷은 급격하게 발전해 왔습니다. 오늘날 지구상의 거의 모든 이들이 매일 인터넷을 사용합니다. 웹 개발자는 많은 보수를 받는 흥미로운 직업 중 하나로 부상했습니다. 웹 개발자는 무엇이며, 정확히 어떤 일을 할까요? 이번 글을 통해 우리는 웹 개발자란 무엇이며, 웹 개발자의 유형과 함께, 웹 디자인과 웹 개발 간의 논쟁들을 살펴볼 것입니다. 또한, 웹 개발자들에게 가장 잘 알려진 프로그래밍 언어인 파이썬, 자바스크립트, HTML에 대해서도 이야기 할 것입니다. 웹 개발자의 주된 특징들은 무엇인가요? "웹 개발자란 무엇인가요?"라는 질문에 답하기 위해 우리는 웹 개발자는 어떤 일을 하며, 어떻게 이 일을 하는지 살펴봐야 합니다. 웹 개발자 ..

오늘날 프로그래밍은 가장 인기있는 기술 중 하나입니다. 실제로, "소프트웨어 엔지니어"는 업계에서 가장 많은 수요를 자랑하는 직업이기도 합니다. 프로그래밍을 공부하는 과정은 어려워보일 수 있습니다. 이는 종종 잘못된 방식으로 프로그래밍을 배우려 하기 때문인데요. 사람들은 복잡한 프로그램을 만들고 싶어합니다. 기본적인 지식도 없으면서 말입니다. 저도 그랬어요. 대학에서 안드로이드 워크숍에 참여했는데, 당시에는 자바의 기초도 모르던 때였습니다. 당연히 대부분을 이해하지 못했죠. 아마도 비슷한 경험을 하신 분들이 많을 거라 생각합니다. 그리고는 프로그래밍이 어렵다고 생각하셨겠죠. 그래서 훨씬 덜 좌절스러운 방식으로, 아니, 재밌는 방식으로 프로그래밍을 배울 수 있는 방식을 소개해 드리려 합니다! 아래의 방법들..

메타(meta) 태그를 사용하는 이유는 HTML을 통해 만든 웹페이지를 브라우저가 개괄적으로 판단할 수 있도록 도움을 주기 위해서다. 우리는 웹을 훑어보고 어떤 주제와 내용을 담고 있는지 살펴볼 수 있다. 그러나 브라우저는 인간처럼 그렇게 하지 못하기 때문에, 메타 태그를 설정해 줌으로써 브라우저가 웹을 더욱 잘 이해할 수 있게 도와주는 것이다. 즉, 메타 태그를 통해 웹에 대한 개략적인 정보를 제공하고, 브라우저는 이를 통해 보다 체계적인 분류를 진행한다. 가장 일반적으로 널리 사용되는 태그는 다. 이는 브라우저가 웹페이지를 해석하는 방식(디코딩)을 지정해주는 것인데, 이를 인코딩 과정이라 한다. 참고로 UTF-8(8-bit Unicode Transformation Format)이란 전 세계 모든 문자..