나만의 작은 도서관

오늘 배운 내용콜백 함수, promise, async/await.... 이런 기능들이 자바스크립트에 있는 이유는 바로 비동기 실행 코드 때문이다. 대표적으로 fetch()함수는 promise객체를 반환하는데, 반환하기 전까지 다른 코드를 실행하지 않는 것이 아니라 요청만하고 다음 줄 코드가 실행된다. 이런 이유 때문에 fetch()함수가 끝났을 때 실행되야 하는 의존성을 가진 코드가 먼저 실행되는 문제가 발생하게 되는데 이런 문제를 해결하기 위해 콜백 함수, promise, async/await가 존재한다.(사실 콜백함수는 조금 얘기가 다르다.)클로져라는 개념이 자바스크립트에 존재한다. 갈비지 컬렉터와도 연관되어있는 클로져는 내부 함수의 수명이 외부 함수보다 길 때, 외부 함수가 수명이 다해도 해당 변수..

오늘 배운 내용깃허브에 코드를 올릴 때 API 키 값과 같은 올라가면 안되는 일부 내용을 여러가지 방법으로 숨길 수 있다. 리액트에서는 .env라는 것을 사용하고, 깃허브 자체 내에서는 Action을 사용해 코드를 노출하지 않을 수도 있다. 여러 가지 방법들이 존재하기 때문에 상황에 맞는 방법을 찾아 적용하는 것이 좋아보인다. 백틱(` `)을 사용하면 변수에 저장된 값을 아주 쉽게 문자열에 넣을 수 있다. 이 형식은 C언어의 printf문이나 C#의 format형식과 상당히 유사한데, 자바스크립트의 백틱은 html도 넣을 수 있기 때문에 아주 유용하다.키보드의 엔터 키의 키 코드는 13으로, event의 keyCode를 (e.keyCode === 13)와 같이 사용했을 때 엔터 키를 눌렀다면 true로 ..

오늘 배운 내용자바스크립트에서 함수는 무려 일급 객체이다. 일급 객체란 특정 조건을 만족하는 객체를 의미하는데, 1)변수, 2) 매개변수, 3) 리턴 값, 4) 객체의 속성, 5) 배열의 원소에 할당할 수 있어야한다. 놀랍게도 함수는 모두 가능하여 일급 객체라는 명칭을 받게 되었다.this 키워드는 함수가 호출될 때 결정된다. 속성의 메소드가 호출되었다면, this는 해당 메소드를 가진 객체가 된다. 객체 없이 함수에서 this가 호출되었다면 this는 전역 객체가 되어 브라우저 환경에서는 window, node에서는 global이 된다.호이스팅의 규칙 중 하나는 함수는 선언부 뿐만아니라 그 내용까지도 같이 끌어올려진다는 것이다. var변수와 달리 함수는 모든 내용이 최상단으로 올라가기 때문에 어느 곳에..

오늘 배운 내용자바스크립트에서 함수를 변수에 저장하는 경우 var변수를 사용해야 하는 특별한 이유는 없다. 오래된 변수 타입이기 때문에 여기저기 var타입으로 선언된 경우가 보일 뿐, 되도록이면 let이나 const변수로 선언하는 것이 더 낫다. 자바스크립트는 객체 지향적인 설계가 가능하다. 생성자 함수를 만들거나 get, set함수를 이용해 함수 내부의 값을 가져오는 캡슐화가 되고, 상속 또한 키워드로 존재한다."렌더링(Rendering)"이라는 단어는 해석, 번역이라는 뜻을 갖고 있다. "렌더링을 한다" 와 같은 말을 종종 듣는데, 여기서 렌더링은 그래픽을 가져오는 작업이라는 뜻보다 그래픽 데이터를 담은 코드의 구조를 해석하는 작업이 더 맞다.자바스크립트에서는 구조분해할당( Destructu..

오늘 배운 내용 객체들을 하나로 병합할 때, 중복된 키 값이 있다면 해당 키는 키 값을 가지는 마지막 객체의 값을 가진다. 자바스크립트 파일은 웹 브라우저 콘솔에서도 실행할 수 있다. 단, 노드의 환경과는 초기 this값이 다르기에 이 점을 알고 있어야 한다. 콜백함수는 여러 번 중첩하여 사용하면 가독성이 매우 떨어지는 코드가 나온다. 이를 해결하기 위한 리팩토링 방식이 여러 개 있다는 것을 알게 되었다. 각 리팩토링 방식은 내일 정리해봐야겠다. 오늘 한 일 어제에 이어서 웹개발 종합반 강의 3주차, 4주차를 봤다. 웹개발 종합반 강의 1주차 강의 내용을 전부 정리했다. https://pledge24.tistory.com/173 [JavaScript] 기초 3. 형변환(casting) 유의사항: 해당 글..

오늘 배운 내용 자바스크립트에서 let, const, var의 특징과 차이점을 알게되었다. 자바스크립트에서는 숫자 자료형이 number 하나밖에 없다. 자바스크립트에서는 변수 또는 함수 매개변수에 함수를 넣을 수 있다. 오늘 한 일 자바스크립트 문법 종합반 강의 1주차 듣기 자바스크립트 문법 종합반 강의 2주차 듣기 들은 강의 정리해서 블로그에 글 포스팅(2개) https://pledge24.tistory.com/168 [JavaScript] 기초 1. 변수와 상수(var, let, const) 개요 변수와 상수는 메모리에 저장하고, 필요할 때 재사용하기 위해 만들어졌다. 오늘은 프로그래밍할 때 필요한 값을 저장하는 변수와 상수에 대해 알아보자. 변수의 5가지 주요 개념 변수 이 pledge24.tist..