Programming 썸네일형 리스트형 [CSS] 특정 아이폰 사파리 브라우저 text-overflow:ellipsis 불가 현상 작업 중 발견 된 현상인데...특정 아이폰 사파리 브라우저에서만 text-overflow:ellipsis 가 적용되지 않는 문제가 발생했다...맥에다 아이폰을 연결해서 디버깅해봐도... 아니 대체 왜!!! 왜 특정 아이폰만 그러는지!!! 구글링 해본 결과 display 속성부터 position 속성까지 변경하는 방법들이 다양했는데 일단 내가 사용한 방법은 overflow:hidden 이 아닌 overflow:auto를 적용하는 것 이었다. 특이하게도 딱 overflow:auto로 값을 변경하니 text-overflow:ellipsis가 적용되었는데.... 아직도 원인은 모르겠다... 다만 작업중인 부분이 모바일 전용이고 해당 부분 위에 가상선택자로 투명한 박스를 올려놔서 사용자가 스와이프해도 해당 글 부.. 더보기 [React-Native] RN Project 생성하기 npx react-native init 프로젝트명내가 안까먹기위한 기록! 2024-11-05 expo 가 아닌 네이티브 방식으로 생성하기 변경1. 기존에 설치된 react-native-cli @react-native-community/cli 제거npm uninstall -g react-native-cli @react-native-community/cli 2. 새 프로젝트 만들기npx @react-native-community/cli@latest init AwesomeProject 더보기 [Nestjs] .entity.ts 에 사용되는 데코레이터 종류 sql문에서 사용되는 컬럼의 옵션들을 nest에서는 어떻게 설정하고 사용되는지 알아보기! 1. @Column에 간단한게 작성하는 법// ProjectRootDir/src/TableNameDir/entities/TableName.entity.tsimport { Entity, PrimaryGeneratedColumn, Column } from 'typeorm';@Entity()export class colunmName { @PrimaryGeneratedColumn() id: number; @Column() name: string; @Column({ nullable: true }) description: string;}entity.ts에 데코레이터를 작성하는 간단한 예시입니다.만약 아무 데코레이터를.. 더보기 [JavaScript] 리액트에 indexedDB 사용하기 일전에 사이드프로젝트를 진행하면서 로컬스토리지와 세션스토리지 그리고 쿠키를 이용했었고지금도 회사업무를 진행하면서 세션과 로컬스토리지, 쿠키를 이용하고있습니다. 하지만.... 사이드프로젝트를 진행할 당시 뭔가... 뭔가가 부족했었는데...요즘이야 백, 프론트 상관없이 올포지션을 다 다룰수 있어야하지만... 난 아직도 부족하기 때문에백엔드 프로젝트를 혼자서 구현하기가 아직도 버거워요. 그러다가 문득 찾은 것이 indexedDB!!! 이름 그대로 DB이다! mdn web docs 에서는 이렇게 설명하고 있습니다. IndexedDB는 파일이나 블롭 등 많은 양의 구조화된 데이터를 클라이언트에 저장하기 위한 로우 레벨 API입니다. IndexedDB API는 인덱스를 사용해 데이터를 고성능으로 탐색할 수 있습니다.. 더보기 [React] 카카오맵 API 커스텀 해보기-2 1편 글은 여기로!https://kkt102.tistory.com/119 [React] 카카오맵 API 커스텀 해보기-1따로 사이드 프로젝트와 회사 프로젝트를 진행하다보니 생각보다 카카오맵을 많이 사용하게되서 혹시라도 저와 비슷한 고민을 하는분들이 있지 않을까 싶어 작성하게 됬습니다. 절대로 100% 정kkt102.tistory.com 저번 1편에 지도출력, 현재위치 랜더링, 마커, 마커변경에서 이어지는 글 입니다.1. 마커는 표시됬고 현재위치 마커에서 특정 반경을 표시해주고싶은데...?이번에는 마커 중심으로 도형을 그려보겠습니다!저는 해당 기능을 마커 중심에서 특정 반경을 표시할 때 사용해봤습니다. 사실 얼마나 정확한지는 모르겠지만...가장 기본적인 원형을 띄우는 코드입니다.const KakaoMap.. 더보기 [React] 카카오맵 API 커스텀 해보기-1 따로 사이드 프로젝트와 회사 프로젝트를 진행하다보니 생각보다 카카오맵을 많이 사용하게되서혹시라도 저와 비슷한 고민을 하는분들이 있지 않을까 싶어 작성하게 됬습니다. 절대로 100% 정확한 답이 아니지만 그래도 도움이 되면 좋겠네요. 1. 그래서 카카오맵 API 를 React에서 어떻게 사용한다고??!! (또다시 반복!)https://kkt102.tistory.com/69네... 일단 JavaScript Key도 발급 받아야하고 사용 할 URL도 등록해주고... 기본 작업은 동일합니다.근데 카카오맵 API 가이드에는 스와이프처럼 다른 프레임워크 기준으로 가이드가 없다보니 저는 처음에 삽질아닌 삽질을 많이 했었습니다.나중에 와서 능력자 한분이 카카오맵 API를 React Module로 배포한 적이 있는 걸 .. 더보기 [Nestjs] Nestjs 시작하기 - Nestjs란? Nestjs란... 공식 홈페이지에서는 아래와 같이 나와있다. Introduction Nest (NestJS) is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with and fully supports TypeScript (yet still enables developers to code in pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional .. 더보기 [React] TypeScript에서 Swiper 사용하기 // Import Swiper React components import { Swiper, SwiperSlide } from 'swiper/react'; // Import Swiper styles import 'swiper/css'; export default () => { return ( console.log('slide change')} onSwiper={(swiper) => console.log(swiper)} > Slide 1 Slide 2 Slide 3 Slide 4 ... ); }; Swiper에서 가장 기본적으로 사용되는 코드샘플이다. 다만 타입스크립트에선 해당 코드를 그대로 사용하면 ERROR in src/components/HashTag/HashTag.tsx:14:18 TS7006: Pa.. 더보기 이전 1 2 3 4 ··· 10 다음
