import { Fragment } from "react"; function NewsPage() { return ( the news page; 숭어 ); } export default NewsPage; 리액트를 쓰는 이유 페이지 전체에 걸쳐 상태를 보존하면서도 빠르게 반응하여 사용자들을 만족 시키기 위해서이다. 대화형 UI를 구축해서 새 HTML 페이지를 요청할 필요가 없고 화면을 업데이트만 하면 된다 .(자바스크립트랑 리액트만 써서 ) 하지만 위에 코드는 그렇게 하지 않고 새로운 페이지를 읽어 왔다. 이러면 저장했던 상태들이 없어질 수 가 있다. 리덕스 상태나 컨텍스트 상태등.. 새로운 페이지를 읽어왔기 때문에 전부 없어진다. 이건 싱글 페이지 애플리케이션이 아니다. 유지할려면 링크를 다르게 만들어야 ..

nextJS 퍼블릭폴더에 html 파일이 없다. 사전 렌더링 기능을 내장하기 때문이다. 싱글 페이지 애플리케이션을 제공하여 서버에 요청이 오면 이 싱글 페이지에 동적으로 사전 렌더링을 거쳐 콘텐츠를 포함한 초기 페이지를 보여주기 때문입니다. 그래서 pages 폴더가 중요하다. 여기서 파일 기반 라우팅을 설정하고 애플리케이션을 구성할 여러 페이지를 정의하기 때문이다.

서버 사이드 렌더링 내장함 : 페이지 콘텐츠를 클라이언트가 아니라 서버에서 준비하는 것이다. 서버에서 해당 페이지를 사전 렌더링한 상태에서 서버에 요청이 들어 왔을 떄 해당 데이터를 서버에서 가져오면 완성된 페이지를 사용자와 검색 엔진 크롤러에 제공된다. 파일 기반 라우팅으로 라우팅 간소화: 파일과 폴더를 이용해서 페이지와 라우트를 정의한다. 애플리케이션에는 특수 페이지 폴더가 있다. (pages) 폴더 지정하고 페이지가 지원하는 라우트와 경로를 정의하면 된다. 풀스택 프레임 워크 : 백엔드 코드를 쉽게 추가 할 수 있다.

타입스크립트는 result를 계산할때 타입추론(type inference)이라는 내장 기능을 활용한다. 즉 특정변수나 상수에 어떤 타입을 사용했는지를 타입스크립트는 아주 잘 이해한다. const numer1 = 5 타입스크립트에서 식별되는 타입은 아무 숫자형이 아닌 5라는 숫자이다. 상수값에 다른 숫자나 값을 할당할 수 없기 때문이다 여기서 let number1=5 로 변수로 주면 더 이상 5가 상수가 되어야 한다는 의미는 없지만 여전히 타입을 숫자형으로 감지한다. let number1 : number =5 // 등호 왼쪽에 있는 변수 일므 다음에 쌍점을 추가한 뒤 타입이름을 추가할 수 있다. 지정하지 않은 방식으로 이 변수를 생성하는 경우에만 변경된다. 타입스크립트는 추론된 타입이라 하더라도 추론된 타..

number:다른 프로그래밍언어에는 특별한 정수형,실수형 또는 이중형이 있지만 타입스크립트와 자바스크립트는 숫자형은 하나뿐이다. string: 작은 따옴표 (' '), 큰 따옴표(" "), 백틱 (` `)과 같은 세 가지 방법중 하나로 정의할 수 있다. 간단한 텍스트이다. 백틱은 특수 구문으로 이를 사용하여 일부 데이터를 동적으로 주입할 수 있는 일반 문자열 , 즉 , 템플릿 리터럴을 작성할 수 있다. boolean: true 또는 false이 될 수 있는 타입이다. 프로그래밍 중에 특히 if 문에서 작업할 때 아주 중요하다. 이 두값은 자바스크립트에서 참 같은 값과 거짓값은 값의 id를 알 수 있기 때문에 중요한데 예를 들어 if 조건문에서 숫자0을 사용하면 이는 거짓으로 처리되어 거짓값이 되기 때문이..