오늘은 리액트로 Todo List 만들다가 발생한 onClick 이벤트 오류에 대해서 정리해보려고 한다. 할 일 추가 버튼과 삭제 버튼을 따로 만들어서 각각의 버튼에 onClick으로 함수를 넣어줬다. 할 일 추가 버튼 코드 삭제 버튼 추가 코드 할 일 추가 버튼을 눌렀을 때 호출되는 함수는 handleClickPost 삭제 버튼을 눌렀을때 호출되는 함수는 handleClickDelete 할 일을 지우기 위해 삭제버튼을 눌렀을 때 어떤 할 일을 삭제해야 하는지 알기 위해 task.id(식별자) 값을 함수에 매개변수로 전달해주려고 했다. 이렇게 하고 할 일을 삭제 하려고 삭제 버튼을 누르는데 아무리 눌러도 삭제가 되지 않았다. 그래서 버튼이 안 먹는건가 생각해서 handleClickDelete 함수가 호출..

잘못된 우선순위 오늘은 학습하면서 가장 중요하고 가장 먼저 생각해야 하는 부분을 놓쳤다는 것을 깨달았다. 이번 주는 학습할 양이 많았기 때문에 어떤 부분에 힘을 써야 하는지 즉 우선순위를 정하는 게 중요했다. 물론 모두 다 완벽하게 하면 좋지만 현실적으로 불가능한 양이였기에... 나는 자바스크립트로 spiral matrix 문제 푸는 강의가 중요하다고 생각해서 가장 높은 우선순위로 두고 많은 시간을 사용했다. 하지만 오늘 트레이너님들과 이야기를 하면서 주말 강의 학습이 잘못되었다는 것을 알았다. spiral matrix 문제에 집중해서 완벽히 이해하면 좋지만 다른 강의들을 소화하지 못하고 있는데 sprial matrix만 보고 있는 게 잘못되었다고 말해 주셨다. -> 내 이야기.... 뭔가 spiral ..

오늘은 주말에 학습한 내용을 인출하는 시간을 가졌다. 주말에 자바스크립트 + 리액트 내용을 공부했는데 리액트보다는 자바스크립트 학습에 시간을 상대적으로 많이 사용했다. 그 결과로 오늘 리액트 인출할 때 낭패를 맛봤다. 주말에 리액트 강의를 충분히 학습하지 못해서 인출이 제대로 되지 않아 강의를 보면서 따라 치는데도 제대로 되지 않았다. 심지어 이번 주 강의 반복 과제 조건에 자바스크립트로 테스트 코드도 작성해야 했다. 분명 테스트코드 작성하는 구조는 자바랑 비슷한 거 같은데 생각대로 잘 되지 않았다. 그래서 현재 게시판 만들 때 테스트 코드 작성할 때 애를 먹고 있다. 잘 안되다 보니까 어렵게 느껴지고, 어렵게 느껴지니까 집중이 잘 안 되고.. 결과는 오늘 학습효율이 엄청 안 좋았다는 것을 현재 나의 과..

자바스크립트와 첫만남 오늘은 어제 못한 자바스크립트 개념 정리를 시작했다. 어제는 올라온 강의를 한 번씩 보고 따라 쳐 보는 것만 했는데도 워낙 강의가 많아서 많은 시간을 사용해서 개념 정리를 다 못했다. 자바스크립트는 이번에 처음 배우는 언어였다. 이전에 어디서 자바와 자바스크립트는 인도와 인도네시아, 바다와 바다코끼리처럼 완전히 다른 관계라고 해서 살짝 쫄았는데 자바와 자바스크립트가 생각보다 다른듯 다르지 않은 느낌이었다. 언어를 사용하는 큰 구조는 비슷한 느낌이라고 해야하나..? 자바를 좀 배우고 나니까 처음에 기본 문법을 잘 잡고 가야 나중에 고생을 덜 하는 거를 느꼈기 때문에 자바스크립트는 처음 배울 때 기본 개념을 잘 잡고 가려고 했다. 그래서 모던 자바스크립트 튜토리얼을 딱 펼치고 하나씩 공..

오늘 또 git에서 충돌이 일어났다.. 저번에 한번 충돌 일어난 적이 있었는데 저번에는 해결하지 않고 넘어갔었는데 이번에는 충돌 문제를 해결해야만 했다. github에서 친절하게도(?) 충돌 난 파일들을 보여준다. 이게 몇개야.. 그냥 모든 파일 테스트 파일까지 전부 충돌이 났다. 이 충돌문제를 해결하기 위해 열심히 구글링을 해서 방법들을 몇 개 찾아봤다. 우선 첫번째는 깃허브에서 웹에서 해결할 수 있는 방법이 있었다. 여기서 Resolve conflicts를 누르면 되는 건데 나는 충돌 난 파일이 너무 많아서 웹에서는 해결할 수 없다고 버튼이 비활성화되어있는 상태다.. 그러면 깃 명령어를 이용해서 해결해야 했다. 그래서 깃허브가 친절하게 command line까지 알려주면서 해결하라고 해준다. 스텝 1..

오늘 아침에 어제 제출한 과제에 대한 코드 리뷰를 확인하는데 멘붕이 왔다. 생각보다 많은 부분이 잘못되었다는 것과 이것을 수정하기 위해서 코드 전체적인 구조 자체를 바꿔야 할 것 같다는 생각이 들었기 때문이다. repositroy의 변수를 service에서 직접적으로 건드리고 있었고, controller에서 repository에 바로 접근하고, repository가 해야할 역할을 service가 하고 있는 등 잘못된 코드가 한 두 개가 아니었다. 일단 repository와 service 각각의 역할을 제대로 파악하지 못했기 때문에 일어난 일인 것 같다. 그래서 각 계층이 무슨 역할을 하는지 알기 위해 Layered Architecture에 대해서 공부해봤다. Layered Architecture란? 계층..