Skip to content

1201 (금) 팀회고 (4주차)

Jump to bottom
김가은 edited this page Dec 12, 2023 · 1 revision

12/1(금)

💡 **금요일 동료 학습 활동**
  • 프로젝트 현황 공유는 **팀 단위**로 모여, 한 주 동안 팀이 기술적으로 도전한 내용이나 문제 해결 과정, 진행 현황, 앞으로 계획 등 한 주 간 팀의 현황을 발표하고 피드백하는 시간입니다.
  • 피어세션은 분야별 캠퍼와 **개인 단위**로 만나, 한 주 동안 했던 시행착오나 기술적 도전, 학습한 것과 잘한 점 등을 공유하고 보다 깊게 얘기 나누는 시간입니다.
  • **개발 완료 기능과 구현 과정에서의 기술적 경험**에 대한 발표를 진행합니다.
  • **배포 링크 혹은 동작 데모**를 반드시 포함해주세요.

프로젝트 진행 상황, 주요 기능, 협업 중 겪은 어려움, 해결 방안 등을 문서로 정리합니다. [프로젝트 현황 공유]에서 받은 질문과 피드백을 정리하여 추가해두길 권장합니다.

  • 상시로 진행한 팀 회고 결과가 있다면 해당 기록으로 갈음할 수 있습니다.

FE

  • Axios Interceptor 추가

    • then 또는 catch로 처리되기 전에 요청 / 응답을 가로챌 수 있음
    • 에러 핸들링, 로딩 처리, 헤더에 Authorization 미리 넣기 등에 유용함
    import axios from 'axios';
import { useEffect } from 'react';

const instance = axios.create({
	baseURL: 'https://www.별글.site/api/',
});

interface Props {
	children: JSX.Element;
}

function AxiosInterceptor({ children }: Props) {
	useEffect(() => {
		const responseInterceptor = instance.interceptors.response.use(
			(response) => {
				return response;
			},
			(error) => {
				console.error(error.response.data);
				return Promise.reject(error);
			},
		);

		const requestInterceptor = instance.interceptors.request.use(
			(config) => {
				return config;
			},
			(error) => {
				console.error(error.response.data);
				return Promise.reject(error);
			},
		);

		return () => {
			instance.interceptors.request.eject(requestInterceptor);
			instance.interceptors.response.eject(responseInterceptor);
		};
	}, []);

	return children;
}

export default instance;
export { AxiosInterceptor };

  • 홈화면 하단바, 상단바 UI 구현

  • 글 조회 / 글 작성 모달 구현 및 API 연동

    • 이미지 슬라이드 구현
    • 글 삭제 구현

  • 회원가입 구현 및 API 연동

    • 회원가입 모달, 닉네임 모달 구현
    • validation 처리

  • AlertDialog 컴포넌트 구현

  • 로그아웃 구현

  • 라우팅 방식 변경 (React Router Dom 6.4)

    export const router = createBrowserRouter(
	createRoutesFromElements(
		<>
			<Route path="/" element={<Landing />}>
				<Route index element={<LogoAndStart />} />
				<Route path="login" element={<LoginModal />} />
				<Route path="signup" element={<SignUpModal />} />
				<Route path="nickname" element={<NickNameSetModal />} />
			</Route>

			<Route path="/home" element={<Home />}>
				<Route path=":postId">
					<Route path="detail" element={<PostModal />} />
				</Route>
				<Route path="writing" element={<WritingModal />} />
			</Route>
		</>,
	),
);
    export default function Landing() {
	return (
		<div>
			<Outlet />
			<LandingScreen mousePosition={mouse} />
		</div>
	);
}

  • 은하 성능 최적화

    • instance mesh를 통해 draw call을 줄임

image

-files-secure.s3.us-west-2.amazonaws.com/e750c264-eee6-4c52-bc91-67ad175143f2/fbdb90e3-2437-4cbe-b199-70117e36e9f8/Untitled.png)

BE

정리

KEEP

  • 계획을 실현하는 능력
    • 실현을 못한 팀원도 있습니다 안타깝지만
    • 생각해보니 하나도 못함 흐흑
    • 히히잉이잉이잉
  • 멘토링 일지를 열심히 작성함
  • 프론트와 백엔드의 원활한 소통
  • 우린 진짜 개쩔어
  • 에러가 발생하면 모두 해결에 열심히 참여함
  • 결과물이 예쁘다⭐️

PROBLEM

  • 독감에 걸린 사람이 나왔다. 건강관리를 잘하자
  • 내 코딩활동에 자꾸 훈수두는 팀원이 있다 기죽는다 난열심히햇는데 흐힉잉
  • 금쪽이 팀원이 있다 걱정이 너무 많고 완벽에 너무 집착함
  • 프론트 문서화를 너무 못함 ㅜ

TRY

  • 건강관리를 잘하도록 하십쇼. 아시겠냐구요 아시겟냐구ㅜ요 네 알겠습니다
  • 모이지 말자
  • 기능 쳐낼껀 쳐내자
  • 남은 기간 기능/코드의 완성도를 높이고 문서화를 조금이라도 해보장구리

프로젝트 현황 공유 피드백

image

아지트

© 2023 debussysanjang

소개

규칙

학습 기록

[공통] 개발 기록

[재하] 개발 기록

[준섭] 개발 기록

회의록

스크럼 기록

팀 회고

개인 회고

멘토링 일지

Clone this wiki locally