2023.02.21 FrontEnd

리액트(React) : 사용자와 웹 사이트의 상호작용을 돕는 인터페이스를 만들기 위한 자바스크립트 기능 모음집

 

프레임워크 : 흐름의 제어 권한을 개발자가 아닌 프레임 워크가 갖고 있음 (제어 권한 프레임 워크 자신에게)

 

라이브러리 : 흐름제어를 하지 않고 개발자가 필요한 부분만 필요할 때 가져다 쓰는 것 (제어 권한 개자)

 

SPA(Single Page Application) : 하나의 페이지만 존재하는 웹 또는 앱 에플리케이션

-수많은 페이지를 각각 HTML로 만드는 것은 비효율 적이기 때문에 하나의 HTML을 만들고 사용자가 특정 페이지를 요청할 때  그 안   의 해당 페이지에 내용을 채워서 보내주는 것 (리액트는 이러한 SPA를 쉽고 빠르게 만들 수 있도록 돕는 도구)

 

DOM(Document Object Model) : 웹 페이지를 정의하는 하나의 객체, 웹 사이트의 대한 정보를 모두 담고있는 큰 그릇

 

render : 사용자에게 보여준다 ex) render.(보여줄 무언가, 이 무언가를 어디에 둘 것인가)

 

 

▶React의 Virtual DOM은 웹 페이지와 실제 DOM사이에서 중간 매개체의 역할을 하는 것화면이 업데이트 되는 것은 돔이 수정되는 것인데, 기존의 방식은 돔을 직접 수정해야하는데 이것은 매우 비효율적(돔 전체를 뒤져야 하기 때문), 리액트는 돔을 직접 수정하는 것이 아닌 업데이트를 해야 할 최소한의 부분만 찾아 수정하는 것

▶Component : 리액트로 만들어진 앱을 이루는 최소한의 단위

link : 링크 태그는 현재 HTML파일과 외부 리소스 사이의 관계를 정의할 때 사용 (링크를 사용하려면 파일 간 동일 디렉토리에 위치해야 함)

▶create-react-app : 리액트로 웹 애플리케이션을 개발하는 데 필요한 모든 설정이 되어있는 상태로 프로젝트를 생성해주는 도구,이름이 길어 CRA라고 하기도 함

▶JSX : 자바스크립트에서 HTML을 작성하듯 비슷하게 작성할 수 있도록 돕는 코드JSX는 Injection Attacks를 방어함으로서 보안에 용이하다

▶injection Attacks : 입력 창에 문자나 숫자같은 일반적인 값이 아닌 소스코드를 입력하여 해당 코드가 실행되도록 만드는 해킹방법