Typescript(3) - 함수(1)
·
Typescript
이번 포스팅에서는 함수의 타입선언에 대해 알아보겠습니다. 중요하기 때문에 두 포스팅으로 나눠서 작성하겠습니다. 함수 두 인자의 합을 반환하는 함수를 작성해보겠습니다. javascript fuction add(num1,num2){ return num1 + num2; } 일반적인 자바스크립트 문법으로 구현된 add함수입니다. num1과 num2 모두 정수로 받아올것입니다. 하지만 num1,num2 모두 타입이 정의 되지 않았기 때문에 num1,num2 에 만약 string이 들어오게 된다면 값이 이상하게 나올 것입니다. typescript로 변환 function add(num1:number,num2:number):number{ return num1 + num2; } // number (정수) 를 return..
Typescript(2) - interface
·
Typescript
이번 포스팅에서는 typescript의 interface에 대해서 포스팅 해보겠습니다. interface?🤔 TypeScript의 interface는 객체의 구조를 정의하는 역할을 합니다. 즉, 인터페이스는 객체의 속성과 메서드를 설명하고, 해당 객체가 어떤 형태를 가져야 하는지를 정의하는 일종의 계약이라고 할 수 있습니다. interface를 사용하면 객체가 특정한 구조와 멤버를 갖도록 강제할 수 있으며, 이를 통해 코드의 가독성과 유지보수성을 향상시킬 수 있습니다. interface의 사용으로 객체 구조안의 타입의 강제성을 부여 interface 예제 interface를 사용하지 않은 객체 let user:object; user = { name: 'kang', age: 22, } con..
Typescript(1) - 정적 타이핑
·
Typescript
현재 웹개발의 트렌드는 단연 typescript이다. 기업체 및 대규모 프로젝트에서는 안정성이 요구되기 때문에 타입의 오류가 많은 javascript 대신에 typescript를 사용해 웹, 앱 어플리케이션의 안정성을 높이고 생산성을 증대시킨다. 이러한 웹개발의 트렌드에 따라가기 위해서 typescript의 공부는 필수이기때문에, typescript를 본격적으로 공부하고 블로그에 정리하기로 했다. 이번 포스팅에서는 정적 타이핑에 대해 알아보는 글을 작성해보도록 하겠다. 정적타이핑?🤔 정적 타이핑은 변수, 매개변수, 함수의 반환값 등에 컴파일 시점에서 타입을 명시하고 검사하는 것을 의미한다. 변수에 할당되는 값의 타입이 컴파일 시점에 결정되고, 해당 타입과 일치하니 않는 할당이나 사용시에는 컴파일 오류가 ..
RIOT API 사용법 및 연동하기
·
공부중/API
이번 포스팅에서는 riot api 를 사용하는 방법과 챔피언 숙련도 검색페이지를 제작해보겠습니다. RIOT API? RIOT API는 Riot Games가 제공하는 API로, League of Legends(롤) 와 관련된 데이터에 접근할 수 있게 해주는 프로그래밍 인터페이스입니다. RIOT API를 사용하면 개발자들은 LoL 게임 데이터를 활용하여 사용자 정의 애플리케이션, 웹사이트, 통계 분석 도구 등을 개발할 수 있습니다. 예를 들어, 실시간으로 게임 정보를 추적하거나 유저의 전적을 조회하는 기능을 개발할 수 있습니다. RIOT API는 RESTful API로서, HTTP 요청을 통해 데이터에 접근합니다. 다양한 엔드포인트를 통해 게임 데이터, 리그 정보, 매치 데이터, 챔피언 정보, 아이템 정보 ..
Nodejs로 외부 링크 이미지 저장하기
·
Javascript
이번 포스팅에서는 이전에 진행하던 롤 숙련도 검색사이트 개발중 생긴 문제점인 외부 이미지 저장에 대하여 포스팅 하겠습니다. 외부 링크 이미지 라이엇 게임즈에서 지원하는 API중 챔피언들의 이미지를 가져올 수 있는 링크가 있어서 접근하여 보았습니다. http://ddragon.leagueoflegends.com/cdn/13.12.1/img/champion/Aatrox.png 위 링크로 접근시 이미지가 나올것입니다. 링크 맨 뒤쪽의 Aatrox.png 가 보이실텐데 [챔피언이름].png 를 입력하면 해당 챔피언의 사진이 나오게 됩니다 영어입니다. 저는 이것을 이용해 리그오브 레전드의 모든 챔피언의 이미지를 한번에 가져올 것입니다. 외부링크 이미지 다운로드하기 app.get('/img/download&..
신입 개발자들이 제일 많이 하는 실수 3가지..! (워니코딩)
·
공부중/유튜브
워니코딩 유튜브를 보고 정리해서 적었습니다. 실수 3가지 실리콘 밸리 4년있으니까 유니콘기업 개발자 많이 만났는데 어떻든간에 주니어 개발자들이 항상 똑같은 실수를 한다. 제가 생각하는게 다른사람들이 생각하는거랑 다를수 있다. 1. 개발을 하다가 막히면 무조건 물어보는 행동 이거 어떻게해요 ? 제일 첫번째 실수이다. 개발환경을 세팅하거나 막힌다면 주니어개발자들은 바로 채팅이 오거나 옆자리로 온다. "아..이거 안되는데 도와주세요.. 같이해주세요" 스택오버플로우라는 사이트가 있는데 보통 거기서 답변이나옴 조금 큰 기업경우는 개발자 포럼이 따로있다. 거기가면 나올수 있고 회사 코드베이스가 다 공개된 회사의 경우 코드라인을 검색하면 코드로써 확인가능 웬만해서 혼자서 풀기가 가능하다 사실 신입개발자의 수준에서는 ..