https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko React Developer Tools Adds React debugging tools to the Chrome Developer Tools. Created from revision 035a41c4e on 7/10/2023. chrome.google.com 개발자 도구에서 react 구조 볼 수 있게 도와주는 툴
Web
너무나도 잘 정리해주신분 있어서 가져와봤다 진짜 공식문서보다 보기 편함! 참고링크 https://eblo.tistory.com/55 Spring boot - Thymeleaf 기본 문법 1. Thymeleaf 기본 표현 자세한 문법은 Thymeleaf 사이트의 튜토리얼을 참고하는게 좋습니다. 기본 표현, 조건문, 반복문 세가지를 중점으로 보겠습니다. Thymeleaf Document 참고 (https://www.thymeleaf.org/doc/tuto eblo.tistory.com 1. Thymeleaf 기본 표현 자세한 문법은 Thymeleaf 사이트의 튜토리얼을 참고하는게 좋습니다. 기본 표현, 조건문, 반복문 세가지를 중점으로 보겠습니다. Thymeleaf Document 참고 (https://ww..
[ 상태 관리 ] useState()는 컴포넌트에서 바뀌는 값을 관리하는 함수입니다. 리액트 컴포넌트에서 동적인 값을 상태(state)라고 부르는데, 사용자 인터랙션을 통해 컴포넌트의 상태값이 동적으로 바뀔 경우에 상태 관리가 필요합니다. React Hooks이 나오기 전까지는 클래스 기반의 컴포넌트를 사용하여 상태값을 관리할 수 있었지만, 클래스 기반의 컴포넌트는 유지 보수가 힘들다는 단점이 있습니다. 리액트 16.8에서 Hooks라는 기능이 도입되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었는데요! 이때 사용하는 함수가 useState() 함수입니다. [ useState ] useState()는 상태의 초기값을 인수로 전달 받아 호출됩니다. 이때의 반환값은 상태를 나타내는 배열로, 배열의 첫..
https://ko.legacy.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.legacy.reactjs.org class 만드는 대신 hook 이라는 함수로 대체 https://ko.legacy.reactjs.org/docs/hooks-intro.html Hook의 개요 – React A JavaScript library for building user interfaces ko.legacy.reactjs.org 리엑트는 라이브러리 jQuery랑 node랑 동일한 라이브러리 https://chrome.google.com/webstore/detail/react..
프로젝트 중 관리자 페이지를 만들어야 해서 Chart로 한눈에 표기하고자 chart.js를 사용했다 https://www.chartjs.org/ Chart.js Simple yet flexible JavaScript charting library for the modern web www.chartjs.org
https://sweetalert2.github.io/ SweetAlert2 A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes sweetalert2.github.io
http://paulrose.com/bootstrap-select-sass/
https://datatables.net/ DataTables | Table plug-in for jQuery DataTables Table plug-in for jQuery Advanced tables, instantly DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any H datatables.net
https://freefrontend.com/bootstrap-search-boxes/ 26 Bootstrap Search Boxes Collection of free Bootstrap search bar, box and form code examples. Update of September 2020 collection. 16 new items. freefrontend.com
https://docs.spring.io/spring-data/jpa/docs/current/reference/html/#jpa.query-methods.query-creation Spring Data JPA - Reference Documentation Example 121. Using @Transactional at query methods @Transactional(readOnly = true) interface UserRepository extends JpaRepository { List findByLastname(String lastname); @Modifying @Transactional @Query("delete from User u where u.active = false") void de..
