회고

전예은

React를 사용한 Project는 두번째이다.

깨달은 점

1. 알고리즘의 중요성

   : 첫번째 react pjt에서 아쉬웠던 점이 'reference를 찾아보지 않으면 구현가능한 코드를 작성하지 못한다' 였다. 하지만 이에 대함은 react 문법에 대한 숙련도의 문제라고만 생각을 했다.

   백엔드에서 받아오는 category 데이터를 화면단에서 특정한 category로 분류가 되도록 전처리를 해야하는데 어떤 방식으로 해야할지 감이 안잡혔다. 그때 팀원이 '알고리즘이네. 내가 말해줄테니까 우선 한국말로 적어볼래?' 라고 하였다. 이를 한국어 코드로 정리를 하여 작성 한 후에 react로 전환하니 하나의 산 같았던 기능이 생각보다 평탄하게 구현이 되었다. 이를 통해 나의 코드적 문제점은 프레임워크의 숙련도 보다는 기본 알고리즘 구현이라는 것을 알게 되었다.

첫번째 프로젝트의 중요성

1. CSS와 JavaScript의 중요성을 깨달음

   : position 중 sticky 속성때문에 Header값이 띄워졌다. sticky 속성때문인지 모르고 어떤 코드를 추가를 해야하는지 고민만 하다가, 이번 프로젝트를 하기 전 CSS 강의를 수강한 기억이 불현듯 났다. 찾아보니 position의 sticky 속성은 화면에 계속 떠있는 상태로 따라다니는 기능 구현을 위함이었다. 이를 제거하니 Header가 떠다니지 않고 내가 원하는 곳에 붙어있게 되었다.

   CSS관련 코드가 제대로 작동이 안되면 그 위의 컨테이너에 속성을 더 추가하는 쪽을 택하였다. 어떤 부분이 잘못되었는지 모르니 chat GPT에 물어보거나 (섬세한 화면의 디버깅부분에서는 유용한 답변을 받기에는 아직까지 어렵다) 전전긍긍하기 바빴는데 해당 부분에 대해서 공부를 하니 코드를 천천히 읽은 후 해결할 수 있게 되었다.