전체 글 (133) 썸네일형 리스트형 [React] 이미지 슬라이드 구현하기 한 화면에 여러 정보를 보여주고 동적이고 질 좋은 페이지를 만들고자 할 때 이미지 슬라이드 즉, 캐러셀은 개인적인 생각으로 빠질 수가 없다 생각한다. 한 화면에서 많은 정보를 보여주고 다양한 컨텐츠를 담아내기에 프로젝트를 만들 때 사용하면 정말 좋은 요소이다. CSS와 JS를 응용해서 만들어 낼 수도 있지만 난이도가 꽤 높고 번거롭다. 쉽고 간단하게 캐러셀을 만들어내기 위해 Swiper라는 라이브러리를 사용하여 원하는 대로 캐러셀을 Custom 하여 사용해 보자 1. Swiper 란?모바일 및 PC에서 구현하기 쉽고 사용하기 적합한 캐러셀 라이브러리이다.간단한 HTML, CSS, JS 코드를 통해 반응형 캐러셀 등을 만들어낼 수 있으며, 기본 디자인에서 사용자가 원하는 대로 커스텀 또한 가능하고 다양.. [오류해결] make: *** [ext/simplexml/simplexml.lo] error 1 php make를 진행하던 중 아래와 같은 에러가 발생하였다. /home/php-5.1.4_nts/install/php-5.1.4/ext/simplexml/simplexml.c:1223:38: error: dereferencing pointer to incomplete type strval = xmlStrndup(outbuf->buffer->content, outbuf->buffer->use);/home/php-5.1.4_nts/install/php-5.1.4/ext/simplexml/simplexml.c:1223:63: error: dereferencing pointer to incomplete type strval = xmlStrndup(outbuf->buffer->content, outbuf->b.. [오류해결] make: *** [ext/dom/documenttype.lo] error 1 php make를 진행하던 중 아래와 같은 에러가 발생하였다. /home/php-5.1.4_ts/install/php-5.1.4/ext/dom/documenttype.c:219:42: error : dereferencing pointer to incomplete type strintsubset = xmlStrndup(buff->buffer->content, buff->buffer->use);/home/php-5.1.4_ts/install/php-5.1.4/ext/dom/documenttype.c:219:65: error : dereferencing pointer to incomplete type strintsubset = xmlStrndup(buff->buffer->content, buff->buffe.. [Android] Retrofit2를 통해 API 서버와 HTTP 통신하기 JavaScript에서 사용되는 ajax, axios 같은 API 서버와 통신하는 로직을 Retrofit2를 사용하여 안드로이드에서 구현해 보자. 1. Retrofit2란?안드로이드 환경에서 클라이언트와 서버 간의 HTTP 통신을 위한 라이브러리이다.Square에서 개발되었으며, Restful API 통신을 단순화하여 앱의 성능을 개선해 주는 것이 특징이다. OkHttp 라이브러리 위에 구축이 된 모델이며, 다양한 JSON Parser 들을 사용하여 서버의 응답을 처리할 수 있고 비동기적인 네트워크 호출 처리와 서버 오류에 대한 부분을 쉽고 간단하게 대처하여 처리할 수 있다. 2. Retrofit2 사용하기우선 필요한 의존성을 Gradle에 추가해 주자.dependencies { impl.. [NextJS] Pretendard 폰트 적용하기 (LocalFont) NextJS에서 제공하는 'next/font/local' 을 통해 Pretendard Font를 LocalFont로 설정하여 사용해 보자. 1. next/font NextJS에서 기본적으로 제공하는 next/font는 NextJS 환경에서의 폰트 최적화를 지원해 주며, 이는 폰트에 대한 브라우저 캐싱과 프리 로딩을 지원하기에 페이지 로딩 속도를 높여주는 역할을 해준다. 맨 처음에 NextJS를 설치하면 layout.tsx 파일에 기본적으로 'next/font/google' 이 설정되어 있는 걸 본 적 있을 것이다. 이는 구글 폰트의 CDN 서비스를 통하여 웹 폰트를 불러오는 것이며, 별도의 설정 없이 바로 google 웹 폰트를 사용할 수 있다. 웹 폰트가 아닌 로컬에 폰트를 별도로 지정하여 사용하고 .. [오류해결] Error: Cannot retrieve repository metadata (repomd.xml) for repository: base. yum을 사용하여 직접 rpm package를 설치하는 과정에서 아래와 같은 에러가 발생되었다. Error: Cannot retrieve repository metadata (repomd.xml) for repository: base. Please verify its path and try again 1. 오류 발생 원인해당 오류는 base repo가 잘못 설정되어 있기에 발생된 오류 메시지로 확인되었다.직접 yum에 내장되어 있는 package 버전이 아닌 인터넷에서 직접 찾아서 가져온 package 버전의 rpm으로 진행을 하려다 보니 발생된 것 같았다.yum install sqlite-3.7.5-1.fc15.x86_64.rpm sqlite-devel-3.7.5-1.fc15.x86_64.rp.. [Supabase] NextJS + Typescript에 Supabase 연동하기 관련 포스팅2025.04.12 - [Server/Supabase] - [Supabase] Supabase 사용하기 [Supabase] Supabase 사용하기1. Supabase란?Supabase는 BaaS(Backend as a Service)로 서비스형 백엔드이다.프론트엔드단에서 백엔드 서비스를 제공해 주는 서비스 모델이다. 즉, 데이터베이스와 API를 구축하는 데 필요한 복잡한 설정과rlawo32.tistory.com Supabase를 NextJS 환경에 연동하여 직접 데이터를 조회한 뒤 처리하는 앱을 구현해보겠다. 1. Supabase 세팅하기 (with. TypeScript)먼저 Supabase와 관련된 package를 npm을 통해 설치하자. 설치할 목록은 아래와 같다.필요한 Supabas.. [Tomcat] Tomcat으로 war 서버 구동하기 Apache Tomcat을 통해 war 파일을 배포하여 구동시켜 보겠다. 1. Tomcat 다운로드우선 Tomcat을 다운로드 받아주자. 나는 윈도우 환경에서 Tomcat 9 버전으로 진행할 것이기에 아래 사이트로 가서 64-bit Windows zip 파일을 다운로드 받았다.https://tomcat.apache.org/download-90.cgi Apache Tomcat® - Apache Tomcat 9 Software DownloadsWelcome to the Apache Tomcat® 9.x software download page. This page provides download links for obtaining the latest version of Tomcat 9.0.x software,.. 이전 1 2 3 4 ··· 17 다음
