1. set 자료구조란 무엇인가 set은 수학의 집합 개념을 기반으로 하는 자료구조입니다. 가장 중요한 특징은 중복된 요소를 허용하지 않는다는 점입니다. {} 중괄호를 사용하여 선언하며, 키(Key)와 값(Value)의 쌍으로 이루어진 딕셔너리와는 구분됩니다. 참고

TL;DR: Expo Web에서 발생하는 500 에러는 react-native-reanimated/plugin과 Expo SDK 53 간의 호환성 문제였습니다. Babel 플러그인을 제거하여 해결했습니다.React Native 모노레포(Turborepo)에서 Expo

React 웹만 하다가 React Native 해보니까 환경부터가 완전 다른 세상이구만...?! 신기하다...!!npm run web → 바로 브라우저에서 확인 (CRA처럼 동작) npx expo start --tunnel 후 DevTools에서 Run in web

회사 프로젝트를 진행하면서 React + Tailwind 프로젝트를 GitLab Pages에 배포했는데,라우팅과 관련된 문제가 발생했다. 로컬 개발 서버에서는 문제가 없었지만, 배포된 페이지에서 새로고침 시 404 에러가 뜨는 상황이었다.이 글에서는 내가 겪은 문제 상

Tailwind 설정에서 직접 색상 클래스 누락(styles/themes/dark, light/variables.css 에서 컬러 변수를 선언하고 있음)ex)CSS 변수 로딩 순서 문제테마 전환 시 CSS 변수 적용 지연

최근에 Next.js로 개발된 디자인 시스템을 React(Vite) 프로젝트로 옮기는 과정에서 예상치 못한 문제가 발생했습니다. Next.js에서는 잘 동작하던 Tailwind CSS 기반의 커스텀 유틸리티와 @layer, @apply 조합이 Vite 기반 React

프로젝트를 진행하다 보면 디자인이 계속 바뀌는데, 그때마다 색상, 폰트, 간격 등을 일일이 수정하는 일이 번거로웠다.브랜드 컬러 하나만 바꿔도 앱 전체가 한 번에 바뀌고, 버튼의 둥글기를 바꾸면 전부 반영되며, 폰트를 바꿔도 전역에서 따라오도록 만들고 싶었다.이걸 해결

다국어 웹 서비스를 개발하다 보면, 영어 번역을 추가할 때 번역 키값이 그대로 화면에 노출되는 황당한 경험을 하게 됩니다. 예를 들어,t('leads.dashboard.period')를 호출했는데 화면에 leads.dashboard.period가 그대로 뜨는 현상입니다

⭐️ 마지막엔 Setting > General > Visibility, project features, permissions > Pages권한을 전체공개로 바꿔줘야함!(기본 : only project members)\-> Redirecting 링크가 뜨면서 사이트 접속

백엔드로부터 로그인 api를 받기 전, 프론트에서 권한 별 페이지 접근 제어를 해야 해서 임시 로그인을 구현하게 되었다. 처음에는 local storage로 임시 키를 넣었다 빼는 로직이 간편하니까 그렇게 진행했는데, 이후 미들웨어를 사용하면서 문제가 생겼다. 아래는

💬 타이틀, 서브 텍스트 등과 같이 모든 페이지에서 동일한 글꼴 크기, 색상, 굵기를 사용하고 있음에도 매번 css를 각각 직접 지정해주고 있었다. 공통된 텍스트 css를 매번 새로 지정하고 있는 비효율을 없애고, 동일한 글꼴 크기, 색상, 굵기를 사용하는 곳이라면

필리핀 거래처 사이트를 제작하게 되어 다국어 지원을 알아보게 되었다.사이트 기본 제공 언어는 영어이지만, 필리핀어(타갈로그어)와 한국어도 함께 지원하면 좋겠다는 생각이 들어 다국어 지원 기능을 알아보게 되었다.이 프로젝트의 다국어 지원에서 중요한 점으로 아래의 3가지가

프로젝트 들어가기 앞서, next.js를 도입하는 프론트엔드 프로젝트에서 가장 이상적인 스타일링 방법이 무엇인지 고민이 생겼다.최근 emotion을 쓰고 있는 회사들이 많다고 들어서 이번 기회에 우리 프로젝트에도 도입해볼까 하는 생각에 emotion이 어떤 건지 조사해

문제MCP 서버를 실행할 때 spawn bunx ENOENT 에러 발생 (bun이 아예 설치되지 않은 상태)원인bun 런타임이 시스템에 설치되어 있지 않아서 bunx를 사용할 수 없는 상황해결터미널에 다음 명령어를 입력하여 bun 설치:문제터미널에서 bunx --ver

cursor AI와 함께 코드를 작성하는 연습을 하다보니, 알잘딱깔센으로 commit, push를 해주지 않아서 내가 신경써서 해달라고 요청하지 않는 이상 commit, push를 작은 단위 별로 꼼꼼하게 남겨놓는게 쉽지 않았다.그래서 생각한게, 요즘 cursor ai

✅- 이메일 드롭다운 선택 탭 내용을 이메일 주소에 반영1\. 드롭다운에서 특정 이메일을 선택하면 : input에 내가 쓴 이메일 + 드롭다운에 선택한 이메일둘을 합쳐서 formData의 email로 보내고싶어.드롭다운에서 '직접 입력' 선택시 : input에 내가 쓴

자꾸 input에서 autocomplete 경고 메시지가 떴다.autocomplete 은 자동완성이었다..!반드시 있어야 하는 것은 아니지만, 최적의 UX와 보안을 위해 추가하는 것이 권장됨.
특히, 다음 경우에는 autocomplete 속성을 명확하게 지정하는 것이

1) useModalStore() 의 타입을 지정할때는❌ useModalStore()zustand의 create 함수를 사용하여 만든 상태 관리 함수이므로 제네릭을 직접 전달하는 방식이 지원되지 않습니다.Zustand의 create() 함수는 이미 상태 관리 스토어의

예제

현업 프로젝트를 진행하다보니 어떤 처리가 유저에게 가장 좋은 경험을 제공할 지 점점 더 디테일하게 고민하게 되었다.누군가는 사소하다고 생각할 수 있는 고민들이지만, 유저는 생각보다 디테일한 부분에서 실망하기 마련이다. (내가 그러니까)모든 개발자가 그렇지만, 프론트엔드