개발노트

Safari, Firefox 브라우저에서는 동일 세션에서 이전 페이지를 빠르게 보다 로딩하기 위하여 BFCache 기능을 이용하여 이전에 저장한(캐싱) 데이터를 바로 로드하고 있는 형태입니다. 이때 Javascript 상태값까지 모두 저장된 값으로 재사용하게 되는데 서버단(jsp,asp)에서 데이터 처리 및 화면 구성이 끝나는 페이지 구성일 경우에는 이러한 데이터 재사용이 문제가 되지 않지만 window.onload 나 Jquery의 $(document).ready() 단계 에서 Ajax를 통하여 로그인이나 주요 화면처리하는 로직이 들어있는 구성인 경우에는 BFCache를 통해 이전 데이터를 불러오는 것은 이슈가 될 수 있습니다. 예를들어 페이지 구성 로직을 서버단에서 모두 처리하여 세팅하는 것이 아니라..

1. 라디오박스 1) 선택하기 $('input:radio[name="name"][value="value"]').prop('checked', true); (jquery 1.6 이전 버전의 경우 prop -> attr)2) 선택값 추출 $('input:radio[name="name"]:checked').val(); 2. 체크박스 1) 선택하기 $("input:checkbox[id='id']").prop("checked", true); - ID $("input:checkbox[name='name']").prop("checked", false); - NAME 2) 선택값 배열 추출 var items = []; $('input:checkbox[type=checkbox]:checked').each(function ..

1. JSX, ReactDOM.render - {formatinfor(student)} - 중괄호 표시 이유=> html코드 안에서 어느부분이 javascript문법인지 인지 하기 위한 표시 방법. (JSX문법) - ReactDOM.render(element, document.getElementById('root'))=> ReactDOM에 있는 render함수를 통해 root라는 id를 가진 HTML컨트롤에 대해 element라는 변수 내용을 출력. 2. Props 2-1. - Show함수의 디폴트 속성값 선언. - Show함수의 Props(속성) 명시. (name = "황민국") 2-2. - board변수 선언(화면에 보여질 데이터) - props안에 user에 담겨진 값 세팅 - 명시된 props값 ..

1. https://material-ui.com/getting-started/installation/ 설치 명령어 확인 2. npm install @material-ui/core 설치 2. 설치 도중 에러 발생 시 아래의 명령이 입력 yarn add @material-ui/core 3. 정상적으로 설치 되었다면 화면과 같이 import 가능. 4. 사용할 태그에 대한 정보를 import 후 사용. 5. 사용 예시 (1) 6. 사용 예시 (2) - https://material-ui.com/demos/tables/ 레퍼런스 참고