최종회고 상편에 이어서... modal 위치 > 파트너님은 modal까지 직접 만드시는 능력자 분이셨다. 다만 내가 만들어주신 modal을 사용하면서 오류가 발생하였는데, 모달이 현재 창을 기준으로 뜨는 것이 아니라, 상단에 뜨는 것이었다. modalBackground CSS Modal 뒤의 블러처리 되는 배경을 position: fixed로 한다. 그 이유는 fixed는 보고있는 창을 기준으로 하는 절대 좌표, absolute는 부모를 기준으로 하는 절대 좌표이기 때문이다. ModalPortal을 쓰더라도 body를 부모로 하여 상속받는 Modal이 생성되므로 position: fixed로 처리하여야 한다. input history 툴팁 제거 autoComplete="off" 속성을 줘서 해결! styled-component 전역 theme 1) ThemeProvider `import { ThemeProvi

드디어 찐막! > 인공지능 웹 서비스 프로젝트가 드디어 끝! 팀원들과 으쌰으쌰하면서 5주라는 기간 동안 어떻게 해왔는지도 모르게 후루룩 지나간 느낌이 제일 강하다. 인간은 망각의 동물이기 때문에 그동안 밀린 이슈들을 모아모아 회고에 적기로 한다. 폴더 구조 > 사실 프로젝트 하면서 초기 세팅을 하면서 제일 신경 쓴 것은 폴더 구조였다. 사바사 케바케라고는 하지만 실제 현업에서 사용하는 방법이 궁금했고 우리 팀은 다음과 같이 설정했다. 1) Front 폴더 public과 src로 폴더를 나눴고, 또한 src에서는 components와 pages로 나눈 것이 가장 큰 특징이라고 할 수 있다. components 폴더에서는 정말로 컴포넌트화하여 재사용이 가능한 코드들을, pages에서는 각 화면마다 컴포넌트를 나눠서 작업했다. page안에서 한번 사용될거 같은 컴포넌트들을 각 pages 폴더 내에서 처리