SW Dev Portfolio (31) 썸네일형 리스트형 지도 웹앱 개발 좌표계 [최근접 이웃 알고리즘] [최근접 이웃 알고리즘] 네이버와 공공데이터 API에서 제공하는 좌표 값이 서로 다를 경우, 이를 매칭하기 위해 유사한 좌표를 찾는 알고리즘을 JavaScript로 작성할 수 있습니다. 이를 위해 일반적으로 사용되는 알고리즘 중 하나는 "최근접 이웃" 알고리즘입니다. 아래는 JavaScript로 최근접 이웃 알고리즘을 구현하는 예시 코드입니다. // 네이버 좌표 const naverCoords = { latitude: 37.12345, longitude: 127.67890 }; // 공공데이터 좌표 목록 const publicDataCoords = [ { latitude: 37.23456, longitude: 127.78901 }, { latitude: 37.34567, longitude: 127.890.. 네이버 오픈 API 사용 하는 방법 : 검색 기능 편 네이버에서 제공해주고 있는 API 는 엄청나게 다양하다. 그 중에서 검색 > 지역 API 사용하는 방법을 알려주고자 한다. https://developers.naver.com/docs/serviceapi/search/local/local.md 검색 > 지역 - Search API 검색 > 지역 지역 검색 개요 개요 검색 API와 지역 검색 개요 검색 API는 네이버 검색 결과를 뉴스, 백과사전, 블로그, 쇼핑, 영화, 웹 문서, 전문정보, 지식iN, 책, 카페글 등 분야별로 볼 수 있는 API developers.naver.com 해당 공식 문서를 보면 나오는데 상세히 자세히 읽어보아야 알 수 있다. 검색 API 특징 검색 API는 비로그인 방식 오픈 API입니다. 비로그인 방식 오픈 API는 네이버 오.. 웹 컴포넌트의 새로운 세계: 웹 개발의 패러다임 변화 인터넷의 발전과 함께 웹 개발도 꾸준한 진화를 거듭하고 있습니다. 이러한 진화 과정에서 컴포넌트 기반 아키텍처가 등장하면서 웹 개발의 패러다임이 크게 변화했습니다. 오늘은 이러한 변화를 이끈 주요 기술 중 하나인 '웹 컴포넌트'에 대해 알아보겠습니다. 웹 컴포넌트는 프레임워크와 독립적으로 웹 애플리케이션을 구축하고 관리하는 새로운 방식을 제시하고 있습니다. 1. 컴포넌트 기반 웹 개발의 필요성 과거의 웹 개발은 각 페이지 또는 기능을 개발할 때마다 중복된 코드를 작성하는 번거로움이 있었습니다. 또한 복잡한 웹 애플리케이션을 관리하기 어려웠으며, 유지보수에도 어려움을 겪었습니다. 이러한 문제를 해결하기 위해 컴포넌트 기반 아키텍처가 등장하였습니다. 컴포넌트 기반 아키텍처는 다음과 같은 핵심 원칙을 갖고 있.. ‘애자일’ 잘 하는 방법(EoA) EoA(Essence of Agility)는 애자일 소프트웨어 개발 및 프로젝트 관리에 관련된 개념 중 하나로, 애자일 방법론과 관련된 핵심 원칙과 가치를 추상화하고 이해하기 쉽게 전달하는 프레임워크입니다. 이것은 비즈니스와 기술적인 변화에 대응하는 데 도움을 주고자 설계되었습니다. EoA는 다양한 애자일 방법론과 프레임워크(예: 스크럼, 칸반, 익스트림 프로그래밍)에서 공통으로 나타나는 핵심 개념과 원칙을 캡슐화한 것입니다. 이를 통해 개발자, 프로젝트 관리자, 경영진 등 모든 조직 구성원이 애자일 원칙을 이해하고 쉽게 적용할 수 있도록 돕는 역할을 합니다. EoA는 다음과 같은 몇 가지 주요 특징을 갖고 있습니다: 간결하고 이해하기 쉬운 원칙: EoA는 복잡한 애자일 개념을 추상화하여 명확하게 설명합.. HEROKU 배포 하는 방법 1. 일단 App 폴더 안에 client + server 폴더 2. client -> npm run-script build - build 폴더 생성 3. server > 폴더 config + Model + Router + Util 4. index.js 와 Profile 는 App 폴더 아래에 5. Profile > web: node index.js 6. HEROKU Install the Heroku CLI Download and install the Heroku CLI. If you haven't already, log in to your Heroku account and follow the prompts to create a new SSH public key. $ heroku login $ cd App.. XSS 해킹을 막기 위한 나의 노력 및 해결 방법 https://junhyunny.github.io/information/security/spring-mvc/stored-cross-site-scripting/ 저장형 XSS(Stored Cross Site Scripting) 공격과 방어 junhyunny.github.io http://blog.plura.io/?p=7614 XSS 대응방안 개요 XSS 공격은 웹 응용프로그램에 존재하는 취약점을 기반으로 웹 서버와 클라이언트 간 통신 방식인 HTTP 프로토콜 동작과정 중에 발생합니다. XSS 공격은 웹사이트 관리자가 아닌 이가 웹페이 blog.plura.io [ 문제점 ] 게시글 작성 기능 이용 시 전달되는 파라미터 내 스크립트를 삽입할 경우 이용자 입력 값에 대한 서버 측 필터링 미흡으로 Stored X.. 라우터 , 게이트웨이의 차이점과 하드웨어적 방화벽 강화 방법 보안 , 방화벽 강화 방법 하드웨어 방화벽의 작동 방식 특정 설정은 네트워크가 구성된 방식에 따라 다르지만 모든 방화벽은 유사한 방식으로 작동합니다. 네트워크와 인터넷 사이에 위치하고 있기 때문에, 잠재적인 피해로부터 네트워크를 보호하거나 악의적인 공격자가 악의적인 데이터를 다른 곳으로 확산시키는 데 사용하는 것을 방지합니다. 단순한 유형의 방화벽 한 가지는 데이터 자체를 검사하는 패킷 필터라고 합니다. 데이터가 소스 및 위치와 관련된 정보와 함께 제공되므로 방화벽은 이를 사용하여 데이터가 시스템에 위협이 되는지 여부를 확인한 다음 권한 목록을 통해 정보를 실행합니다. 데이터가 권한 체크리스트를 통과하지 못하면 통과가 허용되지 않습니다. 권한에 따라 데이터가 안전한 경우에는 통과가 허용됩니다. 최신 하드.. 장애인 개발원 BF 개발 1일차 보호되어 있는 글입니다. 이전 1 2 3 4 다음
