오늘은 조별과제 제출 이틀 전, 얼추 다들 맡으신 기능을 다 구현하신 거 같아서 코드들을 살펴보고 있었는데
역시 다들 엄청나게 잘하시는 거 같아서 부러우면서도 따라가고 싶은 욕심이 막 생긴다!
코드를 보던 중, 중복되는 부분이 있는 거 같아서 코드의 가독성을 조금이라도 올리고자 수정을 하려 했다.
위 코드를 보면 삭제 버튼의 기능을 하는 코드와, 수정 버튼의 기능을 하는 코드 두 코드에 모두 공통으로 들어가는 let CommentPassword, let checkPassword 변수가 있다. 이 변수를 포함한 if문이 어차피 삭제, 수정 코드를 짤 때 둘 다 쓰인다면 조금이라도 코드의 길이를 단축시킬 수 있겠다 싶은 생각을 했기에 수정을 했다.
위 코드가 수정 후 코드인데, 수정은 생각보다 간단했다.
둘이 똑같은 코드를 쓰는 부분을 찾아서 중복된 부분을 밖으로 꺼내 함수로 만들어 주면 끝나는 과정이었다.
deleteBtn, editBtn에 똑같이 쓰이는 코드를 btnEvent 함수에 담아주고 기존에 addEventListner() 메서드 자리에
btnEvent() 함수만 집어넣어주면 끝난다.
그리고 이제 이번 주 목요일에 조별과제가 끝나면 본격적으로 React를 배우게 돼서 미리 설치를 하려 했는데
이런 오류가 뜨길래 구글링을 열심히 해보았는데, nodejs를 전부 삭제한 후에 다시 설치를 해봤는데 !!
무난히 성공 야호~~
리액트 설치는 마쳤으나 앞으로 리액트를 배울 생각에 두근두근 거리면서도 떨리기도 한다.. js도 어려워 하는 내가 잘할 수 있을까 하는 의구심도 들지만
그런 고민할 시간에 조금이라도 더 공부해라 나 자신!!
