React
1.[React] JSX, 컴포넌트,React DOM, 중요 파일
React는 페이스북의 UI를 더 잘 만들기 위해서 페이스북에서 만든 JS UI 라이브러리로,복잡한 웹앱에서 <span style='background-color: HTML과 비슷하게 생겼으며 javascript 파일 내에서 작성할 수 있다.JSX는 원래의 J
2.[React] 기본 파일 구조
해당 내용을 숙지하고 React이 렌더링되는 구조를 이해하는데 감이 잡혔다.src폴더에 포함되어 있으며 메인 프로그램이다. 여기에서 HTML 템플릿 및 JavaScript의 컴포넌트를 조합하여 렌더링하고 실제 표시한다.ReactDOM.render(첫번째인수, 두번째인수
3.[React] JSX,state 실습
강의 듣다 나온 예시 문제들 내가 짠 코드와 답안 코드 비교변동시 자동으로 html에 반영되게 만들고 싶을 때(자주 변경될거 같은 html부분은 state로 만들어놓기)shallow copy란? (얕은 복사)아래의 예시처럼 객체를 직접 대입하는 경우 참조에 의한 할당이
4.[React] Modal창 실습
모달 component를 만들어서 상세 페이지 기능을 만들어보자component를 만들어서 사용하면 div 덩어리들을 한 단어로 축약해서 사용할 수 있다.컴포넌트를 만들어 사용하면 다른 사람이 봐도 이해하기 쉽다사이트에 반복해서 출현하는 HTML 덩어리다른 페이지를 만
5.⭐매우 중요한 가상DOM과 생명주기(Life cycle)
가상 DOM과 Life cycle의 과정을 통해서 리액트가 어떻게 동작되는지, DOM이 어떻게 우리가 보는 화면을 조작하는지 알 수 있기 때문에 가상 DOM과 Life cycle은 매우 중요한 개념이다.Life cycle에 대해 알아보기 전, DOM과 가상돔에 대해