Sign in

it

it dev nextjs script

[NEXT JS] 외부 JS파일 사용하기

이번에 네이버에서 제공하는 맵 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..
wono | discuss |
it arc auth

SSO (Single Sign-On) 완벽 설명

SSO (Single Sign-On) 완벽 설명SSO(Single Sign-On)는 여러 애플리케이션과 시스템에 대해 한 번의 로그인으로 접근할 수 있게 해주는 인증 방식입니다. 즉, 사용자가 한 번 로그인하면 추가 인증 없이 여러 서비스에 접근할 수 있도록 하는 기술입니다. 이는 기업의 여러 시스템이나 웹 애플리케이션, 포털 사이트와 같은 다중 서비스를 제공하는 환경에서 사용자 경험을 개선하고 보안을 강화하기 위해 널리 사용됩니다. ## SSO의 개념과 필요성SSO는 사용자가 여러 시스템에 각각의 계정으로 로그인할 필요 없이, 한 번 로그인으로 모든 시스템에 접근할 수 있도록 하는 인증 방식입니다. SSO는 주로 대규모 조직에서 직원들이 다양한 시스템과 애플리케이션에 접근할 때 사용됩니다. 사용자 입장..
wono | discuss |
it ops aws ecs eks

AWS - Container Service (ECS vs EKS) 에 대한 이해

Glossary ECS - docker supported EKS - kubernetes supported 두 개념 모두 container orchestration service ​ 현 직장 업무로 외부 API를 콜하여 적재하는 서비스를 ECS로 등록하여 관리하고 있다. 이에 따라 AWS에서 제공하는 컨테이너 서비스를 전반적으로 살펴보고, ECS와 EKS의 차이를 파악해보고자 한다. ​ 아래 그림은 아마존에서 제공하는 컨테이너 서비스를 단계별로 분류해둔 그림이다. AWS Container Support Service * Hosting : 컨테이너가 실행될 환경(Compatibilities)를 EC2/Fargate로 설정하는것. 1) EC2 : 프로세서, 스토리지, 네트워크에 대한 full control 권..
wono | discuss |
it lib sms 문자발송

네이버 문자(sms) 서비스 구현

최근 신입으로 맡게된 프로젝트에서 사용하게 될 문자인증 서비스를 위해 문자 관련한 api를 찾아보았다. 제공하는 라이브러리를 조사해보니 coolsms https://coolsms.co.kr/ 세상에서 가장 안정적이고 빠른 메시지 발송 플랫폼 - 쿨에스엠에스 손쉬운 결제 전용계좌, 신용카드, 계좌이체 등 국내 결제 뿐만 아니라 해용신용카드로 한번의 카드번호 등록으로 자동충전까지 지원합니다. 전용계좌, 신용카드, 계좌이체 등 다양한 결제 방식 coolsms.co.kr NHN Cloud https://docs.nhncloud.com/ko/Notification/SMS/ko/api-guide/ API v3.0 가이드 - NHN Cloud 사용자 가이드 Notification > SMS > API v3.0 Gui..
wono | discuss |