React

🔎 드디어 중요하고 듣던 React 학습이 시작되었다. 오늘은 React에서 사용하는 JSX란 무엇이며, 꼭 알아야 하는 문법에 대해 정리하며 복습해보고자 한다.→ JSX는 React에서 UI를 구성할 때 사용하는 문법으로, JavaScript를 확장한 문법이다.이

🔎 드디어 React에 대해서 알아보게 되었다. 이번에는 가볍게 React란 무엇이며, 왜 사용하고(이점), 특징으로는 무엇이 있는지 알아보고자 한다. React란 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이자,React는 html, css, ja

🔎 새롭게 학습한 React SPA, 이전 학습들에 비해 어렵지 않은 개념이었지만 React SPA 개요, React SPA 개념, 장단점에 대해 간단하게 정리하며 복습하고자 한다. → 웹페이지에서는 페이지를 로딩할 때마다 서버에 미리 준비되어 있는 페이지를 전달 받

🔎 React SPA에 이어서 React Router에 대해서 학습하고자 한다.라우팅이란 무엇인지, 라우팅을 위해 사용하는 라이브러리 React Router를 어떻게 사용하는지, React Router 주요 컴포넌트로는 어떠한 것들이 있고 각각의 역할은 무엇인지에 대

업로드중..🔎 실제로 React Twittler SPA 과제를 해보며 학습해보았다. 간혹 import,export 하는 것을 까먹고, useNavigate,map, filter 함수 사용을 헤맸는데 이 부분은 다시 복습이 필요할 것 같다.✔️ npm 을 이용해 rea

📍 오늘 React의 State & Props에 대해 3시간 정도 학습을 하고 바로 내일까지 이틀간 진행할 React Twittler State & Props 과제에 들어가게 되었는데, 아직 개념과 사용 방법(문법)에 대해 확실하게 이해하지 못한 상태에서 과제 테스트

→ create-react-app를 사용한다면,단 하나의 명령 만으로 자신만의 리액트 프로젝트를 시작할 수 있다. 개발자는 빌드에 신경 쓰지 않고, 곧바로 코드 작업에 집중할 수 있다.

🔎 리액트의 설치 수정 배포 중 배포는 어떻게 하면 되는지 간단하게 정리하고 복습하고자 한다.

🔎 리액트로 다양한 과제를 진행하고 있는 요즘.리액트의 기초부터 다시 정리하며 복습해나가고자 한다. 이번에는 그 중 component.<mark style='background-color: 이것이 리액트의 본질이다사용자 정의 태그는 대문자로 시작하는 함수를 정의

🔎 어제에 이어서 오늘도 리액트 기초에 대해서 다시 학습을 했다.오늘은 리액의 속성인 props에 대해 간단하게 정리하며 복습하고자 한다. 리액트는 속성을 prop라고 한다그럼 어떻게 component에 prop을 장착할 수 있을까?🔎 link 표현은 이번에 복습을

👉🏻 오늘은 리액트에서 더 구조적으로 코드를 작성하는 방법을 배우기 전에!이런 방법들이 왜 등장하게 되었는지 배경을 알기 위해 CDD와 CSS-in-JS에 대해 학습했다. 나만의 언어로 정리하며 복습해보고자 한다. Component Driven Development

👉🏻 이번에는 평소 CSS 코드를 다룰 때 느꼈던 불편함을 해결해주는 라이브러리로 React 환경에서 사용 가능한 Styled Components에 대해 학습했다.Styled Components는 앞서 배운 CSS in JS 라는 개념이 대두되면서 나온 라이브러리인

🔎 이번에는 React를 사용하는 프로젝트에서 DOM을 직접 선택해야 하는 상황일 때 사용하는 useRef에 대해 학습했다. 왜 필요한지, 필요한 상황은 언제인지, 어떻게 사용하는지 정리하며 복습하고자 한다. 아직 useRef를 사용하는 것에 어색해서 직접 코드를 작

→ 번들링이란 모듈 간의 의존성 관계를 파악해 그룹화 하는 작업이다.→ 번들은 사용자에게 웹 애플리케이션을 제공하기 위한 파일 묶음이다.사용자가 브라우저를 열고 주소를 입력하면, 해당 주소에서 프론트엔드 개발자가 번들링한 여러 파일을 받게 되는데 이 파일을 브라우저가

월요일 연휴 맞이 리액트 다시 복습하는 시간 가지기 dom을 직접 건드리는 작업은 번거롭다.dom을 전부 날려버리고 다시 만들어서 보여주자매번 이렇게 하게되면 다양한 문제가 발생메모리게 가상DOM을 만든다.업데이트가 필요한 부분만 가상DOM으로 수정한다.그 이후 REA

👉🏻 로그인 페이지의 Input 컴포넌트에 focus 유무에 따라 style을 지정하는 과정에서 AND 연산자를 사용했던 부분을 옵셔널 체이닝으로 수정하는 것이 좋을 것 같다는 생각이 들었다. 그래서 수정 후 블로그에 정리하면서 옵셔널 체이닝에 대해 복습해보고자 한