본문 바로가기 메뉴 바로가기

개발새발 민다니

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

개발새발 민다니

검색하기 폼
  • 분류 전체보기 (224) N
    • Oops, All Code! (141) N
      • 🛠 Oops, My Code! (9)
      • 📚 Tech Shelf (0)
      • 📝 Study Notes (71)
      • 🎨 Codefolio (1)
      • 🚀 Woowacourse (6)
      • 🤯 Oops, My Algorithm! (48)
      • 🧩 BoostCamp (6) N
    • Not Code, Just Life (82)
  • 방명록

react (10)
useEffect 안 먹어요! index는 바뀌는데 왜 useEffect는 꿈쩍도 안 해요?🤯

회고 성격이 가득한 글로즉각적인 문제 해결을 원하시는 분은해결 방법으로 넘어가주세요. 우당탕탕 에러 고치기🔨  이번에 신규 프로젝트로 퀴즈 앱 비슷한 걸 만들고 있다. 리액트로 클론 코딩을 여러 번 해보긴 했지만,완전히 내 힘으로 진행하는 창작 프로젝트는 처음이라헤매는 부분도 많고 생각보다 손도 많이 간다. 기능은 주간 스프린트로 하나씩 구현하고 있는데,지난 주는 정말... 미치도록 안 되던 문제가 하나 있었다. useEffect가 안 먹힌다! index는 바뀌는데 왜 반응이 없는거야🤯 문제 번호엔 quizIndex가 바뀔 때마다카드를 자동으로 다시 앞면으로 돌리는 기능을 구현하고 있었다. 그래서 아래처럼 useEffect를 사용했다.useEffect(() => { setFlipped(false);..

Oops, All Code!/🛠 Oops, My Code! 2025. 4. 7. 18:11
[React+TS] 달력 기반 투두 리스트로 확장, UI/UX와 상태 관리의 조화

본 포스팅은 프로젝트 회고를 목적으로 작성되었습니다.  프로젝트 결정 계기 이번 프로젝트는 기존에 개발한 투두리스트 애플리케이션을 달력 기반 투두 관리 시스템으로 확장하며, React와 TypeScript의 강점을 활용해 상태 관리와 UI 설계 역량을 한 단계 더 업그레이드하는 것을 목표로 했습니다. [React+TS] 투두리스트와 다크모드 결합을 통해 알아본 타입 좁히기본 포스팅은 프로젝트 회고를 목적으로 작성되었습니다.  프로젝트 결정 계기  이번 프로젝트는 을 주제로 한 개인 학습 및 경험 확정을 목표로 진행되었습니다🫨🫨  본래 남은 5주간 블로404minda.tistory.com 기존 투두리스트 프로젝트에서는 이전 프로젝트에서는 기본 투두리스트를 구현하며 TypeScript의 타입 좁히기와 같..

Oops, All Code!/📝 Study Notes 2024. 11. 11. 21:59
React 다크모드 구현과 CSS Variables

본 포스팅은 프로젝트 회고를 목적으로 작성되었습니다.  프로젝트 결정 계기 예전부터 꿈꿔왔던 나의 블로그 만들기를 실행할 수 있을 때가 드디어 찾아왔다고 생각합니다. 외계어 같던 html과 css도 이제 어느정도 적응되었고, react도 이정도면 입문은 떼고 초보로 나아갈 때인 것 같습니다.  그래서인지 최근에는 UI에 관심이 많이 생기고 있습니다. 물론 개발자로서 사용자의 편의를 우선시하는 것은 중요하지만, 일단 나의 편의부터 갖추고 싶다는 생각 때문입니다. 최근 보는 UI 포스팅 중 가장 좋아하는 포스팅은 다크모드에 관한 것입니다. 제가 가장 좋아하는 기능이기 때문입니다. 다크 모드 UI 디자인 팁 7가지 | 요즘IT우리는 하루 중 거의 10시간을 디지털 화면 앞에 앉아 있습니다. 다양한 앱, 웹사이..

Oops, All Code!/📝 Study Notes 2024. 9. 22. 16:36
React 순차적 계산기: TypeScript로 마이그레이션

본 포스팅은 프로젝트 회고를 목적으로 작성되었습니다.프로젝트 결정 계기  본 프로젝트는 학교에서 진행하는 진로탐색학점제의 일환으로,  [실전 TypeScript와 고급 웹 개발]이란 주제로 진행된 프로젝트에 대한 내용을 다뤘습니다. 해당 과제는 JavaScript의 슈퍼셋인 TypeScript의 정적 타입 시스템을 통해 코드의 안정성과 가독성을 향상시키는 방법을 탐구하는 데 중점을 두었습니다.  첫 번째 토이 프로젝트를 고려하던 도중, 학과에서 팀 과제를 진행하며 아이폰에 내장된 기본 계산기 앱을 사용하게 되었고, 이를 계기로 아이폰 기본 계산기를 모델로 한 순차적 계산기 프로그램을 제작하게 되었습니다.  초기 프로젝트였던 만큼, 타입 추론을 고려하지 않고 모든 변수에 명시적으로 타입을 기재하는 방식으로..

Oops, All Code!/📝 Study Notes 2024. 9. 22. 12:26
이전 1 2 3 다음
이전 다음
공지사항
  • Profile
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 프리코스
  • 안성스타필드
  • 프론트엔드
  • 책추천
  • 회고
  • 비즈플리마켓
  • 어휘력
  • 트러블슈팅
  • typescript
  • 일급객체
  • 카드뉴스
  • 도서리뷰
  • 우아한테크코스
  • 도서추천
  • javascript
  • 대학생플리마켓
  • 코딩테스트
  • 피어피드백
  • 대학생팝업스토어
  • js
  • 네이버부스트캠프
  • 프로토타입
  • 어른의어휘공부
  • 타입좁히기
  • 소사벌
  • 소사벌맛집
  • 경험플리마켓
  • 카페추천
  • 서평
  • react
more
«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.