- acorn 라이브러리 설치
npm install acorn
- 화면 레이아웃 짜기
- form 태그로 입력한 코드 데이터 보내는 작업하기
- 받은 코드 데이터를 AST라이브러리로 코드 분석하기
- 코드 분석
- jest학습
- jest 테스트코드 작성/ 테스트 코드에 맞춰 리펙토링/ 진행중
- 버그 및 할일 이슈 등록
- 버그 수정
- input에 커서를 올렸을때 body태그가 무한 리로딩됨
- 처음 코드만 동작되고 뒤에 queue에 쌓인 코드들은 callStack으로 넘어가지 않음
- 기능 추가 사항
- callStack이 비었을때 queue에서 callStack으로 넘어가는 기능
- callStack, queue(micro, macro)비어있는지 확인할 수 있는 로직 X
- input에 새로운 코드를 입력하고 동작시키기를 누르면 현재 동작을 멈추고 새로 입력한 코드가 동작해야한다.
- 애니메이션 변경
- html을 만들어 박스에 넣고 빼는 방식은 동일하게 진행하되, keyframe으로 애니메이션 효과 추가
- keyframe 이름을 지정해 class를 빼고 넣는 방식으로 애니메이션
