js33 TypeScript 시작 - 노마드코더 Chapter 1 TypeScript란?TypeScript는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어로, JavaScript의 슈퍼셋이다. TypeScript는 JavaScript의 한계를 보완하고 대규모 애플리케이션 개발을 용이하게 하기 위해 만들어졌다. 슈퍼셋은 기본 기능에 더해서 추가적인 기능을 제공하는 상위 개념을 말한다.JavaScript의 한계?JavaScript는 동적 타입 시스템을 가지고 있어, 변수나 함수의 인자 타입을 명시하지 않고 있다. 이는 간단한 스크립트 작성에는 유연성을 제공하지만, 대규모 애플리케이션 개발에서는 예기치 못한 오류를 발생할 수 있는데, 아래 2가지 예시를 통해 JS의 한계를 확인할 수 있다. 예시 1: 잘못된 타입 전달아래 코드에서 문자열 "xxxxxx"를 인자로 .. 2024. 7. 19. React Open AI 활용 1. React 파일에 Node.js 환경을 세팅해준다. 아래 파일에 보면 node.js 를 활성화할 수 있는 작동 방법이 들어있다. 2023.10.27 - [코딩/React] - React Google Map으로 지역간 거리 및 이동 시간 계산하기 React Google Map으로 지역간 거리 및 이동 시간 계산하기 1. 구글 맵 API key 받아오기 모든 api가 거의 그러하듯 인증키를 받아와야한다. 아래 링크에 접속하여 API key를 발급받으면 된다. https://console.cloud.google.com/google/maps-apis/start?utm_source=Docs_GS_Button&ref=htt quddkflty.tistory.com 2. Node.js에 Server.js 파일 생.. 2023. 12. 29. [React] Open api clientId 값 알아내기 (공공 데이터 포털) 무장애 관광 api를 가져오던 중 api 값을 불러오기 위해 clientId 값이 필요하였는데 도저히 찾을 수가 없어 관광 데이터 관리자분께 문의를 드려보았다. 답변이 10분만에 와 놀랐고, 꼼꼼하게 보지 않는 나의 무지에 놀랐다.. 위에 사진과 같이 답이 왔는데 보통 맨위에 조회라는 데이터를 통해 쉽게 확인할 수 있고, Response body를 확인해보자! 2023. 10. 16. [React] 공공데이터 포털 Open API 사용하기 Axios로 Spring과 연동 연습을 한 후 새로운 api 사용 방법에 대해 공부해 보았다. 2023.07.18 - [코딩/React] - [React] 서버 연동을 위한 Axios 개념과 사용 방법&Tip [React] 서버 연동을 위한 Axios 개념과 사용 방법&Tip Axios란? Axios는 JavaScript에서 HTTP 요청을 보내는 데 가장 많이 사용되는 라이브러리이다. 주로 웹 애플리케이션과 API를 통신하는 데 사용되는데, Axios는 HTTP 요청을 보내고 해당 작업이 완료되면 Pro quddkflty.tistory.com 이번 글에서는 공공데이터 포털에 있는 국가 Open Api를 사용하는 방법을 적어보고자 한다. 1. 원하는 공공 API 검색 공공데이터 포털에 회원 가입을 한 후.. 2023. 10. 16. 이전 1 2 3 4 5 6 7 8 9 다음