목차 네이버지도를 첨부하는 과정은 아래 과정으로 실행한다.1.NAVER Cloud 플랫폼에 서비스 등록2.장소 위도,경도 변환3.위도를 네이버맵 첨부할 때 입력 1. 네이버 application 등록하기 NAVER CLOUD PLATFORMcloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certificationwww.ncloud.com 우선 네이버지도에 애플리케이션을 등록해주어야돼요. "Application 등록" 버튼 클릭해서 새로 생성해주기. Api 선택은 dynamic map, static map 만 선택해주었다.web 서비스 url 에도 내 실제 서비스 ur..

목차 1. 썸네일링크를 남기면 보이는 이미지가 자동으로 생성되는건줄 알았는데 알고보니 FE에서 설정한거더라.. 채찍피티가 말해주길 ✅썸네일을 적용하면OG 이미지가 명확히 지정되어 있어 공유 시 플랫폼(페이스북, 트위터 등)에서 썸네일을 표시합니다.예를 들어 opengraph-image.png 파일을 app/경로/ 디렉토리에 두거나, 코드로 생성하면 자동으로 태그들이 생성됩니다. ❌썸네일을 적용하지 않는 경우OG 이미지가 지정되지 않으면, 썸네일 없이 제목과 설명만 나오거나, 플랫폼 기본 추출 방식에 의해 사진 일부가 잘리거나 임의로 선택될 수 있습니다.이럴 경우 글이 덜 눈에 띄며, 클릭률도 낮아질 수 있어 주의가 필요해요 . 썸네일을 적용하는 방식으로는 동적으로 설정하는 방법도있는데 나는 간단하게..

웹 개발 관련해서 프로젝트를 진행하다보면 서버 사이드 렌더링, 클라이언트 사이드 렌더링 등 SPA, CSR, SSR, SSG 와 같은 용어를 자주 마주칠 수 있습니다. 이때 SPA, SSR, SSG는 무엇을 의미하는 것일까요? 웹 개발 용어에서 꼭 알아야하는 용어로 모르고있었다면 이번에 그 의미를 알아두도록합시다! 1) SPA (Single Page Application) 단일 웹페이지로 동작하는 애플리케이션으로 기존 웹 페이지처럼 새로운 페이지를 로드하는 방식이 아닌 하나의 페이지 안에서 필요한 데이터만 가져오는 형태입니다. 즉 처음에 페이지를 가져오고 두번째 이후에는 api로 부터 필요한 데이터만 받아 화면을 업데이트하는 것입니다. React, Vue.js 등 자바스크립트 라이브러리로 구현 가능 합니..

React-Router 우리가 흔히 말하는 페이지 이동 기능은 리액트에서는 router를 통해 처리할 수 있습니다. 이때 라우터는 라우팅을 처리해주는 것인데요, 라우팅은 무엇일까요? 라우팅 (Rounting) 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이라고 생각하면됩니다. 리액트 라우팅 관련 라이브러리가 많은데 react-router가 가장 많이 사용됩니다. 👉 여기서 잠깐, React는 SPA 구현에 가장 많이 사용되는데요, SPA가 무엇일까요? SPA, SSR, SSG 개념 및 정리 1) SPA (Single Page Application) 단일 웹페이지로 동작하는 애플리케이션으로 기존 웹 페이지처럼 새로운 페이지를 로드하는 방식이 아닌 하나의 페이지 안에서 필요한 데이터..