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 등)를 사용하여 해당 리소스를 조작합니다. 이러한 ..