FE

| 간단한 소개 Svelte는 React, Vue처럼 컴포넌트 기반의 프론트엔드 프레임워크입니다. 하지만 가장 큰 특징은 “가볍고 빠르다”는 점이에요. 대부분의 프론트엔드 프레임워크(React, Vue 등)는 런타임 시점에 Virtual DOM을 이…

| 도입 로또 발매기 미션은 제게 단순한 과제가 아니라, “테스트를 진짜로 써야 하는 이유”를 깨닫게 한 계기였습니다. 그전까진 테스트를 코드가 완성된 뒤 “돌려보는 확인용” 정도로만 생각했습니다. 하지만 이번 프로젝트에서는 Jest를 활용해 테스트…

| 도입 우테코 3주차 미션이었떤 로또 발매기 프로젝트의 리팩토링을 진행하면서 가장 크게 부딪힌 문제는 LottoMachine이 모든 일을 혼자 하고 있었다는 점이었습니다. 로또 번호 생성부터 당첨 매칭, 결과 통계 계산, 수익률 산출까지 — 모든 …

| 개요 우아한테크코스를 하면서 Jest를 활용한 테스트를 진행하게 되어서, 이에 대해 공부하고 배운 내용을 정리하고자 한다. 먼저, Matchers는 Jest에서 테스트 값의 일치 여부를 확인하기 위한 도구이다. 하나하나씩 살펴보자. | expec…

| 서론 이번 우아한테크코스 프리코스 미션을 하다가 split 메서드를 사용해서 문자열을 처리하는 것은 복잡한 단점이 있었다. 깔끔하게 자르는 과정이 필요했던 찰나, 이를 편하게 해줄 수 있는 장치로 '정규식(Regular Expression)에 대…

| 서론 지난 포스팅에서는 Airbnb Style에 대해서 다뤄봤다. 하나하나 규칙을 알아보는 것도 중요했지만, 일일히 하나하나씩 다 수정하기란 많은 리소스가 드는 아쉬움이 있었다. 감사하게도, 우아한테크코스를 함께 하고 있는 "김보현"님께서 공유해…

| 서론 우아한테크코스 8기 프리코스에 참여하면서 Airbnb JavaScript를 접하게 되었다. 처음 알게 된 스타일 가이드이다보니, 친해지는 과정과 고민이 되는 여러 부분들이 존재했다. 이번 포스팅에서는 Airbnb JavaScript에 대해서…

Flutter에서 Rive 애니메이션을 사용하면서 자산 로드/아트보드 로드 에러를 겪을 수 있습니다. 이번 포스팅에서는 제가 겪었던 문제와 해결 방법을 공유합니다. 1. 발생한 에러들 처음에는 Rive 애니메이션 파일(.riv)을 불러오려고 했을 때…

프론트엔드 개발을 하다 보면 예상치 못한 버그를 마주하게 된다. 이번 글에서는 React Input에서 한글 입력이 "서울"→ "ㅅㅓㅇㅜㄹ"처럼 분해되는 IME(Input Method Editor) 문제와 이를 어떻게 해결했는지에 대해 기록하고자 한…

React 프로젝트에서 Axios를 사용해 delete 요청을 보냈을 때, 다음과 같은 타입 오류가 발생했다. 개체 리터럴은 알려진 속성만 지정할 수 있으며 'AxiosXHRConfigBase<unknown>' 형식에 'data'가 없다. 분명히 p…

들어가며 Next.js 15와 Tailwind CSS v4가 나오면서 가장 큰 변화 중 하나는 설정 방식이다. 이제는 더 이상 tailwind.config.ts 파일이 필수적이지 않고, CSS-first 접근 방식으로 globals.css에서 직접 …

목차 대분류 소분류 세부 내용 ? 1. 프로젝트 기본 구조 파일 구조 프로젝트 폴더 구조 설명 assets 이미지, JSON 등 정적 리소스 저장 fonts 커스텀 폰트 저장 lib Dart 코드 파일 저장 ? 2. Flutter 기본 레이아웃 구조…