성장에 목마른 코린이

robots.txt robots.txt 파일은 크롤러가 사이트에서 액세스할 수 있는 URL을 검색엔진 크롤러에 알려줍니다. 주로 요청으로 인해 사이트가 오버로드되는 것을 방지하게 위해 사용하며, Google로 부터 웹페이지를 숨기기 위한 메커니즘이 아닙니다. 적용해야 하는 이유 검색엔진 크롤러의 과도한 크롤링 및 요청으로 인한 과부화 방지를 위해서 입니다. 크롤러의 정보 수집 및 크롤링을 제한함으로써 불필요한 요청을 줄이고, 서버에서 처리해야하는 요청을 줄여 과부하로 인한 문제가 생기는 것을 방지할 수 있습니다. 검색엔진 크롤러의 일일 요청 수를 뜻하는 Crawl budget 낭비 방지를 위해서 입니다. 예를 들어 웹사이트에 1,000개의 페이지가 있고, 검색엔진이 일간 2,000 건의 요청 수를 보낸다..

Props - 컴포넌트의 속성(property) - props는 성별이나 이름처럼 변하지 않는 외부로 부터 전달받은 값입니다. 웹 어플에서 해당 컴포넌트가 가진 속성에 해당합니다. - props는 함부로 변경될 수 없는 읽기 전용 (read-only) 객체입니다. 함부로 변경되지 않아야 하기 때문입니다. 읽기 전용 객체가 아니라면 props를 전달받은 하위 컴포넌트 내에서 props를 직접 수정시 props를 전달한 상위 컴포 넌트의 값에 영향을 미칠 수 있게 됩니다. 이는 React의 단방향, 하향식 데이터 흐름 원칙에 위배됩니다. - 부모 컴포넌트(상위 컴포넌트)로 부터 전달받은 값입니다. props를 함수의 전달인자(arguments)처럼 전달받아 사용됩 니다. - 객체 형태입니다. props로 어..

전통적인 웹사이트의 한계와 단점 전통적인 웹사이트는 페이지 이동 시 매번 페이지 전체를 불러와야 했습니다. 사용자와 서비스 사이의 상호작용 증가는 트래픽 증가와 사용자 경험의 저하를 불러왔습니다. SPA(Single Page Application)의 장점 - 전체 페이지가 아니라 필욯나 부분의 데이터만 받아서 화면을 업데이트하면 되기 때문에 사용자와의 Interaction에 빠르게 반응합니다. - 서버에서는 요청받은 데이터만 넘겨주기 때문에 서버 과부하 문제가 현저하게 줄어듭니다. - 전체 페이지를 렌더링 할 필요가 없기 때문에 더 나은 유저경험을 제공합니다. SPA(Single Page Application)의 단점 - SPA의 경우 JavaScript의 파일이 커서 이 파일을 기다리는 시간으로 인해 ..

What is React? 리액트는 프론트앤드를 위한 Javascript 오픈소스 라이브러리 입니다. React의 3가지 특징 선언형 (Declarative) - 한 페이지를 보여주기 위해 HTML CSS JS로 나누지 않고 하나의 파일에 작성할 수 있게합니다. 컴포넌트 기반 (Component-Based) - 서로 독립적이고 재사용 가능하게 컴포넌트를 기반으로 개발합니다. 범용성 (Learn Once, Write Anywhere) - JS 프로젝트 어디에든 유연하게 적용될 수 있습니다. Facebook에서 관리되어 안정적이고, 가장 유명하며, 리액트 네이티브로 모바일 개발도 가능합니다. JSX 규칙 1. 하나의 엘리먼트 안에 모든 엘리먼트가 포함 // 틀린 예시 - 하나의 엘리먼트 안에 모든 엘리먼트가..