배운 것, 공부한 것, 메모할 것 1. JavaScript - 자바스크립트 완벽 가이드 3장 다 읽고 JS30 두 개 하기 2. TypeScript - 타입스크립트 프로그래밍 3장까지 정독하기 3. 알고리즘 - 코드트리 강의 듣고 문제풀기,, 요새 알고리즘 너무 안 했네,, 명시적 변환 Number() 함수는 문자열을 정수나 부동 소수점 리터럴로의 변환을 시도한다. 이 함수는 10진 정수에만 동작하며, 리터럴의 일부가 아닌 문자는 모두 무시한다. 전역 함수 parseInt()와 parseFloat()는 좀 더 유연하게 동작한다. parseInt()는 오직 정수 부분만 유지하지만 parseFloat()는 정수와 부동 소수점 숫자를 모두 유지한다. 문자열이 0x나 0X로 시작할 경우 parseInt()는 이..

const num = 2; const numObj = { num: 2 }; 이 코드를 보면, num 변수에는 2가 들어있지만, numObj에는 { num:2 } 오브젝트가 메모리에 들어 있는 주소인 참조값이 할당된다. 예를 들어.. {num:2} 오브젝트의 주소가 x123이라고 한다면 x123이 할당된다는 것이다. 배열로 연결해서 생각해 보자. const array = [ { id: '1', count: 0 }, { id: '2', count: 0 }, ]; 여기서 생성된 오브젝트는 id가 1인 것, id가 2인 것, 그리고 배열 자체의 오브젝트 이렇게 해서 총 3개의 오브젝트가 생성된다. 그렇다면, const array = [ { id: '1', count: 0 }, { id: '2', count: 1..

이 글은 인프런의 TypeScript 입문 - 기초부터 실전까지 강의를 듣고 정리한 글입니다. 첫 번째 장점: 에러의 사전 방지 이러한 자바스크립트 코드가 있다고 해 보자. 이런 코드는, 제대로 정의가 되었는지, 오류가 없는지 등을 브라우저를 실행해야지만 확인할 수 있다. 반면에 이렇게, JSDoc 방식으로 타입 정의를 하게 되면 response.를 쳤을 때 뒤에 이런 식으로 지정해둔 형태를 사용할 수 있게 된다. 34행의 response.address.city의 경우, cit 이런식으로 의도적으로 오타를 작성한다면 자바스크립트에서는 별다른 alert가 없지만 타입스크립트에서는 있지 않은 속성(property)이라는 오류를 코드 상에서 띄운다. 이것이 타입스크립트가 자바스크립트에 비해 가진 장점이라고 할..

프로미스 자바스크립트와 노드에서는 주로 비동기를 접한다. 특히 이벤트 리스너를 사용할 때 콜백 함수를 자주 사용한다. ES2015부터는 자바스크립트와 노드의 API들이 콜백 대신 프로미스(Promise) 기반으로 재구성되며, 악명 높은 콜백 지옥 현상을 극복했다는 평가를 받고 있따. 프로미스는 반드시 알아둬야 하는 객체이므로 여기뿐만 아니라 다른 자료들을 참고해서라도 반드시 숙지해야 한다. 프로미스는 다음과 같은 규칙이 있다. 먼저 프로미스 객체를 생성해야 한다. const condition = true; // true면 resolve, false면 reject const promise = new Promise((resolve, reject) => { if (condition) { resolve("성공"..

오늘은 .. SPA 구현을 위한 걸음마를 떼었다. 어제 Ajax는 서버 기반이 있을 때만 눈으로 확인이 가능하다는 것을 알게 되었고 내가 그나마 조금이라도 할 줄 아는 건 Django였기 때문에 (Node.js도 할 줄은 알지만 진짜 기초중에서도 기초밖에 몰라서 생각을 안해봄) Django를 이용해서 Ajax통신을 연결하고, 버튼을 눌렀을 때 새로고침 없이 views.py에서 데이터를 불러와서 내보내주는 과정을 구현했다. Django 서버 연결 후 execute 버튼을 누름으로써 views 내에 있는 data를 불러왔다. Ajax에 대해 이제야 걸음마를 좀 뗀 수준인데, 아직 저기에서 보다시피 문제가 있다. data 내 Organization에 대해 for문을 돌리도록 설계를 했는데, 내가 원하는 건 S..