개발노트

1. '#', '#none' 차이 "#" : 아무것도 실행하지는 않지만 페이지 최상단으로 이동한다. "#none" : 아무것도 실행하지 않으며, 페이지 최상단으로도 이동하지 않는다. 2. href="#" 이슈 예를들어 아래와 같이 작성 할 결우 href="#"에 의해서 두가지 이슈가 생김 - 페이지가 최상단으로 스크롤업 되버리는 상황 발생 - 브라우저 url 주소 맨 뒤에 #이 붙혀짐 (특별한 이슈는 아니지만 url String값으로 가지고 2차 작업을 하는 경우 예외상황이 발생) 때문에 아래의 두가지 형태로 수정. - -

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. 락 테이블 확인 SELECT DO.OBJECT_NAME ,DO.OWNER ,DO.OBJECT_TYPE ,DO.OWNER ,VO.XIDUSN ,VO.SESSION_ID ,VO.LOCKED_MODEFROM V$LOCKED_OBJECT VO, DBA_OBJECTS DOWHERE VO.OBJECT_ID = DO.OBJECT_ID; 2. 락 테이블 kill SELECT A.SID ,A.SERIAL#FROM V$SESSION A, V$LOCK B, DBA_OBJECTS CWHERE A.SID = B.SID AND B.ID1 = C.OBJECT_ID AND B.TYPE = 'TM' AND C.OBJECT_NAME = 'TB_CO_GENO' SID SERIAL#--- -------5 16 1 *ALTER SYST..

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. client 폴더 생성 후 기존 파일 및 폴더 이동. 2. package.json 파일 생성 클라이언트 폴더에서 클라이언트 모듈을 생성하고 Root폴더에서는서버모듈 실행에 대한 내용 명시 -> 해당파일을 통해 서버와 클라이언트를 동시에 실행. 3. nodemon 설치. 4. package.json 작성.클라이언트는 client 폴더로 이동하여 yarn start명령어로 실행시고, 서버는 nodemon을 통한 server.js을 참조하여 실행. 5. server.js 기본 설정내용 작성. 6. 서버 실행. 7. 아래의 화면이 구동된다면 정상적으로 NodeJs Express서버 환경 구성 완료.

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/ 레퍼런스 참고

1. https://nodejs.org/en/ 접속 후 다운로드 2. Next 3. 추가모듈 설치 여부 체크(체크 안해도 됨) 4. 설치 완료후 명령 프롬프트에서 확인 5. npm을 통한 글로벌 옵션을 주어 리엑트 프로젝트를 생성 -> management라는 이름 폴더 6. yarn 설치 후 실행 7. 기본포트 3000번으로 웹서비스 실행 확인.