
React + Node.js(Express) + MCP 기반 프로젝트 아이디어
학생들에게 제시할 미니 프로젝트 아이디어
학생들에게 제시할 미니 프로젝트 아이디어
메가스터디IT아카데미 SpringBoot 백엔드 개발자 과정 주말반 (25.02.22 ~ 25.09.13). 배시은님의 포트폴리오 1주차 작업 내용에 대한 피드백
메가스터디IT아카데미 SpringBoot 백엔드 개발자 과정 주말반 (25.02.22 ~ 25.09.13). 이주헌님의 포트폴리오 1주차 작업 내용에 대한 피드백
수업 준비 하면서 필요해서 만든 코드
Reveal.js는 Markdown 파일을 프레젠테이션용 웹 페이지로 만들어주는 플러그인 입니다. 급하게 PT를 해야 할 경우 상당히 유용하게 사용할 수 있습니다.
풀스택으로 개발을 하려면 백엔드와 프론트엔드를 동시에 다루어야 한다. 이 때 프로젝트를 각각 생성하고 빌드하는 것은 매우 번거로운 일이다. 이전에는 Express안에 Next.js 프로젝트를 포함시켰었는데 이번에는 SpringBoot 프로젝트 안에 React 프로젝트를 추가해 보았다.
예전에 프로젝트에 넣었던 코드를 수업용으로 만드는 과정에서 필받는 바람에 실컷 작성해 버린 코드이다. Redux의 반복적인 보일러플레이트 코드를 줄이고 CRUD 작업을 간소화하는 ReduxHelper 유틸리티인데, 난이도가 너무 높아져 버려서 수업에서 사용은 못하고 백업용으로 포스팅 한다.
React Chart.js 를 활용한 다양한 차트 구현 - 막대, 선, 산점도, 파이, 레이더 차트 완벽 가이드
아름답고 반응형인 팝업 메시지 박스를 제공하는 SweetAlert2 플러그인으로 사용자 친화적인 알림 구현
숫자 카운팅 애니메이션을 제공하는 React CountUp 플러그인으로 스크롤에 반응하는 동적 효과 구현