오늘 글을 작성하는 이유는 Clone Coding을 진행하면서 조금이라도 내가 생각한 방식과 다르게 하거나 기능적인 부분을 어떻게 만드는지 기록하면서 한번 더 스스로 상시시키고 나중에 필요하다면 다시 작성한 글을 보기위해서 내 자신의 발전을 위해 작성한다. 지금 작성할
오늘은 리액트에서 슬라이드를 생성하는 라이브러리에 대해서 글을 작성하려고 한다.리액트에서 슬라이드를 간단하게 구현할 수 있는 오픈형 라이브러리이다.npm install react-slick --save, yarn add react-slick 둘 중 하나의 명령어를 사용
이번에는 scss를 적용하여여 스타일링 하는 중에 object-fit이라는 CSS 속성이 있는데 이미지나 비디오 요소의 크기를 조정할때 사용한다. 일반적으로 이미지나 비디오 요소를 부모 요소에 맞게 조절할때 사용한다고 한다.Object-fit 속성에는 여러 가지 값이
React로 client에게 보여질 front부분을 만들었다면 실제적으로 데이터를 가져와 화면에 나타내야 하는데 어떻게 구성하는지 절차를 작성해 보겠다.일단 api라는 폴더를 만든 후 npm init -y명령어를 실행한다. 위에 명령어는 Node.js 프로젝트를 위한
mongo db를 구글에 검색 후 로그인하면 아래와 같은 화면을 볼 수 있다.1\. Connect버튼을 누르면 아래와 같은 화면이 보이는데 Add Your Current Ip Address에서 3번째 버튼인 Allow Access from Anyware를 클릭 한다.
.env file .env파일은 React 애플리케이션에서 환경 변수를 설정하는 데 사용되는 파일이다. 이 파일은 프로젝트* 루트 디렉토리에 위치하며, 환경 변수의 값들을 키-값 형태*로 저장한다. React 애플리케이션에서 .env파일을 사용하면 다양한 환경 변수를