3주차 발표자료

3주차 발표자료

대본

1P
오늘 자유프로젝트 D팀 부스트액트 발표를 맡은 지화영입니다.

질문은 채팅창에 올려주시면 저희 질문봇들이 답변을 해줄것입니다.

발표내용은 이번주 저희가 했던 라우팅과 HOOKS에 대해 말씀드리겠습니다.
2P
저희 프로젝트가 프레임워크 개발인만큼 NPM에 올렸습니다. 신기하게 동작도 하지 않는 시점에 295명이나 다운로드를 받으셨습니다.

3P
기능에 집중하기위해 라우팅은 외부라이브러리를 사용해서 구현했습니다.

라이브러리는 NPM사이트에서 저희 프로젝트에 적용시키 적합한 라이브러리를 찾아서 훔쳐왔습니다.

라이브러리 이름은 바닐라 라우터이고 주소에 따라서 원하는 함수를 실행시켜주는 간단한 라이브러입니다.
4P
저희 이번주 목표는 HOOK 구현이었는데 현재 UseState, useEffect, useReducer 구현 완료한 상태이고, UseContext는 아직 구현중입니다.
5P
각각의 HOOK의 동작방식은 다들 아실테니 저희가 HOOK을 구현한 핵심 개념중 하나인 상태 저장을 하는 부분만 간단히 설명드리겠습니다.

저희는 HOOK 상태를 전역변수로 있는 배열에 저장을 합니다.

Component가 랜더링 되는 순서가 동일하게 동작하기때문에 매 랜더링시 동일한 Index를 가진 배열을 참조해서 상태를 불러옵니다.

예를들어 왼쪽에 돔트리가 오른쪽과 같이 리랜더링될때 각각의 노드에 붙은 인덱스는 그대로 유지가 되기때문에 상태가 유지됩니다.
6P
저희가 개발하면서 제일 힘들었던 점은 버그가 끊임없이 나오는 점이었습니다. 새로운 기능을 추가하면 기존 기능에서 버그가 나오는 상황이 반복되었습니다.이래서 테스트 코드를 작성하는이유를 체감하게 되었습니다.
당장의 버그들을 수정한 상황이고 현재 시점의 데모를 보여드리겠습니다.