2025/08 4

심화 프로젝트 1차 QA 회고록 (08/26)

배운점혼자 작업할 때는 보이지 않던 부분들을 함께 QA를 진행하며 발견할 수 있음을 깨달았습니다.아이템 카드 의 이미지에 최소 너비 min-w 를 설정하지 않았을 경우, 이미지에 따라서 화면이 줄어들 때 눌려버리는 문제가 발생한다는 것을 배웠습니다.fallback 이미지 사용 피드백을 수용하여 단순히 이미지가 없을 때 fallback을 띄우는게 아닌, 잘못된 URL, 서버 문제 등으로 이미지가 깨질 때도 fallback 이미지로 방어할 수 있는 방법을 배웠습니다. UX 향상 측면에서 좋은 개선점을 배운 것 같습니다.//아이템 카드 폴백 이미지 처리용 컴포넌트 예시 코드'use client';import Image, { ImageProps } from 'next/image';import { useState..

홈페이지 아이템 카드 제작 및 정체 불명의 폴더 문제(08/25)

서론평소에 컴포넌트를 만들면서 props로 어떤 값을 줘야할 지 헷갈리는 경우가 많았습니다. 그러던 중 api 문서, 지침 사항 문서, 피그마 도안 등를 확인해보고 어떤 값을 다른 팀원 분들이 넣어서 사용할 지를 알아보는 것이 좋다는 생각이 들었습니다.배운점pr후 받은 피드백 사항을 통해서 컴포넌트 전체가 클릭 시 이동하는 역할을 한다면 구조상 가장 바깥 태그를 Link 태그로 사용하는 것이 적합하다는 것을 배웠습니다. props로 어떤 값들이 들어갈 지는 api 문서나 지침 사항을 참고하는 것이 가장 확실하다는 것을 배웠습니다.문제 및 해결직접 생성한 기억이 없는 .next 폴더가 생기고 거기서 오류가 많이 발생했습니다. 직접 생성한 기억이 없기에 문제의 이유도 당연히 알 수 없었고 거기서 손을 써서 ..

코드잇 심화 프로젝트 회고록 08/23

지난 8월 20일 부터 코드잇에서 진행하는 심화 프로젝트를 진행하고 있습니다. 이번 프로젝트에서는 테크 스펙 작성, 유저 플로우 작성, Jira 사용, 엄격한 팀 컨벤션 규칙 등 이전에 비해 훨씬 체계적인 준비를 한 상태로 시작을 했습니다. 아직까지 이슈 트래킹이나 일정 관리가 미흡한 점이 많지만 이 또한 귀중한 경험이라고 생각합니다. 9월 16일 까지의 프로젝트 기간 동안 이 곳을 통해 회고록을 작성하고자 합니다. 8/23일자 회고 배운점테일윈드 css 특성상 css값이 너무 길어지면 렌더링 되는 부분의 가독성이 떨어지게 됩니다. 이를 상수화 해서 컴포넌트 밖에서 선언해 준 뒤 가져온다면 코드 가독성이 좋아질 수 있다는 점을 배웠습니다. 이때 상수화 선언을 컴포넌트 안이 아니라 밖에다 해주는 이유는 매..

코드잇 중급 프로젝트 전체 회고록

https://tadak.alex-choi.com/ 1. 프로젝트 개요 2025.07.17 ~ 2025.08.04 약 2주간 부트캠프 코드잇에서 진행한 중급 프로젝트에 참여하였고 이에 대한 전반적인 회고를 진행하고자 합니다. TADAK은 사용자 개인이 다양한 키보드에 대한 정보를 올리고 별점을 주고 리뷰를 적어 이를 다른 사용자들과 공유하며 키보드에 대한 정보를 얻어갈 수 있는 정보 제공 및 커뮤니티적 특성을 가진 프로젝트로 기획되었습니다. 2. 서론: 상황 및 역할/과제 사용자들이 직접 키보드 정보를 올리고 올려진 정보에 별점, 평가, 리뷰 등 여러 상호작용을 하도록 기획 했기 때문에사용자 경험을 긍정적인 방향(부드러운 ui, 페이지간 이동 경로의 편안함, 에러시 에러페이지 이동, 직관적인 필터링..