할당 연산자(assignment operator)란 오른쪽 피연산자의 값을 왼쪽 피연산자에 할당하는 것이다. 이름 단축 연산자 의미 할당 x = y x = y 덧셈 할당 x += y x = x + y 뺄셈 할당 x -= y x = x - y 곱셈 할당 x *= y x = x * y 나눗셈 할당 x /= y x = x / y 나머지 연산 할당 x %= y x = x % y 지수 연산 할당 x **= y x = x ** y 왼쪽 시프트 할당 x > y 부호없는 오른쪽 시프트 할당 x >>>= y x = x >>> y 비트 AND 할당 x &= y x = x & y 비트 XOR 할당 x ^= y x = x ^ y 비트 OR 할당 x |= y x = x | y

파싱(parsing: 구문 분석)은 하나의 프로그램을 런타임 환경(예를 들면, 브라우저 내 자바스크립트 엔진)이 실제로 실행할 수 있는 내부 포맷으로 분석하고 변환하는 것을 의미합니다. 즉, 파싱은 문서의 내용을 토큰(token)으로 분석하고, 문법적 의미와 구조를 반영한 파스 트리(parse tree)를 생성하는 과정입니다. 브라우저는 HTML을 DOM 트리로 파싱합니다. HTML 파싱에는 토큰화와 트리 구조가 포함됩니다. HTML 토큰에는 시작 태그와 마침 태그가 포함되며, 속성 이름과 값도 포함됩니다. 형식을 잘 갖춘 문서라면 파싱은 직관적이고 빠르게 진행될 것입니다. 파서(parser)는 토큰화된 입력값을 문서에 파싱하며, 다큐먼트 트리를 구성합니다. HTML 파서가 이미지와 같은 비블로킹 자료(..

C.S 루이스 를 읽으며 책 읽기와 글쓰기의 함정에 대해 생각해 본다. 읽기와 쓰기는 기본적으로 사고를 넓히고, 생각의 깊이를 더해가는 과정이지만, 여기엔 치명적인 함정이 존재한다. 바로, 삶을 머릿속에 가둬버리는 것이다. 그렇게 되면 삶은 정말로 머릿속에 존재하는 것이 되며, 인간은 점차 무기력해지고 만다. 앎과 실천은 사실 동떨어진 것이 아니다. 인간은 아는 만큼, 아는 대로 살아가는 존재다. 아는 만큼 살아가지 못한다면, 제대로 알지 못하고 있는 것이다. 가장 중요한 건 환자가 어떤 것도 행동으로 옮기지 못하게 막는 일이다. 이 새로운 회개에 대해 아무리 생각을 많이 한들 행동으로 옮기지 않는 한 전혀 문제 될 게 없어. 그 하찮은 짐승이 자기 머릿속에서만 뒹굴게 하거라. 글재주가 눈곱만큼이라도 있..

자바스크립트를 공부할만한 독학 사이트를 정리해서 올려본다. 올리다보니 독학의 개념이 무엇인가 혼란스러워지기도 하지만, 어쨌거나 자바스크립트 공부에 좋은 사이트와 자료를 발견하는 대로 계속해서 업데이트해 보려한다. 자바스크립트 학습 플랫폼 1. Exlskills 순차적인 흐름을 따라 자바스크립트를 공부할 수 있다. 중간 중간에 짤막한 확인 문제가 나와 해당 내용을 잘 이해했는지 확인할 수 있다. 설명이 간결하고 쉬우며, 인터페이스가 깔끔하다. 문제는 가끔가다 문제풀이시 오류가 난다. 자바스크립트가 완전 처음이라면 살펴볼만 하다. JavaScript Fundamentals Course - EXLskills Learn all the core concepts of programming in JavaScript ..

자바스크립트 객체 인스턴스에 대해 알아보기 전에 기술적 측면을 먼저 살펴보자. 객체란 우리의 실제 생활에 있는 대상을 프로그래밍적으로 구현한 것이다. (이 글은 를 번역한 것입니다.) 코드는 컴퓨터에게 특정한 대상[객체]을 설명하는 역할을 한다. 코드는 대상의 속성은 무엇이며, 이러한 대상이 무엇을 할 수 있는지[메소드]를 설명한다. 다음은 사람이라는 대상을 객체로 표현한 것이다. function Person(name, age, gender, greeting) { this.name = name; this.age = age; this.gender = gender; this.greeting = function() { alert('Hi! I\'m.' + this.name + '.'); }; } 이제 해당 객체..

누군가 내게 얼마나 큰 행복을 느끼고 싶냐고 묻는다면, 요가 매트만큼의 행복이라고 대답하겠다고 조금 전 요가 매트에서 운동을 하며 생각했다. 물론 나는 요가를 전혀 할 줄 모르지만, 플랭크를 할 요량으로 얼마 전 요가 매트를 구매한 바 있다. 지난 날 버거운 현실 속에서 가슴이 무거운 날이 올때면, 나는 운동을 하곤 했다. 운동은 언제나 외부에서 경험한 부정과 거절과 실패에도 불구하고 여전한 나 자신을 발견할 수 있게 했기 때문이다. 그러니 내게 운동이란 숱한 부정과 긍정 이전에 존재하는 나 자신을 재발견하는 일이었다. 몸과 마음이 유독 뻐근한 저녁. 요가 매트를 꺼내 운동을 했다. 뭉쳤던 몸이 풀리니 신기하게도 굳었던 마음도 조금씩 풀리는 거 같았다. 그러다 문득 요가 매트만큼의 행복이란 문구가 머리를..

배열(Array)은 객체(Object)와 다르게 순서가 존재하며, 서로 다른 데이터 유형이 자유롭게 담길 수 있다. 즉, 배열에는 원시 데이터 유형과 객체 데이터 유형이 모두 담길 수 있다(배열 안에 객체가 담긴다든지, 배열 안에 또 다른 배열이나 함수 등이 모두 담길 수 있음). 다음은 w3schools에서 제공하는 자바스크립트 배열 속성과 메소드 테이블을 번역한 것이다. 자바스크립트 배열 속성 속성(Property) 설명 constructor 배열 객체의 프로토타입 함수 리턴 length 배열의 길이를 지정하거나 배열의 길이를 리턴 prototype 배열 객체에 속성 또는 메소드를 추가 자바스크립트 배열 메소드 메소드(Method) 설명 concat() 두 개 혹은 그 이상의 배열을 결합하고 결합된 ..

자바스크립트의 화살표 함수는 ES6에서 도입되었으며, function 키워드 대신 =>(arrow notation 또는 fat arrow라 함)를 사용한다. 다음 예시에서 보듯, 화살표 함수 생성은 아규먼트[파라미터] 다음에 =>를 사용하고 함수의 바디를 적는다. 함수가 하나의 아규먼트를 취할 경우 괄호를 생략할 수 있으며, 함수 바디가 하나의 구문만을 포함하는 경우 중괄호와 return구문을 생략할 수 있다. 또한 화살표 함수는 언제나 익명이며, 따라서 이를 변수에 할당할 수는 있으나, function 키워드처럼 이름을 만들 수는 없다. 다음은 에서 가져온 화살표 함수 예시다. const f1 = function() { return "hello!"; } // 또는 const f1 = () => "hel..