🌐 웹개발

🌐 웹개발/API

[Android | 안드로이드] 키 해시 가져오기

안드로이드에서 카카오 API를 사용하기 위해서 먼저 애플리케이션의 키 해시를 등록해야 한다. 키 해시 가져오느라 아주 애먹어서 정리해보고자 한다. 👽 준비 Openssl 설치 OpenSSL for Windows Download OpenSSL for Windows for free. OpenSSL Portable for Windows 32-bit and Android. OpenSSL is a robust, commercial-grade, and full-featured toolkit for the Transport Layer Security (TLS) and Secure Sockets Layer (SSL) protocols. It is also a general-p sourceforge.net 다운로드한 후..

🌐 웹개발/API

카카오 API | 카카오톡 공유하기 | 카톡 공유하기 | 카톡으로 URL 공유하기

카카오 API | 카카오톡 공유하기 | 카톡 공유하기 | 카톡으로 URL 공유하기 더보기 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 이번 플젝에서 카카오톡으로 url 공유하기 기능을 사용하게 되었다. 간단하게 정리해보도록 하겠다. 코드 카카오톡으로 공유하기 성공

🌐 웹개발/API

네이버 지도 API 사용법 | 지도 | 마커

네이버 지도 API 이번 프로젝트에서 지도 파트를 맡으면서, 네이버 지도와 친해져야 살아남을 수 있게 되었다. 네이버 지도 API와 친해지기 위해 주요 기능만 뚝딱 정리해보기로 했다. 공식 문서는 이쪽! NAVER Maps API v3 NAVER Maps API v3로 여러분의 지도를 만들어 보세요. 유용한 기술문서와 다양한 예제 코드를 제공합니다. navermaps.github.io 🌏 지도 생성하기 var container = document.querySelector(".container"); var map = new naver.maps.Map(container); 🔧 지도 옵션 설정 지도를 생성하고 옵션을 설정할 수 있다. center : new naver.maps.LatLng(${latitude}..

🌐 웹개발/웹 개발

기본 이벤트가 실행되지 않도록 막아보자 | Event.preventDefault()

🚫 Event.preventDefault() preventDefault()는 이벤트를 명시하지 않은 경우, 해당 이벤트에 대한 기본 동작을 실행하지 않도록 해주는 메서드이다. 예제를 살펴보자. 예제 HTML 삽입 미리보기할 수 없는 소스 event.prevenDefault()를 사용함으로써, 체크박스의 기본 기능인 체크와 제출하면서 페이지가 새로고침되는 것을 막을 수 있었다. 플젝을 하면서 form의 submit 이벤트 때문에 페이지가 refresh되는 것을 막기위해 많이 사용했던 것 같다. ajax를 이용하여 비동기적으로 데이터를 받아올 때 사용하면 좋다. 더보기 Event.preventDefault() - Web API | MDN Event 인터페이스의 preventDefault() 메서드는 어떤 이..

🌐 웹개발/웹 개발

[IntelliJ | 인텔리제이] 웹 프로젝트 생성

👋 준비 프로젝트 생성에 앞서, 인텔리제이와 톰캣이 설치되어 있지 않다면 미리 설치하자. 1. 인텔리제이 설치 최고의 Java 및 Kotlin IDE인 IntelliJ IDEA를 다운로드하세요 www.jetbrains.com 2. 톰캣 설치 Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specification..

🌐 웹개발/React

리액트와 뷰를 비교해보자 | 라이브러리 vs 프레임 워크 | React vs Vue

블로그 정리 잘하고 싶다 근데 기가 딸린다 걍 말하듯이 써야겠다 오늘은 리액트와 뷰를 비교해보겠다 빠르게 차이점을 읽고 싶으면 5줄 요약으로 가면 되겠다 가장 큰 차이점이라고 하면 React는 UI 라이브러리이며 Vue는 프레임워크라는 것이다. 라이브러리 vs 프레임워크 라이브러리와 프레임워크 모두 공통으로 사용될 수 잇는 특정한 기능들을 모듈화한 것을 의미하지만 차이점이 존재한다. 라이브러리 라이브러리는 단순하게 활용할 수 있는 도구들의 집합으로 프로그래밍을 하다가 필요한 기능이 있으면 호출하여 사용하면 된다. 프레임워크 프레임워크는 말 그대로 일정한 형태와 기능을 갖추고 잇는 뼈대를 의미한다. 프레임워크는 어플리케이션 개발에 필요한 필수적인 코드, 알고리즘, db연동 등과 같은 기능들을 제공해주며 프..