🤔WeakMap..? WeakMap은 Javascript의 객체 타입입니다. Map과의 차이점은 키 값이 강력한 참조(strong reference)를 하지 않고, 약한 참조(weak reference)를 한다는 특징이 있습니다. ❓강력한 참조(strong reference)와 약한 참조(weak reference)는 무엇인가요? 강력한 참조와 약한 참조는 메모리 관리에서 사용되는 용어입니다. **강력한 참조(strong reference)**는 해당 객체가 메모리에서 제거되지 않도록, 무기한으로 유지되도록 보장하기 때문에 다른 곳에서 객체를 참조하지 않더라도 가비지 컬렉션의 대상이 되지 못합니다. 반면 **약한 참조(weak reference)**는 객체를 참조하지 않는 경우, 메모리 누수를 방지하기 ..
이전에 객체지향과 절차지향에 대해서 공부했었는데, 클린 코드(로버트 C 마틴) 책 6장에서 다뤄지는 내용을 충분히 이해하고자 !! 다시한번!! 중요한 개념으로 생각되기에! 포스팅 해봅니다!!! 🤔객체지향 프로그래밍(OOP, Object-Oriented Programming)이란? 소프트웨어 개발 패러다임 중 하나로, 객체(Object)와 그 객체들 간의 상호작용을 모델링하여 프로그램을 구성하는 방법론입니다. 코드 재사용성과 유지보수성을 향상시키는 등의 장점을 가지고 있어 현대적인 프로그래밍 언어들에 널리 사용되고 있습니다. 🤔절차지향 프로그래밍(PP, Procedural Programming)이란? 소프트웨어 프로그래밍 패러다임 중 하나로, 프로그램을 데이터와 프로시저(Procedure, 함수 또는 서브..
😥발생한 문제? "use client"; import { useEffect } from "react"; const KakaoMap = () => { useEffect(() => { const script = document.createElement("script"); script.type = "text/javascript"; script.src = `//dapi.kakao.com/v2/maps/sdk.js?appkey=${process.env.NEXT_PUBLIC_KAKAO_MAP_API}&autoload=false`; document.body.appendChild(script); script.onload = () => { window.kakao.maps.load(() => { const containe..
웹 사이트를 다국어 페이지로 제공하는 방식에는 다양한 방법이 있습니다. 😀1. 다국어 컨텐츠를 일일이 번역, 제공 각 언어별로 웹 페이지의 컨텐츠를 번역하여 제공하는 방식입니다. 각 페이지마다 해당 언어의 텍스트가 포함되는 방식으로 예를 들면 “kr” 폴더에는 한국어, “en”폴더에는 영어 버전의 웹 페이지 파일이 들어가 있습니다. 하지만 일일이 번역하기 때문에 비용과 시간이 많이 들고, 여러 언어로 된 컨텐츠를 일관성 있게 유지하기가 힘듭니다. 😀2. URL 언어 서브디렉터리 각 언어의 웹 페이지를 서브디렉터리에 저장하는 방식입니다. 각 언어별로 별도의 서브 디렉터리를 생성하고 해당 언어의 컨텐츠를 디렉터리에 배치합니다. 예를 들어“/en/”은 영어, “/kr/”은 한국어 디렉터리에 배치합니다. 이는 ..
이번에 네이버에서 제공하는 맵 API를 이용해보려 하는데, 예제가 기본적으로 HTML로 되어있고, 외부 JS파일을 script태그로 불러오는 형식으로 예문이 짜여져 있었습니다. 아래는 네이버 Dynamic Map API를 사용한 HTML 예제입니다. 위 코드의 script를 보면 다음과 같습니다. 이 코드와 같이 외부 JS파일을 불러오는 것을 알 수 있었습니다. 그렇다면 React환경인 NextJS에서는 이 파일을 어떻게 불러올 수 있을까요? 😎NextJS에서 제공하는 Script를 이용한다 import Script from 'next/script' export default function Dashboard() { return ( ) } Nextjs 제공하는 Script컴포넌트를 이용하여 위와 같이 J..
XML과 XHTML은 모두 마크업 언어의 종류로, 데이터를 구조화하고 표현하는데 사용되는 형식입니다. 🤔XML (Extensible Markup Language) XML은 데이터를 저장하고 전송하기 위한 언어로 설계되었습니다. 주로 다양한 응용 프로그램 간 데이터 교환을 위해 사용됩니다. John Doe 30 New York 🖊️XML은 다음과 같은 특징을 가지고 있습니다. 사용자가 자신만의 태그를 정의할 수 있어 확장성이 뛰어납니다. 문서의 구조를 정의하고 데이터를 계층 구조로 표현할 수 있습니다. 텍스트 데이터를 저장하기 위한 일반적인 형식입니다. 플랫폼 및 프로그래밍 언어에 독립적이며, 데이터 교환에 유용합니다. 불필요한 데이터 양이 발생할 수 있어 파일 크기가 커질 수 있습니다. 구문 검사 및 처..