본문 바로가기
반응형

Spring12

리액트 https://mui.com/material-ui/react-card/ React Card component - Material UICards contain content and actions about a single subject.mui.com 서버통신 연습할 곳! https://makeup-api.herokuapp.com/ Makeup API makeup-api.herokuapp.com 리엑트(NextJS) 소스들을 압축해서 드린 것들은 다음 순서로 실행하시면 됩니다. npm install next react react-dom npm run dev 2025. 9. 16.
[Spring] SpringBoot src > app 에 파일 생성learn/page.js export default function Lean(){ return( 교과목 자바기초20,000 NextJS32,000 );}; 리액트는 JavaScript XML 언어로javaScript와 XML 로 JavaScript 언어의 확장 문법을 사용하는 언어다. {children}: 2025. 9. 15.
[Spring] SpringBoot 리액트 설치 및 사용법 next.js, view.js둘 다 같은거다(리액트로 만드는 것) 리액트를 바로 하는게 낫는지 아니면 next.js를 바로 하는게 맞을지..next.js를 먼저 시작하는 것으로.. spring에서 자동으로 해주는(자동으로 넣어주고, 어노테이션으로 객체 가져오고, value 가져오고) 자동으로 되다보니 헷갈린다. 리액트에서도 next.js로 오면 그런것들이 있다.환경은 next.js에서 하는 것으로 하겠다. vscode에서 next.js 서치 후 Install 클릭 nodejs를 설치 한다.https://nodejs.org/ko C:\My_study\NextJS_Study 경로에 있는 work 폴더에 우클릭하여 터미널에서 열기 클릭 PowerShell 하지 않고,+ 명령 프롬프트 로 새창을.. 2025. 9. 12.
[Spring] Spring Boot PostMan 포스트맨으로 테스트 endpoint가 무엇인가?requestMapping 내가 걸어놓은 url을 의미한다. 개발이 끝나면 PostMan과 같은 툴로 요청을 해봐야 한다. -- 아래 PostMan 사이트에 접속해보자 https://www.postman.com/ Postman: The World's Leading API Platform | Sign Up for FreeAccelerate API development with Postman's all-in-one platform. Streamline collaboration and simplify the API lifecycle for faster, better results. Learn more.www.postman.com 회원가입을 진행한다.회원가입 후 로그인한다... 2025. 9. 12.
반응형