분류 전체보기 (82) 썸네일형 리스트형 절대경로 상대경로 절대경로 최초 시작점부터 경로를 전부 기입하는 방식 맨 앞에 / 붙이지 않음 상대경로 비교 대상을 기준으로 입력한 주소 찾아나감 기준 경로 => 절대 경로 변환하여 찾아나감 맨 앞에 / 붙임 참고자료 https://mommoo.tistory.com/82 Single Page Applications, Server side rendered applications Single Page Applications SPA 클라이언트 사이드 렌더링 사용 단일 페이지 응용 프로그램 1개의 페이지만 있는 어플리케이션 하나의 HTML에서 UI 변경 최초 한번 페이지 전체를 로딩 =>이 후 부터는 데이터만 변경하여 사용 페이지 이동시 서버로부터 완전한 새로운 페이지 불러오지 않고 현재 페이지를 동적으로 다시 작성 HTML, JS, CSS 하나의 페이지로 불러옴 => 사용자의 동작에 응답 사용자 측면 전체 페이지 새로고침 => 과도한 네트워크 트래픽을 유도 JSON, XML 서버 요청, 응답 장점 손쉬운 운영 배포 사용자 친화적( 빠른 반응성, 화면전환 에니메이션 등 ) //처음 받은 데이터를 사용 서버 요청이 적음( REST API를 통한 데이터 송수신 ) .. 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.. 이전 1 2 3 4 5 6 7 ··· 11 다음