분류 전체보기 (92) 썸네일형 리스트형 그리드 행 - 가로: grid-template-rows 열 - 세로: grid-template-columns 행 - 가로 1fr grid-template-columns: repeat(몇줄, 크기); 열 - 세로 1fr grid-template-rows: repeat(몇줄, 크기); grid-template-rows: repeat(3, minmax(100px, auto)); 크기 100px 확보하고 내용이 많아 100px 넘어가면 알아서 늘어나도록 처리 ----- 참고블로그 https://studiomeal.com/archives/533 li 마지막 자식만 margin 적용 안되게 하기 &:not(:last-child) { margin-right: 10px; } 절대경로 상대경로 절대경로 최초 시작점부터 경로를 전부 기입하는 방식 맨 앞에 / 붙이지 않음 상대경로 비교 대상을 기준으로 입력한 주소 찾아나감 기준 경로 => 절대 경로 변환하여 찾아나감 맨 앞에 / 붙임 참고자료 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 이전 1 2 3 4 5 6 7 8 ··· 12 다음