본문 바로가기

Javascript40

Javascipt를 Typescript 처럼 코딩하기 간단하게 jsdoc을 사용하여 타입스크립트 처럼 사용할 수 있다. /** * * @param {number} a 첫 번째 숫자 * @param {number} b 두 번째 숫자 */ function sum(a, b) { return a + b } 이렇게 함수에서 타입 추론이 가능하다. 해당 함수를 호출할 때도 각 매개변수에 대해 타입 추론이 가능하다. 하지만 안타깝게도 추론만 해줄 뿐 다른 타입의 값이 들어와도 에러는 발생하지 않는다. @ts-check 으로 타입스크립트를 사용한 것처럼 예상한 타입이 아닌 다른 타입이 매개변수로 들어왔을 때 에러를 볼 수 있다. 2021. 4. 7.
헷갈리는 Javascript Compare 함수 먼저 자바스크립트의 sort 함수는 다음과 같이 사용한다. array.sort([Compare Function]) 자신이 원하는 조건으로 정렬을 하기위해 직접 Comapre Function을 구현해야 한다. Compare Function의 반환값에 따라 정렬이 다르게 동작한다. 반환값이 0 일 때 -> 변경 없음 반환값이 0 보다 클 때 -> 오름차순 반환값이 0 보다 작을 때 -> 내림차순 (음수일 때만 위치가 바뀐다고 생각하면 됨.) const arr = [1, 2, 3] arr.sort((a, b) => b - a) 라는 코드가 존재할 때 파라미터 a, b에 각각 1, 2 가 들어올 것이라고 예상할 수도 있지만 반대로 2, 1이 들어온다. 그렇기 때문에 이 부분이 좀 헷갈린다면 arr.sort((n.. 2021. 3. 29.
netlify에 client 어플리케이션 배포하기 회원가입 www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! www.netlify.com netlify에 접속하여 회원가입을 한다. 깃허브 계정 연동해서 가입하는게 편하다. 프로젝트 생성 회원가입을 완료하고 나면 아래와 같은 화면을 볼 수 있을 것이다. New site from Git 버튼을 누르면 아래와 같은 화면이 뜨는데 Github, GitL.. 2021. 3. 8.
Heroku에 node.js 서버 배포하기 Heroku Heroku (헤로쿠)는 자신이 개발한 어플리케이션을 웹 상에 서비스하기 위한 서버를 제공해 준다. 자신이 개발한 어플리케이션을 Heroku에 배포해보자. 회원가입 dashboard.heroku.com/ Heroku dashboard.heroku.com 로그인을 이메일로 하기 때문에 자주 사용하고 있는 이메일을 사용한다. 1. 빈칸 채우고 CREATE FREE ACCOUNT 를 클릭하여 회원가입 완료 2. 작성한 이메일로 인증 메일이 오면 인증 3. 패스워드 설정 4. 완료 app 생성 Create new app 버튼을 눌러 새로운 app을 생성한다. App name은 추후 자신의 서비스 주소가 되기 때문에 중복되지 않게 잘 찾아서 작성한다. Heroku CLI 설치 App name을 정하고.. 2021. 3. 8.