Dev Diary 💻

Intro 안녕하세요. 이번시간에는 모바일 기기 (mobile device) 화면 잘림 현상에 대해 알아보겠습니다. 제 경우 react next project를 만들었습니다. pc local 개발자도구 테스트 시 화면 잘림 현상 없이 잘 나왔지만, 실제 핸드폰에는 border line이 살짝 잘린 현상이 나타나더라고요. 해당 문제를 해결하기 위해 구글링을 해봤습니다. 🤘 Why? 모바일 기기에서 화면 잘림 현상이 나타나는 원인은 여러가지 있을 수 있겠만, 대게는 모바일 기기 브라우저의 뷰포트와 관련된 문제라고 합니다. 모바일 브라우저는 페이지 렌더링 시 뷰퍼트의 크키에 맞게 자동 조정됩니다. 하지만 브라우저가 뷰포트의 크기를 올바르게 계산하지 못할 경우, 페이지가 제대로 나오지 않는 경우가 발생합니다. ..

Intro 안녕하세요. 이번 시간에는 RESTful API에 대해 알아보겠습니다. RESTful API (REST API) RESTful API란 Representational State Transfer(표현 상태 전이) 아키텍쳐를 따르는 API입니다. REST는 웹 기반 시스템에서 리소스를 정의하고, 이를 HTTP 프로토콜을 통해 CRUD(Create, Read, Update, Delete) 작업을 수행하기 위한 규칙이나 제약 조건을 제공합니다. RESTful API 특징 HTTP 프로토콜을 사용하여 클라이언트와 서버 간의 통신을 처리합니다. 클라이언트는 URL을 통해 서버의 리소스에 접근하고, HTTP 메소드(GET, POST, PUT, DELETE 등)를 사용하여 해당 리소스를 조작합니다. 이러한 ..

Intro 안녕하세요. 이번 시간에는 JWT(JSON Web Token) 에 대해 알아보겠습니다. JWT(JSON Web Token) JWT란 인증 및 권한 부여를 위해 사용되는 표준 기반의 데이터 형식입니다. JWT는 JSON 형식으로 표현되며, 데이터를 안전하게 전송하고 검증하기 위한 디지털 서명이 포함됩니다. JWT 구조 JWT는 세 가지 파트로 구성됩니다. 헤더, 페이로드, 서명입니다. 헤더 (Headder) 헤더는 토큰의 타입과 사용되는 해싱 알고리즘을 지정하는 역할을 합니다. 페이로드 (Payload) 페이로드는 토큰에 포함될 데이터를 정의합니다. 서명 (Signature) 서명은 헤더와 페이로드를 사용하여 생성되며, 이를 이용해 데이터의 무결성 (데이터의 정확성, 일관성, 유효성이 유지되는 ..