서스포PAR_개발블로그

vscode에서 코드 작성시, 코드를 이쁘게 정라정돈해주는 Prettier! 코드의 가독성을 올려주니 정말 좋은 도구이다. 🎁 하지만 작동을 위해서 초기 작업이 필요한데 그것을 차차 알아가보자! 🎁 💖 Prettier 이란? 사용자가 작성한 코드를 미리 지정한 포맷팅으로 맞춰주는 포맷터이다. 코드의 품질을 위해 사용하는 ESLint와 성격이 다르다. 🎁Plugin 설치🎁 https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Prettier - Code formatter - Visual Studio Marketplace Extension for Visual Studio Code - Code formatter using pret..

리액트 프로젝트를 하기 위해서 화면을 전환을 위해 사용하는 React-router-dom을 사용하는데 🎁 기본이론부터 v6로 업데이트까지 알아보자! 🎁 💖 React-Router 1. 가장 많이 사용되는 라이브러리 중 하나로, 클라이언트 사이드에서 이루어지는 라우팅을 간단하게 해주며 서버 사이드 렌더링을 도와주는 도구들을 제공합니다. 2. React-Router 를 통해 Link 태그를 사용하여 화면을 전환한다. 리액트는 변화가 있는 컴포넌트만 업데이트하여 효율적으로 성능을 관리하는 구조로 페이지 이동 시 굳이 화면 전체를 새로고침 할 필요가 없습니다. (주소값의 변경에 따라 페이지 혹은 컴포넌트의 변화를 제공하기 위한 라이브러리) 3. react-router는 페이스북에서 공식으로 지원하고 있는 라이브..

21년 12월 14일에 create-react-app이 4.0.3 버전에서 5.0.0로 업데이트 되었습니다. 그럼 기존에 사용하는 사람이 어떻게 해결하는지에 대해서 알아봅시다! 🎁 create-react-app 페이스북 깃허브 🎁 https://github.com/facebook/create-react-app GitHub - facebook/create-react-app: Set up a modern web app by running one command. Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub. github..

프론트엔드 개발자가 되기위해 나는 리액트를 선택하였다. ✨리액트에 대해서 천천히 알아보자 ✨ 💖 React 1. React는 페이스북에서 제공하는 프론트엔드 라이브러리다. 2. React는 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는 데 사용된다. - 즉 싱글페이지 애플리케이션이나 모바일 애플리케이션의 개발 시 사용. 3. React 는 웹을 만드는 데 꼭 필요한 도구들이 전부 기본적으로 제공되지 않는다. 4. React의 주요 목적은 가볍고, 빠르고 확장 가능하며 단순 것 입니다. 5. React를 사용하면 개발자가 페이지를 다시 로드하지 않고도 데이터를 변경할 수 있는 대규모 웹 어플리케이션을 만들 수 있다. 6. React는 컴포넌트 기반으로 컴포넌트에 데..