React

React icons 사용 방법

React 현재 날짜 출력

오늘은 React에서 alert를 띄우는 방법을 알아보자 1. window.confirm을 사용 2. 기능 추가하기 3. 결과

프로젝트를 하다가 리액트에서 페이지 이동에 대해 궁금한게 생겼다. 평소에는 페이지 이동을 할 때 useNavigate를 사용하여 페이지를 이동하였다. 어느날은 localhost:3000으로 시작하지 않고 서버에서 localhost:8080으로 서버를 받아와야 하는 경우가 생겼다. 평소처럼 useNavigate를 활용하여 함수를 만들고 있었는데, 문득 ...

프로젝트를 진행하다가 문득 input 태그와 textarea 태그의 차이점이 궁금해졌다. 둘의 차이는 간단하게도 받을 수 있는 줄의 차이였다. input 태그의 text는 단순히 한 줄 밖에 입력을 받을 수 없지만, textarea는 여러 줄의 멀티라인 텍스트를 받을 수 있다는 차이점이 있었다. 또한 input이나 textarea를 클릭 했을 시에 테두...

오늘은 React에서 자주 사용하는 useEffect에 대해서 알아보자. useEffect란 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Hook이다. useEffect는 component가 mount(처음 나타날 때), unmount(사라질 때), update(업데이트 될 때) 특정 작업을 처리할 수 있다. 즉 클래스형 컴포넌...

오늘은 React에서 사용하는 useRef에 대해서 알아보자. useRef란 리액트에서 참조(ref)를 생성하고 관리하기 위한 Hook이다. useRef를 사용하면 컴포넌트 내부에서 생성한 변수나 DOM 요소에 대한 참조를 생성하고, 이를 다른 곳에서 사용할 수 있다. useRef를 사용하는 상황으로는 다음이 있다. DOM 요소에 직접 접근해야 하는 ...

axios post 통신

axios get 통신

리액트란?? 리액트는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용되며, 싱글 페이지 어플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다. 싱글 페이지 어플리케이션(SPA)란 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다....

React - Styled Components 정리

React - Reset CSS 정리

React - Router 정리