ㅌㅅ 과제 후기

프론트엔드 과제를 풀어볼 수 있는 기회가 생겼다.

총 5시간이나 주어졌고, 과제도 비교적 쉬웠는데 참 아쉽다.
시간도 충분했는데, 평상시에 비동기 처리를 얼마나 대충했는지 알수 있었다..,^^

고민해볼 것

앞으로 타임어택식으로 개발해보고 시간내에 개발 못한 부분을 집중적으로 파봐야 할 것 같다.

• 시간이 아~~주 오래걸리는 작업일 경우에 사용자에게 어떤 문구를 어떻게 안내할 지 고민해볼 것.
• 브라우저 종료 시에도 데이터를 유지하려면 서버에 임시 데이터를 일정 주기로 저장하고, 새로 접근할 때마다 => 회원 시스템이 있을 경우에만 가능할 듯 싶고, 서버와의 통신이 많아진다는 단점이 있음
• 브라우저의 로컬스토리지는 브라우저 종료시에도 남아있다. 임시 데이터를 저장해놓는 용도라면 로컬 스토리지를 쓰는 것도 좋을 것이라고 생각했다. 그런데 보통 폼에 넣는 데이터는 유출되면 안될 경우가 많아서.. 암호화를 하거나 해야할 것 같은데 어떻게해야할 지 고민해볼 것!
• 프론트단에서 수동으로 캐시 조작할 수 있는 방법 찾아보기
• 폼에 데이터를 입력할 때 가장 기초적인 방식으로 계속 사용해왔다. 이렇게하면 한글자 입력할 때마다 스테이트가 업데이트되면서 리렌더링이 계속 된다. 당연히 최적화 해줘야 할 대상이다. Throttling이나 Debounce를 이용하면 입력할 때마다 스테이트 업데이트가 되지 않을 것 같은데 이 경우에 DOM에서 element의 value를 가져와 state를 업데이트해줘야 할 것 같다. 이게 맞는 방법인지는 다른 사람 코드를 보면서 계속 고민해봐야 할 듯..(ref를 사용해야한다는 뜻!)
• 알다시피 상위 컴포넌트가 리렌더링 => 하위 컴포넌트도 리렌더링 됨. React.memo를 적극활용해야 할 것 같은데 아직 익숙치가 않다.. 연습 또 연습!