목록전체 글 (601)
sm 기술 블로그
src 폴더의 index.js가 입구파일이다. npm run start를 이용해 앱을 구동하면 index를 이용해 화면이 구현된다. //index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); // If you want to start measuring performance in your app, pass a ..
먼저 node.js가 깔려 있어야한다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org VScode에서 혹은 해당 디렉터리에서 npx create-react-app 설정하고자하는 프로젝트 이름 다음과 같이 명령어를 실행해주면 다음과 같이 동작할 것이다. 그러면 다음과 같은 파일이 생성되고 리액트를 실행할 수 있는 환경이 셋팅 된것이다.
개발자 도구를 막을 방법이 확실하게는 없는것 같고 그렇게 하지도 않는것 같다... 일단 제일 간단하게 F12와 우클릭을 방지하는 코드를 찾아서 가져왔다. $(function(){ //마우스 우클릭을 했을때 브라우저 기본 이벤트 제어 (우클릭 방지) if (window.addEventListener) { window.addEventListener('contextmenu', function(e) { try { if (typeof e != 'undefined') { e.preventDefault(); return false; } else { return false; }} catch(e) {} } , false); } else { window.attachEvent('oncontextmenu', function(..
만약 동일한 name으로 변수를 보내야 한다고 가정을 해보자. HTML subject라는 곳으로 5개의 데이터를 한번에 받을 것이다. Controller @PostMapping("/test") public String isfindList(@RequestParam(name= "subject") List subjectList){ for(String subject: subjectList){ System.out.println(subject); } return "test.html"; } @RequestParam으로 input에 쓴 name을 지정해준다. 그 데이터를 List형태로 받으면 간단히 해결된다. 예시 적용 다음과 같이 입력을 하고 제출을 누르면, 정상적으로 입력값이 출력되는 것을 볼 수 있다.