본문 바로가기

Programming/Front-end2

리액트 프로젝트 시작하기 리액트란 ? 자바스크립트 라이브러리 => 사용자 인터페이스를 쉽게 구축하게 해준다. 리액트 컴포넌트 ! React is all about "Component" => 모든 인터페이스는 컴포넌트로 만들어진다. => reusable building block = Reusability => Separation of concerns => 작은 단위로 관리할 수 있게 해준다 1 component => 1 function 리액트 코드의 선언적 방식 html + css + js => react 바닐라 자바스크립트에서 하는 것처럼 dom을 직접 제어하는 것이 아니라 최종 상태와 어떤 상황에서 사용되어야 하는지를 정의 한다. 리액트는 이 작업을 물 밑에서 한다. => build costum html elements onl.. 2022. 12. 29.
[자바스크립트] 기초 클론코딩 (노마드 코더 Vanilla JS) [자바스크립트] 기초 클론코딩 (노마드 코더 Vanilla JS) Const and let 자바스크립트에서는 2가지 방식으로 변수 설정 const = 상수로 설정 let =새로운 것을 생성할 때 사용 (처음에만) const a = 5; let myNmae = "C" myName = "D" Const 설정한 변수에 대해서는 바꾸지 못한다. (Var은 자바스크립트에서 옛날 버전에 사용) 할당 const a = false; const nothing = null; let something; null 값은 어떤 것이 없다는 것을 확실히 할 때 something = 그냥 변수를 만들어주고 값 자체가 없음 = 비어있음 = undefined 자바스크립트에서 Object const player = { name : "C".. 2022. 10. 16.