TIL_210726

1. Facts(사실, 객관)

- 캡틴판교 vue TodoList 리팩토링

- JS 야구판 만들기 개념

2. Feelings(느낌, 주관)

- vue에서 TodoList를 리팩토링 했습니다. 점차적으로 신기술로 변화하는 모습을 지켜볼 수 있어서 좋습니다. 처음에 Vue() 인스턴스를 만들었던 것부터, 각 컴포넌트에 각자의 기능을 넣었던 단계를 거쳐서 데이터 처리를 app에서 하고 나머지는 UI를 최대한 처리하도록 만듭니다. 이제 이후에 Vuex로 처리하도록 배울 예정입니다. 강의가 천천히 단계를 밟아서 진행하기 때문에 쉽게 이해할 수 있었습니다. 단순히 강의를 듣지 않고 직접 코드를 따라 해보고 다시 노션에 정리하면서 최대한 복기하려고 노력했습니다.

 

- vue와 js를 같이 공부하면서 ES6 문법에 대해 알아가고 있습니다. 화살표 함수, let & const 사용이 대표적입니다. 항상 내가만든 프로젝트를 처음부터 완벽하게 만들려는 것이 아니라, 점차 개선하는 것이 중요하다고 생각합니다. 따라서 기존에 만들었던 문법중에, ES6등 최신 문법으로 더 간결하게 만들고 구조를 효율적으로 만들 수 있는 방법들을 배우고 있습니다. 물론 아직 호이스팅 등을 배워야하는데 앞으로 배우면 계속 하나씩 적응하기위해 노력할 것입니다.

 

3. Findings (배운 점)

*Notion에 정리한 내용

- 애플리케이션 구조 개선하기

 

공통으로 쓰인는 todoItem data와 추가, 삭제, 완료 등의 메서드 또한 app.vue로 통합했습니다. input, foot, list에 관련한 component는 UI적인 요소를 나타내는 것에 중시하고, app.vue에서 데이터 처리를 관리합니다. 

https://www.notion.so/a4efbba081754670955bba57487859d9

 

- JS 야구판 만들기 개념

https://www.notion.so/5-abea328870ee40a381b5e8dbba343828