[Next.js] Next.js에 네이버맵 지도 API 첨부하기
·
스터디/React, Nextjs
목차 네이버지도를 첨부하는 과정은 아래 과정으로 실행한다.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..
[Next.js] Next.js 에서 썸네일 thumbnail 추가하기 (openGraph, twitter
·
스터디/React, Nextjs
목차 1. 썸네일링크를 남기면 보이는 이미지가 자동으로 생성되는건줄 알았는데 알고보니 FE에서 설정한거더라.. 채찍피티가 말해주길 ✅썸네일을 적용하면OG 이미지가 명확히 지정되어 있어 공유 시 플랫폼(페이스북, 트위터 등)에서 썸네일을 표시합니다.예를 들어 opengraph-image.png 파일을 app/경로/ 디렉토리에 두거나, 코드로 생성하면 자동으로 태그들이 생성됩니다. ❌썸네일을 적용하지 않는 경우OG 이미지가 지정되지 않으면, 썸네일 없이 제목과 설명만 나오거나, 플랫폼 기본 추출 방식에 의해 사진 일부가 잘리거나 임의로 선택될 수 있습니다.이럴 경우 글이 덜 눈에 띄며, 클릭률도 낮아질 수 있어 주의가 필요해요 . 썸네일을 적용하는 방식으로는 동적으로 설정하는 방법도있는데 나는 간단하게..
[MySQL] VARCHAR vs TEXT
·
스터디/Database
목차 1. VARCHAR 의 크기 제약테이블을 정의할 때 아래와 같이 varchar 또는 text 로 컬럼을 정의합니다.alter table test_tb name varchar(100) not null; MySQL은 기본적으로 하나의 행(ROW)이 가질 수 있는 최대 행 크기를 65535 바이트로 제한하고 있습니다. 다음과 같은 테이블 생성 쿼리를 실행하면 실패하는 것을 확인할 수 있습니다.- 하나의 행이 가질 수 있는 최대 크기 = 65535byte- varchar 컬럼이 가질 수 있는 최대 크기 = 16383자리 mysql> CREATE TABLE long_varchar (id INT PRIMARY KEY, fd1 VARCHAR(1000000));ERROR 1074 (42000): Column ..
[쿠버네티스 스터디.1-3] CI/CD, Docker, Container
·
스터디/Cloud & k8s
목차   1. CI/CD 란 지속적 통합 (CI) + 지속적 전달 (CD - Continuous Delivery) + 지속적 배포 (CD - Continuous Deployment)  2. CI/CD 특징협업 효율성 증가품질 향상지속적인 통합과 배포 3. GithubActions vs Jenkinsgithub actionsgithub 저장소에 통합된 ci/cd 도구로 코드 변경 사항이 발생하면 자동으로 빌드, 테스트, 배포 작업 수행장점클라우드 기반으로 별도 인프라 구축 불필요간편한 설정, yaml 파일로 워크플로우 정의하여 설정이 직관적github 와 통합하여 빠른 배포 가능Jenkins오픈소스 자동화 서버, 빌드/테스트/배포 과정을 자동화하는데 사용됨. 플로그인 기반 아키텍처로 배포 환경에 맞게 확장..
[쿠버네티스 스터디.1-2] 확장성, 고가용성, 안정성
·
스터디/Cloud & k8s
1.모던 애플리케이션 특징고가용성 high availability을 통해 서비스가 장애 발생시에도 중단되지 않도록 설계됨확장성을 갖추어 수직적/수평적 확장 가능복원력을 통해 빠르게 복구 가능자동화된 ci/cd pipeline과 container 기술을 통해 빠른 배포 주기와 일관된 품질 보장데이터 복제, 샤딩, Failover 와 같은 분산 시스템 적극 활용됨2.고가용성 (High Availability, HA)Why?서비스 다운은 매출손실, 사용자 이탈, 신뢰도 하락으로 이어짐. 무중단 서비스가 이루어져야 됨.3.고가용성의 핵심 개념1) Single Point of Failure (SPOF)하나의 장애로 인해 전체 시스템이 멈추는 지점e.g. 서버 1대로 운영하면 서버가 다운될 경우 서비스도 중단됨 2..
코틀린의 Error Handling - runCatching
·
스터디/Kotlin
코틀린의 runCatching자바의 try~catch 와 동일하게 지원하지만 조금 다른 방법으로 핸들링 할 수도 있습니다! 예를들어 아래와 같은 요구사항이 있다고 가정해봅니다.LoginApiClient 호출 시 LoginException 발생errorCode = INVALID_PASSWORD인 경우 예외를 발생하지 않고 null을 리턴한다.그 외 에러는 모두 예외를 발생시킨다. try ~ catch 를 사용한 코드try { loginApiClient.login(request)} catch (e: LoginException) { if (e.errorCode == "INVALID_PASSWORD") { return null } else { throw e }}  Java 에서는 익숙하게 위처..