Web dev/React6 리액트 02 리액트 Intro (JSX, 리액트 컴포넌트) 1. 현재의 무드: 어제 과제를 일찍 끝내서 오늘 리액트 기초를 다시 복습하고, 블로깅하고 있다! 공부할 시간이 널널해서 기분이 아주 구웃 ㅎㅁㅎ 계속 영상만 보면서 리액트를 학습해서, 오늘은 공식 문서를 찬찬히 읽어보며 리액트가 돌아가는 원리에 대해 더 학습해볼것이다. 2. 오늘 학습한 내용 중 키워드: 리액트, JSX, 컴포넌트 3. 오늘 학습한 내용 요약 드디어 리액트 라이브러리를 배우기 시작했다. 오늘의 학습 목표 1. 리액트의 3가지 특징 이해하고, 설명하기 2. JSX가 왜 명시적인지 이해하고, 작성하는 방법 알기 3. 리액트 컴포넌트의 필요성에 대해 이해하고, 설명하기 리액트: 프론트엔드 개발을 위한 자바스크립트 오픈소스 라이브러리. 선언형 컴포넌트 기반 범용성 이 세가지 특징 덕분에, 리액.. 2022. 11. 30. 리액트 01 Router 활용 연습_계산기 목업 1. 현재의 무드: 이전에 만들었던 계산기 목업이 웹 페이지 테마로 되어있어서, 그걸 오늘 배운 리액트 라우터를 활용해 연결해보았음! 생각보다 수월하게 되었고, 구현을 원하는 페이지를 직접 만들어가는 과정이 간단하지만 재미있었다. 2. 오늘 학습한 내용 중 키워드: 리액트 라우터 3. 오늘 학습한 내용 요약 구현한 페이지 이 페이지는 section 1 진행 당시 제일 처음으로 진행한 과제였다. 여러 CSS 효과를 주고 계산기 목업을 구현했었다. 오늘 배운 리액트 라우터로 이 첫 랜딩 페이지로 두 페이지를 SPA로 구현하고자 했다. 그래서 react-create-app 으로 불러낸 파일들에 이 네가지 파일을 더해줬음! calculatorPage는 계산기 나오는 페이지, firstPage는 이번에 추가해준 .. 2022. 11. 28. 이전 1 2 다음
