작성일
2023.01.15
2024.05.12 이후
➡️ 개발 환경
- Front-end : Javascript, React.js, Node.js
- Back-end : Java 17, Spring Boot 3.2.1, Spring Data JPA, Gradle-Groovy
- Database : MySQL
- IDE : IntelliJ Community, Visual Studio Code
React를 선택한 이유
리액트는 가상 DOM을 통해 사용자의 반응에 맞춰 DOM 트리를 효율적으로 변경함으로써, 웹사이트에서 수정된 부분만을 갱신할 수 있게 해줍니다. 이는 과거에는 변경사항이 발생할 때마다 웹 페이지 전체를 다시 불러와야 했던 번거로움에서 벗어나 성능상의 차이를 만들어냅니다.
뷰와 앵귤러도 위와 같은 장점을 가지고 있으며 웹 개발에 널리 사용되지만, 이들은 프로젝트의 특성과 개발자의 취향에 따라 선택되어집니다. 이번 프로젝트에서 뷰나 앵귤러 등이 아닌 리액트를 선택한 이유는 다음과 같습니다.
첫째, 리액트는 JSX 문법을 사용하기 때문에 UI 코드를 작성할 때 자바스크립트와 비슷한 XML 형식을 사용할 수 있어 가독성이 높아지고, HTML과 유사한 구조로 UI를 표현할 수 있습니다. 이는 자바스크립트를 경험해본적 있는 제게 유리한 지점이었습니다.
둘째, 객체지향언어인 자바가 주언어이기 때문에 재사용성이라는 것의 유리함을 알고 있습니다. 그런데 리액트가 컴포넌트 기반 아키텍처를 사용하고 이 구조가 코드의 가독성과 재사용성을 향상시켜준다는 점에서 더욱 메리트있고 친숙하게 느껴졌습니다.
셋째, 리액트를 스프링부트와 함께 사용할 때의 자료가 상대적으로 풍부하다는 사실 역시 고려한 동기 중 하나입니다.
Gradle-Groovy 선택한 이유
내 블로그 바로가기 (SpringBoot의 설정 : gradle, maven, yml, properties https://velog.io/@song-eojin/Gradle%EC%9D%B4%EB%9E%80)
➡️ 환경설정
✅ 인텔리제이 커뮤니티, 무료 버전에서 스프링부트 프로젝트를 개발하고 싶다면?
내 블로그 바로가기 링크
SpringBoot : 인텔리제이 커뮤니티 버전에서 환경설정하는 방법
https://velog.io/@song-eojin/IntellJ-Community-%EB%B2%84%EC%A0%84%EC%9C%BC%EB%A1%9C-Spring-Boot-%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95
✅ 풀스택 프로젝트, 리액트와 스프링부트를 사용하고 싶다면?
내 블로그 바로가기 링크
SpringBoot and React : 스프링부트와 리액트 환경설정 (연동, 개발환경 통합)
https://velog.io/@song-eojin/%EB%A6%AC%EC%95%A1%ED%8A%B8React.js%EB%9E%80
✅ 데이터베이스, MySQL을 사용하고 싶다면?
내 블로그 바로가기 링크
MySQL : 비주얼 스튜디오에서 연동하는 방법
https://velog.io/@song-eojin/MySQL-%EB%B9%84%EC%A3%BC%EC%96%BC-%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4%EC%97%90%EC%84%9C-%EC%97%B0%EB%8F%99%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95
[ARTICLE]
리액트(React)를 왜 사용해야 할까? – 리액트가 강력한 이유
https://modulabs.co.kr/blog/react-library/
