프론트엔드 기본 개념 정리

: 웹사이트를 만들어주는 마크업 언어HT : HyperText, 문서와 문서가 링크로 연결되어 있다. M : Markup, 태그로 이뤄져 있는L : Language, 언어📎 W3스쿨즈온라인으로 웹 기술을 배우는 교육용 웹 사이트HTML, CSS, 자바스크립

🎁 CSS의 탄생배경 폰트 : (자바의 wrapper클래스처럼) 태그는 아니지만, 렌더링은 가능하다. 🧨 html태그의 역할은 구조적인 기능, 시맨틱태그처럼 정보검색을 용이하게 하는 기능이 추가되었다. Hello, Hello 디자인적 요소는 앞으로 CSS 언어가 담

"브라우저" 내장 자바 스크립트 엔진을 이용해 실행바닐라 스크립트란 "순수" 자바스크립트바닐라 스크립트 = 자바 스크립트바닐라 = 일반(Plain)아무것도 다운 받지 않아도 되니 가볍고 빠르다.java : 기본적인 문법Scheme SelfECMAScript자바스크립

자바 언어와 마찬가지로 동일한 문법의 조건문이 있다.if ~ elseswitchfor문은 사람이 직접 처리하기에 부담스러운 반복적인 작업을 처리하기에 매우 용이for ~ if 문이중 for 문function 함수이름(){ ...실행할 구문...}함수이름();functi

자바 인터프리터 언어

변수 선언을 재 선언했음에도 에러 안나오고 각기 다른 값이 출력되는 걸 볼 수 있다.이는 유연한 변수선언으로 간단한 테스트에서는 편리할 수 있으나, 코드량이 많아 지면 언제, 어떻게 사용될 지 파악되기 힘들고 값이 바뀔 우려가 있다.ES6이후 이를 보완하기 위해 추가된

빈 객체의 생성: 아무런 기능이 없는 상태의 빈 객체이 상태가 prototype변수의 추가, 함수의 추가, 배열의 추가빈 객체를 만드는 것은 블록괄호{}를 지정하는 것으로 표현된다.객체안에 추가되어있는 변수를 멤버변수 혹은 프로퍼티라고 한다변수를 추가하기 위해서는 객체

이벤트 5-1. this이벤트가 발생한 대상을 필요로 하는 경우this를 통해 참조할 수 있다.5-2. 이벤트 등록방식 : inline이벤트를 이벤트 대상의 태그 속성으로 지정하는 것인라인 방식은 태그에 이벤트가 포함되기때문에 이벤트의 소재를 파악하는 것이 편리하다.하

자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 "라이브러리" 라고 한다. "자주 사용"하는 코드들을 "재사용"할 수 있는 형태로 가공해서 프로그래밍 "효율을 높여주는" 코드jQuery는 DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는

Facebook (Meta)에서 개발한 JavaScript 라이브러리이다.UI를 구현하는 도구로 javascript 언어를 기반으로 사용한다. "반응하다" 라는 의미로 javascript 중심으로 사용되는 정의형 프로그래밍이 아닌 반응형 프로그래밍이다.화면상에 출력될

리액트의 페이지 이동 기능을 개선한 Next.jsrouting을 더 쉽게 사용가능서버에서 제작한 화면을 구현하는 방식 (SSR)