Sub's playground

Next JS 프로젝트 생성 방법npx create-next-app@latest잠깐!! 여기서 React 프로젝트를 생성하는 방법npm init react-app '프로젝트 명'프로젝트 파일 구조page.js가 메인 파일이다.app 폴더: 코드를 작성할 폴더layout.js: 메인페이지 감싸는 용도의 페이지public 폴더: 이미지나 static 파일 보관용api 폴더: 서버기능 만드는 폴더next.config.js: nextjs 설정 파일node_modules 폴더: 설치한 라이브러리 보관용 폴더package.json: 설치한 라이브러리 버전 기록용 파일npm run dev // locathost에서 실행하는 명령어

Typescript의 자료형numberstringbooleannullundefinedany (javascript와 비슷하게 아무형태나 다 들어올 수 있다는 것을 의미)let a : number = 3let b : string = "ABC"let c : number | string = "asada" c = 222let e :string [] = ['apple' ,'mango']e.push("abc")function addNumber (a:number, b:number):number{ return a+b}Typescript를 구동하기 위한 명령어tsc index.ts브라우저는 Javascript만 이해가 가능하기 때문에 Typescript로 코드를 작성했다면 그것을 Javascript로 변환해야 한다...

변수 및 데이터 타입var sum;var sum, a; // ,를 이용해서 여러 개를 한개의 문장으로 선언 가능var x;console.log(x); // -> undefined (변수를 선언하기만 하면 변수 안에는 정의되지 않았음을 뜻하는 undefined)객체와 배열var card = { suit: "하트", rank: "A"};/* 배열 리터럴은 쉼표로 구분한 값을 대괄호로 묶어서 표현한다. */var evens = [2,4,6,8];/* 배열은 Array 생성자로도 생성할 수 있다. */var evens = new Array(2,4,6,8);/* 없는 배열 요소에 값을 대입하면 새로운 요소가 추가된다. */var a = ["A", "B", "C"];a[3] = "D";console.log(a); ..