front

input typetext(default) // 한 줄만 받는다.passwordemailcheckboxradioemaildatetimefile -> 파일 선택input은 기본적으로 Inline display 속성을 가진다.textarea // 여러 줄 입력select

canvas 태그2D 그래픽x, y 좌표계를 다룸기본적으로 스타일을 아무것도 갖고 있지 않음canvas.jswindow.onload = canvasAppdocument.addEventListener('DOMContentLoaded', 함수)둘은 같은 기능인데 후자를 더

storage.jsprompt() => 사용자에게 입력을 받는 함수localStorage.setItem(key, value) -> 로컬 스토리지에 데이터 저장키: 데이터의 이름storage.html

camera.jsvideo.htmlnavigator 객체디바이스, 주소 표시줄, 주소의 경로 등의 정보를 갖고 있는 객체

개발할 때는 파일이 많지만 최종적으로 사용자한테 전달할 때는 하나로 합쳐 버린 소프트웨어웹팩가장 많이 쓰이는 번들러ViteParcel실제 웹에서 실행되는 환경과 개발자들이 개발하는 환경을 분리한 것이 번들링브라우저가 기본적으로 지원하지 않는 것도 개발 환경에서 하게 되

컴포넌트를 화면에 표시하기 이전에 React에서 렌더링을 해야 한다.UI를 요청하고 제공하는 3가지 단계1\. 렌더링 트리거2\. 컴포넌트 렌더링3\. DOM에 커밋컴포넌트 렌더링이 일어나는 2가지 이유1\. 컴포넌트의 초기 렌더링인 경우 앱을 시작할 때 초기 렌더링을

React -> 렌더링 결과물에 맞춰 DOM 변경을 자동으로 처리하지만 가끔 특정 노드에 포커스를 옮기거나, 스크롤 위치를 옮기거나, 위치와 크기를 측정하기 위해서 React가 관리하는 DOM 요소에 접근해야 할 때가 있다.React는 이런 작업을 수행하는 내장 방법을

일부 컴포넌트에서는 외부 시스템과 동기화해야 할 수도 있다. React의 state를 기준으로 React와 상관없는 구성 요소를 제어할 때 서버 연결을 설정할 때 구성 요소가 화면에 나타날 때 분석 목적의 로그를 전송 ct Effect를 사용하면 렌더링 후 특정 코드

JavaScript에서 리스트를 변환하는 방식map() 함수를 이용하여 numbers 배열의 값을 두 배로 만든 후 map()에서 반환하는 새 배열을 doubled 변수에 할당하고 로그를 확인하는 코드element 모음을 만들고 {}를 이용하여 JSX에 포함시킬 수 있

React 컴포넌트 -> props를 이용해 서로 통신한다. 모든 부모 컴포넌트는 props를 줌으로써 정보를 자식 컴포넌트에게 전달할 수 있다. props는 객체, 배열, 함수를 포함한 모든 JavaScript 값을 전달할 수 있다. props - JSX 태그에 전