타입스크립트는 자바스크립트의 타입 부분을 업그레이드해서 사용하는 일종의 자바스크립트의 대용품입니다. 자바스크립트는 동적 타입(Dynamic typing)을 지원하여 타입에 관대하지만, 타입스크립트는 타입을 엄격하게 검사하여 타입을 제대로 쓰지 않았을 경우 에러로 변환해 줍니다. 이는 큰 프로젝트에서 타입과 관련된 버그를 줄이는 데 매우 유용합니다.타입스크립트는 자바스크립트의 상위 집합으로, 자바스크립트 코드를 그대로 사용할 수 있으면서도 추가적인 타입 검사와 최신 ECMAScript 기능을 제공합니다. 이를 통해 더 안전하고 유지보수가 쉬운 코드를 작성할 수 있습니다. 1. 일반 HTML CSS JS 웹개발시 타입스크립트를 사용하려면,Nodejs를 설치합니다.Vscode에디터에서 터미널을 오픈한 후,np..

Step 1. Nodejs를 검색하여 밑의 사이트에 들어가 LTS 버전을 다운받아서 설치합니다. Step 2.npm init -y 작업용 폴더를 만들어서 vscode로 폴더를 엽니다. 폴더 내에 server.js란 파일을 만든 후, 터미널을 열어 위와 같이 입력하여, package.json 파일을 생성합니다. Step 3.npm install express 코드를 쉽게 작성하는데 도움을 줄 express 라이브러리와npm install -g nodemon 서버를 자동으로 재시작시켜줄 nodemon을 설치합니다. Step 4.const express = require('express')const app = express()app.listen(8080, () => { console.log('http:/..

Next.js 개발 환경 세팅에 관해 포스팅해보려 합니다.먼저, 구글에 Nodejs 검색해서 LTS라 써져있는 버전을 설치합니다. 설치가 완료되었으면 작업용 폴더를 만든 후, vscode로 엽니다.그 후 터미널에,npx create-next-app@latest 를 입력 후 엔터 시 프로젝트 생성이 됩니다.폴더명과 사용할 언어같은 경우에는 알아서 체크해주시면 됩니다.사이트를 브라우저로 미리보기를 띄우고 싶다면,npm run dev를 입력해 터미널에 나온 url로 접속하면 됩니다. app 폴더 : 우리가 코드를 입력할 폴더입니다. page.js : 메인페이지 layout.js : 메인페이지 감싸는 용도의 페이지입니다. public 폴더 : 이미지나 static 파일 보관용 폴더입니다.api 폴더 : 서버기능..

깃을 활용하여 기록하다보니,  만들어진 레파지토리를 vscode와 연동을 어떻게 시키는지 자꾸 까먹는것 같아 이번 글을 포스팅하도록 하겠습니다. 먼저 깃에 로그인 하여, 깃 레파지토리를 생성합니다. 만드실때 Add a README file을 체크하셔도 되지만, 체크를 안하고 생성해주셔도 되십니다(Readme파일을 생성하면 최초 커밋 시 파일 기록이 달라서 오류가 발생할 수 있기에 저는 따로 만들지 않았습니다.) 생성 후에는 이런식으로 나오게 되는데요,이후 vscode를 열어 깃에 설명된 대로 터미널에 작성해주시면 됩니다.  1. 기존 프로젝트 폴더를 vscode로 열어주시고, git을 초기화해줍니다.git init 2. 레파지토리에 연결시킵니다. git remote add origin https://gi..