나만의 작은 도서관

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

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

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 함수(function) 함수(function)는 자바스크립트에서 코드를 재사용하고 조직화하기 위해 사용한다. 함수는 특정 작업이나 계산을 수행하는 코드 블록을 나타내며, 이를 호출하여 실행하는 방식으로 동작한다. 함수 내에서 선언한 변수는 외부에서 확인할 수 없다. 단, var는 호이스팅에 의해 전역변수로 취급되므로 예외이다. 함수의 3가지 형태 자바스크립트에서 함수를 표현할 수 있는 방식은 총 3가지다(더 있을 수도 있다). 3가지 방식은 생긴 모습은 다르지만 전부 동일한 기능을 가지고 있다. 물론 3번째 방법인 화살표함수는 this와 관련해서 다른 점이 있지만 기본적인 기능을 동일하다. 1...

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 객체(Object 자료형) 자바스크립트에서 객체(Object)는 데이터의 집합으로, 키(key)와 값(value)가 쌍으로 이루어진 속성(property)의 모음이다. 객체는 중괄호 '{}'로 정의하며, 각 속성들은 쉼표로 구분하여 나열한다. 간단히 말해, 여러 개의 값을 저장할 수 있는 변수라 생각하면 된다. 객체 기본 구조 기본적인 객체 구조. 콜론(':')을 기준으로 key, value를 적는다. 아래 예제와 같이, 객체에서 각 값의 자료형이 달라도 상관없다. let person = { name: "홍길동", age: 30, gender: "남자", }; 생성자 함수를 이용한 객체 선언 t..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요 조건에 따라 진입하는 분기점이 달라지는 조건문과, 지정한 조건에 따라 같은 코드를 반복하는 반복문에 대해 다룬다. 다른 언어들에도 전부 있는 내용이니 간단히 적고 넘어간다. 조건문 조건문은 if, if - else, if - else if - else, switch, 그리고 ||연산자, &&연산자가 있다. 조건에 따른 분기점을 얼마나 넣고 싶은 지에 따라 입맛대로 골라 쓰면 된다. if 1개의 분기점이 필요할 때 사용한다. 조건에 맞는 경우만 if문 내부로 이동한다. let x = 10; if(x > 0){ console.log("x는 양수입니다"); } // Output: // x는 양수..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요 프로그래밍 언어라면 반드시 있어야 할 것 중 하나가 바로 연산자이다. 오늘은 자바스크립트에 사용하는 간단한 연산자들을 알아보자. 연산자 연산자(Operator)는 피연산자(Operand)사이 또는 옆에 존재하며, 연산을 의미한다. 산술 연산자 우리가 흔히 알고있는 더하기, 빼기, 나누기, 곱하기 처럼 수와 수를 산술적인 계산을 하는데 사용하는 연산자를 산술 연산자라고 한다. // + 연산자 우선순위(문자열이 높음), 그 외 연산자 우선순위(숫자가 높음) // 1. 더하기 연산자(+) console.log(1 + 1); // output: 2 console.log(1 + "1"); // ou..