[FE] - HTML/CSS/JavaScript

HTML: HTML은 웹 페이지의 구조와 콘텐츠를 정의하는 기술입니다. 따라서 웹 개발을 시작하는 데 가장 기본이 되는 기술로, HTML 문법과 요소, 속성 등을 먼저 학습할 것.CSS: CSS는 HTML 문서의 스타일과 레이아웃을 정의하는 기술입니다. 따라서 HTML

HTML : HyperText Markup Language의 약자. 마크업 언어로 문서를 태그를 사용하여 표현하며, 1990년도 이후 웹에서 사용하는 문서 양식이다.현재도 개발 중이며, 다양한 기능이 추가되고 있다.멀티미디어 요소 재생서버와의 통신 : 서버 - 클라이언

Cascading Style Sheets의 약자로, 웹 페이지의 디자인과 레이아웃을 정의하는 데 사용되는 스타일 시트 언어이다. CSS는 반응형 디자인으로, 웹 페이지가 사용자의 디바이스(스마트폰, 태블릿, 데스크톱 등)의 크기와 해상도에 따라 자동으로 조정되어 최적의

CSS는 상속을 통해 부모 요소의 속성을 자식 요소에게 상속시킬 수 있다. 다만 모든 속성이 적용되는 것이 아니라 일부 속성만이 상속 가능하다. 상속 가능한 속성 : color, font-size, font-family, line-height, text-align

font 속성은 글꼴에 대한 여러 속성들을 한 번에 지정한다. font 속성은 아래와 같은 서브 속성들로 구성된다.font-family 속성은 여러 개의 값을 가질 수 있다. 값은 쉼표로 구분하며, 우선순위가 높은 글꼴부터 차례대로 목록에 나열한다. 우선순위가 높은 글

text 속성은 텍스트의 스타일을 지정하는 속성이다. 이 속성을 이용하면 텍스트의 색상, 굵기, 스타일, 정렬 등을 지정할 수 있다.color 속성을 사용하면 텍스트의 색상을 지정할 수 있습니다. 색상은 키워드나 RGB, HSL 등의 색상 표현 방법으로 지정할 수 있습

HTML이 문서의 구조, CSS가 웹 페이지 디자인을 담당했다면, JS의 경우 웹 페이지의 이벤트를 담당한다고 할 수 있다.자바스크립트(JavaScript)는 웹 브라우저에서 동작하는 프로그래밍 언어 중 하나로, 웹 페이지의 동적인 기능 구현을 위해 사용된다. 지난 시

JS 숫자 자료형의 가장 큰 특징은 숫자를 정수와 실수로 구분하지 않는 것이다.= 모든 숫자를 8Byte의 실수 형태로 처리한다(정수형이 존재하지 않는다.)= 숫자형 데이터는 number 타입으로 분류된다.하지만 편의성을 위해 정수 리터럴과 실수 리터럴을 제공한다.기본

Flexbox : 웹 브라우저에서 요소를 수평 또는 수직으로 정렬하는 방법을 제공하는 CSS 레이아웃 모듈 Flexible Box module은 flexbox 인터페이스 내의 아이템 간 공간 배분과 강력한 정렬 기능을 제공하기 위한 1차원 레이아웃 모델로 설계되었다.F

자바스크립트에는 오버라이딩이 없다. 자바와는 다르게 자바스크립트에서는 오버라이딩을 지원하지 않는다. 다음과 같은 예시의 결과는? 위 코드에서 fn() 함수는 3번 정의되었다. 이는 자바스크립트에서 함수의 이름이 같을 경우, 나중에 정의된 함수가 이전에 정의된 함

콜백 함수의 개념을 알아보던 중, 비동기 처리의 개념을 조금 확립해야 할 것 같아 추가적인 글을 작성하였다.비동기 처리(Asynchronous processing)란, 작업을 요청한 후 그 결과가 반환될 때까지 기다리지 않고 다음 작업을 수행하는 방식이다. 즉, 하나의

Window 객체는 웹 브라우저를 관리한다.Window 객체는 웹 브라우저에서 작동하는 JS의 최상위 객체라고 할 수 있다.Window 객체에는 브라우저와 관련된 여러 객체와 속성, 함수가 존재하며, 여기에는 JavaScript에서 기본적으로 제공하는 프로퍼티와 함수

이벤트(event)는 브라우저에서 발생하는 다양한 상황을 의미한다. 예를 들어, 버튼을 클릭하거나 마우스를 움직이는 등의 동작, 웹 페이지의 로딩 완료, 입력 필드에서 값이 변경될 때 등 다양한 상황이 이벤트로 간주될 수 있다.이벤트가 발생하면, 이를 처리하는 이벤트

사전 요약 :1\. 전체 페이지 갱신이 아닌 '비동기적'으로 처리하고 싶다 = Ajax를 사용하겠다.2\. 해당 기능을 구현하기 위해 XMLHttpRequest() 객체를 선언하고 이를 이용한다.3\. 하지만 XMLHttpRequest() 객체를 선언하고 반복되는 작업