2024/04 3

[Web] 웹 개발이란 무엇인가? 웹 개발의 변천사(Javascript, JQuery, React)

웹 개발을 배우는 이유웹 개발은 웹 브라우저와 웹 서버와 관련된 모든 것들을 개발하는 것을 통칭합니다웹은 핸드폰이나 노트북과 같은 머신에 국한되지 않고, 어디에서든지 적용이 가능합니다-> 웹브라우저는 어디든지 설치가 가능한 작은 가상의 머신(VM)이기 때문웹 개발이란?웹 개발이란 웹 페이지에 무엇인가를 보여주는 것입니다 Display things on a web page웹 페이지는 다음의 3가지 요소로 이루어져 있습니다웹 페이지의 구조를 다루는 HTML디자인을 다루는 CSS유저 인터랙션을 다루는 Javascript자바스크립트는 사용자의 입출력 데이터를 처리하고, 화면의 애니메이션을 그리는 등의 동적인 요소를 담당합니다프론트엔드는 이러한 웹 화면을 그리는 Rendering을 다룹니다..

Web 2024.04.24

자바스크립트 - 기본자료형, 참조자료형, 깊은 복사, 얕은 복사, Object.assign()

기본자료형 & 참조자료형 기본 자료형 (Primitive Value) 문자열(String) immutable 숫자형(Number) 논리형(Boolean) undefined null BigInt Symbol 참조 자료형 (Referenct Value) 객체 mutable 기본자료형과 참조자료형이 어떻게 복사되는 지 알아봅시다 기본자료형의 복사 기본 자료형(문자열 ,숫자, 불린 값 등)은 변수에 데이터를 할당할 때 데이터 값이 할당이 됩니다 따라서 다른 변수에 이 변수를 할당하면 새 변수에 데이터 값을 복사해서 할당합니다 let flower = 'Rose'; let copy = flower; // 변수 flower의 데이터 "Rose"를 할당 > 이 상태에서 원래 변수의 값을 바꾸면 어떻게 될까요? flow..

자바스크립트 2024.04.16

자바스크립트 - 객체, 프로퍼티, key, value, 메서드

객체(Object)란? 자바스크립트에서는 원시 타입을 제외한 나머지 모두가 객체입니다(함수나 배열도 객체입니다) JavaScript 내장 객체: 자바스크립트 엔진이 구동되는 시점에 바로 제공되고 어디에서나 사용이 가능(ex. Date, Number) 브러우저 내장 객체: Javascript가 구동되는 시점에 바로 사용이 가능한 객체(ex. BOM, DOM) 사용자 정의 객체: 사용자가 생성자 함수 또는 객체 리터럴로 생성한 객체 객체는 키(key)와 값(value) 한 쌍으로 구성된 속성(property)의 집합입니다 객체에는 하나 이상의 다양한 값들을 담을 수 있는데 이들 사이에 쉼표(,)로 구분을 해줍니다 Property(프로퍼티) var student = { firstName : "Judy", //..

자바스크립트 2024.04.04