본문 바로가기

전체 글

(80)
CORS CORS 도메인, 포트가 다른 서버의 자원 요청하는것 ​ 동일 출처 정책 SOP => 보안 목적으로 차단 웹페이지 스크립트는 그 페이지의 같은 서버에 있는 주소로만 ajax 요청 가능 ​ 대규모 웹 생김에 따라 외부 호출 상황 많아짐 =>CORS 탄생 서버에서 외부 요청 허용시 AJAX 요청 가능 ​ 해결책 1 같은 도메인 이동 2 CORS 활성화 3 프록시 우회해서 => 서버대 서버로 가져옴 예외) img, 비디오 스크립트 상관 X 스크립트 => JSONP // 요즘 안씀 ​ client side에서 해결법 테스트, 개발단계 쉽게 => 웹 브라우저 실행옵션, 플러그인 설치 cors 구현 X , 서버 ajax요청 ,서버 컨트롤 불가능 => JSONP Ajax 요청 해야하는 다른 도메인 서버를 클라이언트와..
React 이벤트 변수명 리액트에서 이벤트 나타내는 prop => on[Event] ex) onButton ​ 이벤트 처리 함수 => handle[Event] 일반적 ex) handleButton ​​
React hooks - useEffect - useEffect 기본적으로 렌더링 직후 실행 두번째 배열에 어떤 값을 주느냐에 따라서 다르게 동작 인자없이 사용 => 렌더링 이후 실행 (계속) useEffect , [] =>처음 렌더링시만 한번 실행 useeEffect, [특정 값] => 특정 값 변경될때만 호출 return 사용 ( 뒷정리 cleanup ) =>렌더링 될때마다 실행됨 return, [] => 언마운트 될 때만 뒷정리 함수 호출 참고자료 https://velog.io/@velopert/react-hooks
메소드 함수란 ? 메소드 함수란 ? 객체안의 함수 // 객체안에 키값의 value 가 함수인것 함수는 모두 객체의 메소드 => widow 객체의 메소드 ex) a 함수 만들고 window.a 사용 가능 함수 내에서 사용되는 this 키워드 => 그 함수 소유 객체를 가르킨다 참고자료 https://offbyone.tistory.com/140
정렬 알고리즘 피드백 정렬 알고리즘 피드백 ​ 문자열은 상수로 관리 함수 선언문에는 세미콜론 X 동사로 시작하는 변수명 => 함수 class명 통일하기 => https://www.w3schools.com/js/js_conventions.asp 비슷한 성격 상수 object로 묶어서 사용 헬퍼 함수 ? 비교 연산자 사용시 =>비교대상 왼쪽 비교기준값 오른쪽 필요한 주석의 경우 주석 레이블 컨벤션 // TODO: something to do // FIXME: something have to fix let, const 구분하여 사용 변수명 구체적으로 짓기 ( l, r 등 과도한 축약어 사용 지양) input 받는 부분을 개선 // 에러처리 , 2자리수 이상 숫자 입력 등등 createElement 변수명 div, divElemen..
인터넷 브라우저에 주소 입력시 일어나는 일 1. 사용자가 주소창에 URL 주소 입력 웹 브라우저가 URL 해석 2. DNS 조회 URL 주소중 도메인네임 부분을 DNS 서버에서 검색 => 도메인 네임 해당 IP 주소 반환 - Domain Name Server : 도메인 이름을 호스트 네트워크 주소 바꾸거나, 변환해줌 3 웹 서버에 HTTP 요청 메시지 생성 받은 IP => HTTP 프로토콜 사용 => HTTP 요청 메시지 생성 TCP 프로토콜 사용 => 인터넷 거침 =>해당 IP 주소의 컴퓨터로 전송 HTTP : HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜 TCP : 네트워크의 정보 전달을 통제하는 프로토콜 4. HTTP 응답 메시지를 생성 웹 서버에서 URL 정보 해당하는 데이터 검색 => HTTP 응답 메시지를 생성 TC..
stable , unstable, ​inplace stable , unstable 같은 키 값을 가진 원소의 순서가 정렬 후에도 유지 되느냐 ​ 정렬 후에도 원래의 순서 유지 => stable 반대 => unstable ex) quickSort ​ ​ inplace 입력 리스트 내부에서 정렬이 이루어짐 반대 => 별도의 저장공간 필요 ex) mergeSort​
innerText, innerHTML 차이 innerText => 문자열 그대로를 리턴 innerHTML =>태그를 적용시킴 문자열을 html로 인식하여 리턴한다.​ ex) 거북