기본 쌓기/우아한테크11 우아한테크)인덱스 https://www.youtube.com/watch?v=NkZ6r6z2pBg https://www.youtube.com/watch?v=9ZXIoh9PtwY 1. index란? 검색을 위해 임의의 규칙대로 부여된 임의의 대상을 가리키는 무언가 인덱스가 왜 필요할까 데이터를 디스크로부터 가져와야하는데 매번 왔다갔다하는건 시간이오래걸리기 때문에 컴퓨터는 자주 사용되는 테이블을 메모리에 데이터를 올린다. 이때 데이터를 요청할 때 메모리에 있으면 빠르고, 메모리가 없으면디스크에 모든 테이블을 스캔해야한다. -> 주소록과같은 index를 만들어서관리한다 1-2.인덱스의 구조와 원리 B-tree 자식노드의 개수가 2개이상인 트리 ->수직적으로 조건에 맞는 Branch노드에 들어간 후 수평적으로 조건에 맞는 node.. 2022. 5. 7. 우아한테크)🎨 신세한탄의 CSR&SSR https://www.youtube.com/watch?v=YuqB8D6eCKE [mpa] -탭을 이동할 때 마다 페이지 전체를 새로 렌더링하는 전통적인 웹페이지 구성방식 -렌더링 방식: 서버에서 이미 랜더링된 정적 리소스를 받아오기 때문에 렌더링 방식으로 ssr을 사용 php나 dsp로 mpa를 만들면 자연스럽게 ssr을 사용 [spa ] -하나의 페이지로 구성된 웹어플리케이션 ex)사용자의 행동에 맞는 부분만 변경 렌더링방식: 웹어플리케이션에 필요한 정적 리소스를 초반 한번에 모두 다운받아, 새로운 페이지 요청이 있을 때 필요한 데이터만 전달받아 클라이언트에서 페이지를 갱신하기 때문에 자연스럽게 랜더링 방식으로 csr을 사용한다. *이 두 개념은 페이지가 몇 개냐 랜더링을 어디서 하냐에 따라 달라지는 .. 2022. 2. 23. 우아한 테크) 그루밍의 상태관리와 반응형 프로그래밍 https://www.youtube.com/watch?v=alsCMx6vpG4 [상태] :변화하는 데이터 ->ui의 동적으로 표현되는 데이터 ->즉 사용자의 액션에 따라서 변경될 수 있는 컴포넌트의 부분을 나타내는 자바스크립트 객체 [상태 관리]: 여러 컴포넌트 간의 데이터 전달과 이벤트 통신을 한 곳에서 관리하는 것. 앞서 말한 상태 즉 계속 변화하는 데이터를 알맞게 관리하기 위해 나온 개념 ex) 게임을 검색해서 원하는 게임을 찾는 것 , 채팅방이 만들어지고 사라지는 것 -> 게임이나 채팅방의 상태가 변경되면서 ui도 같이 변경이 되는 것. [상태에 대한 관리의 필요성] 1. 페이스북에서 좋아요를 누르면 모든 페이지가 다시 랜더링 되는 것이 아니라 실시간으로 좋아요 반영이 되고 인스타그램의 팔로우 반.. 2022. 2. 16. 우아한테크)빙봉의 정규표현식 https://www.youtube.com/watch?v=CjoDIgDOHA4 [정규표현식의 이해] -특정패턴을 가지고 문자열을 찾을 수 있다. 메타문자: 문자를 나타내는 문자 수량자: 앞 문자의 개수 정규표현식의 구조 : 패턴구분자 시작(/) + 작성할 패턴 + 패턴구분자 끝(/)+ 패턴 변경자(g) 1. 메타문자 -. : 모든 문자 [] : 대괄호 안에 들어가 있는 문자 각각을 찾음. 대괄호 안에서 ^는 not을 의미 | : or \s: 공백, \d: 숫자([0-9]), \w: 영문자 모두, 숫자, 밑줄([0-9a-zA-Z]) 2. 수량자 +: 앞문자가 하나 이상({1, }) *: 앞 문자가 0개 이상({0, }) {n,m}: 앞 문자가 n개 이상, m개 이하 {n, }: 앞 문자가 n개 이상 {n}.. 2022. 2. 14. 이전 1 2 3 다음