#reactjs
Read more stories on Hashnode
Articles with this tag
Tailwind CSS 란 ❓ Tailwind CSS는 Utility-First 컨셉을 가진 CSS 프레임워크 입니다. 부트스트랩과 비슷하게 m-1, flex와 같이 미리 세팅된 유틸리티 클래스를 활용하는 방식으로 HTML 코드 내에서 스타일링을 할 수 있습니다. 공식...
스타일 컴포넌트는 스타일링이 된 컴포넌트란 의미로 CSS-in-JS 입니다. CSS-in-JS ❓ 자바스크립트 파일(코드) 안에서 css 문법을 사용 할 수 있는 라이브러리 입니다. styled-components 를 살펴보면 공식 사이트 :...
자.. 역시 정리용 포스팅. 하지만 모달 같은 컴포넌트는 어느 프로젝트에서나 필요한 요소일 수 있기 때문에 한번 정리해두고 두고두고 참고해서 사용하자 중요한 포인트는 Redux 를 활용해서 언제든지 꺼내서 쓸 수 있을 것 Modal 에 text, 함수를 전달하여...
최근에 Next.js 13버전을 사용하여 사이드 프로젝트를 하고 있는데 전역 모달을 Redux로 만들기 위해 Provider 설정을 해야 했다. 하지만 app directory 에는 index.js 등 최상위 파일이라고 해야하나 비슷한건 있지만 대놓고는 없다는거.....
이전 포스팅으로 알아본 Redirect 와 비슷해보이지만 다른 Rewrite 에 대해 알아보겠습니다. 언제 사용할까 ? 내부적으로 복잡하게 되어있는 경로나 보안상에 민감한 url url 자체를 외부에 공개하기 원치 않을 때 해당 url 를 다른 것으로 대체 할...
리다이렉트란 사용자가 특정 경로로 접근 했을 경우 페이지가 삭제 되거나 경로가 변경된 경우 또는 접근 권한이 없는데 접근을 시도 했을 때 다른 페이지로 리다이렉트 이동을 시킬 수 있습니다. 1. next.config.js 에서 설정하는 방법 permanent...
