
[JS] JavaScript 객체와 불변성
2022. 7. 20. 22:46
🔥 Front-End/JavaScript
기본형 데이터와 참조형 데이터 데이터 타입의 종류 자바스크립트 데이터 타입은 기본형, 참조형 이렇게 크게 두가지로 볼 수 있습니다. 기본형은 할당이나 연산시 복제되고 참조형은 참조됩니다. 엄밀히 말하면 둘 모두 복제를 하긴 하지만, 다만 기본형은 값이 담긴 주솟값을 바로 복제하는 반면 참조형은 값이 담긴 주솟값들로 이루어진 묶음을 가리키는 주솟값을 복제한다는 점이 다릅니다. 불변값(Immutable Value) 기본형 데이터들은 모두 불변값(immutability을 띕니다. 기본형이 궁금하시다면, [JS] 모던자바스크립트 Deep Dive - 데이터 타입 6장 데이터 타입(Data Type) ES6부터는 7개의 데이터 타입을 제공한다. 7개의 데이터 타입은 원시 타입(Primitive Type)과 객체 ..

[JS] JavaScript의 append를 이용한 HTML 요소 생성하기
2022. 5. 15. 00:16
🔥 Front-End/JavaScript
위와 같이 홈페이지 상품 목록을 생성한다고 가정해보겠습니다. HTML에 요소들을 직접 생성해서 하드코딩할 수도 있겠지만, 데이터가 변경될 때마다 HTML 요소를 계속해서 직접 수정해줘야하는 번거로움이 생깁니다. 반면, 배열과 JavaScript를 이용하면 데이터가 변할때마다 변경사항을 자동으로 반영할 수 있습니다. JavaScript를 이용하면 DOM 객체에 접근하여 HTML 요소를 직접 생성, 수정, 삭제할 수 있습니다. 아래의 비어있는 HTML 요소인 div 클래스 row에 상품 리스트를 추가해보겠습니다. 상품 리스트가 배열안에 객체 형식으로 담겨있습니다. let products = [ {id: 0, price: 70000, title: "꽃무늬 원피스"}, {id: 1, price: 50000, t..

[JS] 1. Call Stack & Event Loop
2022. 3. 22. 22:39
🔥 Front-End/JavaScript
GitHub - yjs03057/33-js-concepts: 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 모든 자바스크립트 개발자가 알아야 하는 33가지 개념. Contribute to yjs03057/33-js-concepts development by creating an account on GitHub. github.com Javascript는 싱글 스레드 언어 Javascript는 싱글 스레드 언어입니다. 즉, 한 번에 하나의 작업 혹은 한 번의 코드 조각을 처리할 수 있습니다. 엄밀히 말하면, Javascript의 메인 스레드인 이벤트 루프가 싱글 스레드입니다. 하지만 이벤트 루프만 독립적으로 실행되지는 않고, 웹 브라우저나 nodeJs의 도움을 받아 멀티스레드처럼 실행이 됩니다. 즉,..

[JS] 변수
2022. 3. 22. 22:16
🔥 Front-End/JavaScript
04장 변수(Variable) 변수란 무엇인가? 왜 필요한가? 애플리케이션은 데이터를 다룬다. 아무리 복잡한 애플리케이션이라 해도 데이터를 입력(input) 받아 처리하고, 그 결과를 출력(output)하는 것이 전부다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀(memory cell)의 집합체이다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장(write)하거나 읽어(read) 들인다. 각 셀은 고유의 메모리 주소(memory address)를 가진다. 이 메모리 주소는 메모리 공간의 위치를 나타내며, 0부터 시작해서 메모리의 크기만큼 정수로 표현된다. 메모리에 저장..