개발(250)
-
모바일에서 hover 로 인하여 클릭시 색상 바뀌는 이슈
https://velog.io/@sangpok/Tailwind-Hover-%EB%AA%A8%EB%B0%94%EC%9D%BC%EC%97%90%EC%84%A0-%EC%A0%9C%EC%99%B8%ED%95%98%EA%B8%B0 Tailwind Hover 모바일에선 제외하기CSS에서 hover라는 Pseudo-classes를 사용하면 편하게 hover 효과를 구현할 수 있다. 그러나 여기엔 문제가 하나 있는데, 그것은 바로,, 모바일 기기에서는 hover라고 부를 효과가 없으며, 그대로 적용할velog.iohttps://velog.io/@nooroong/%EB%AA%A8%EB%B0%94%EC%9D%BC-%EC%9B%B9%EC%97%90%EC%84%9C-hover-%ED%9A%A8%EA%B3%BC-%EC%A0%9..
2024.10.21 -
그림자의 다양한 경우의 수
https://codingeverybody.kr/css-box-shadow-%EC%86%8D%EC%84%B1-%EC%98%AC%EB%B0%94%EB%A5%B8-%EC%9D%B4%ED%95%B4%EC%99%80-%EC%82%AC%EC%9A%A9-%EB%B0%A9%EB%B2%95/
2024.10.17 -
아키텍처
아래는 다양한 소프트웨어 아키텍처 스타일을 예시와 함께 정리한 자료입니다: 1. Layered Architecture (계층형 아키텍처) 설명 소프트웨어 시스템을 주요 기능 또는 관심사별로 계층(layer)으로 나눕니다. 구조 Presentation Layer: 사용자 인터페이스 Business Logic Layer: 비즈니스 로직 Data Access Layer: 데이터베이스와의 상호작용 예시 웹 애플리케이션: - Presentation Layer: HTML, CSS, JavaScript (React 등) - Business Logic Layer: Node.js 서버 로직 - Data Access Layer: MongoDB, MySQL 쿼리 2. Feature-Based Architecture (..
2024.09.10 -
꼼꼼함과 빠름 그사이 어딘가
프로젝트 초기 단계: 빠른 프로토타이핑(Gain Insights) (70%): 아이디어를 빠르게 실현시키고 사용자 피드백을 수집하는 데 집중. 기본적인 기능 구현에 집중하여 시간과 자원을 절약. 미래 확장성 및 성능 고려(Sustain Growth) (30%): 기본적인 코드 구조와 설계를 고려하여 지나치게 복잡하지 않게 만듦. 프로젝트 중반 단계: 빠른 프로토타이핑(Gain Insights) (50%): 사용자 피드백에 따라 필요한 기능을 빠르게 추가. 미래 확장성 및 성능 고려(Sustain Growth) (50%): 기존 코드의 성능 최적화 및 구조 개선에 집중. 프로젝트 후반 단계: 빠른 프로토타이핑(Gain Insights) (30%): 사소한 업데이트 및 버그 수정. 미래 확장성 및 성능 ..
2024.09.09 -
10만건 정도에서 중복 확인 시간
일반적인 성능 기대치 인덱스를 잘 활용했을 때, 10만 건 정도의 데이터에서 중복 확인을 위한 쿼리 성능은 다음과 같습니다: 인덱스 없음: 전체 테이블 스캔이 필요하므로 시간이 오래 걸릴 수 있습니다. 보통 수백 밀리세컨드에서 수 초까지 걸릴 수 있습니다. 인덱스 사용: 인덱스를 사용하면 쿼리가 빠르게 처리됩니다. 일반적으로 수 밀리세컨드에서 수십 밀리세컨드 이내에 처리됩니다. 구체적인 예상 시간 최소 시간: 1 밀리세컨드 (서버가 고성능이고 데이터베이스가 최적화된 경우) 평균 시간: 5~50 밀리세컨드 (일반적인 서버 사양과 최적화 상태) 최장 시간: 100 밀리세컨드 이내 (낮은 성능의 서버 또는 많은 부하가 있는 경우) SELECT EXISTS( SELECT 1 FROM users ..
2024.09.09 -
test용 무료 공개 api
https://www.freepublicapis.com/?utm_source=substack&utm_medium=email Free Public APIs📈Enigma Business Data API The Enigma Business API delivers data on over 30 million U.S. merchants. It provides detailed business profiles, financial insights, transaction data, and compliance information such as corporate registrations and risk signals.www.freepublicapis.com
2024.09.04 -
yarn 이 프로젝트를 설치 하는 방법 (pnp, pnpm, node-modules)
nodeLinker: pnp장점 Extremely fast Content-addressable store Protects against ghost dependencies Semantic dependency errors Perfect hoisting optimizations Provides a dependency tree API Can be upgraded into zero-installs https://yarnpkg.com/advanced/pnpapi PnP API | YarnIn-depth documentation of the PnP API.yarnpkg.comhttps://yarnpkg.com/features/caching#zero-installs Cache strategies | YarnHow to..
2024.09.04 -
깃허브 스타 변화량 비교 사이트 추천
깃허브 스타 변화량 비교 사이트 추천https://star-history.com/ GitHub Star HistoryView and compare GitHub star history graph of open source projects.star-history.com
2024.09.03 -
2024 state of css 설문 시작
8월, 이른 감은 있지만 24년도 기준 설문조사가 시작되었군요 https://survey.devographics.com/en-US/survey/state-of-css/2024?source=announcement_email 한국인들의 통계를 추가해 줍시다 ㅎ 장점: 몰랐던 분야를 알 수 있다.
2024.08.28 -
언제 공통 코드를 만들어서 사용해야 할까?
erd 설계중 어떤 값들은 공통 코드에넣고 값만으로 저장하고 고민될떄, 리스트를 만들어서 보여줄 일이 있으면 따로 빼서 관리해야 한다. 예시 성별 > 사용자가 리스트로 (남, 여, 기타 성별등) 이렇게 볼수 있어야 하니 공통 코드로 관리,예시 카카오, 구글 로그인 > 클릭만 하고 카카오인지 구글인지 선택할 일이 없으므로 그냥 데이터로 관리
2024.08.23