본문 바로가기

TIL152

220519 너무 피곤했던 날 ㅜ 프로젝트는 간단하게 페이지랑 버튼 구현만 해뒀다. 인강은 스코프에 대한 내용을 공부했다. 전역스코프와 지역스코프에 대해서 배웠는데 원래 알고 있는 개념이어서 그런지 강의를 보면서 이해가 잘 되니까 진도가 잘 나가서 좋았다. 그리고 전역객체랑 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 호이스팅에 대해서 알게되었다. 넘 졸려서 코테는 내적이라는 제일 쉬워보이는걸로 풀었다,, 포모도로 하나를 거의 졸면서 보냈는데 이렇게 졸리고 집중이 안될때 좀 쉬어줘야한다는 것도 깨달았다. 2022. 5. 19.
220518 오늘은 하루종일 코테를 풀었다. 심지어 어제 풀었던 문제였고 한 문제였는데 하루종일 풀다니,,, 그래도 오늘 재귀로 문제 푸는것도 어느정도 감을 잡을 수 있었다. 바로 구현하기에는 아직도 for반복문이 편하긴한데 리팩토링하면서 재귀로 바꾸고 난 다음에 깔끔해진 코드를 보면 뿌듯하다. 테스트코드를 엄청 작은 단위로 쪼개고 이 테스트를 통과 시키는 코드를 작성하면서 점점 문제를 풀어나가는 그런,, 방법을 익힐 수 있었다. 나름 혼자서 테스트 코드 작성 잘 하고 테스트 통과 되도록 잘 한것같다. 이게 TDD인건가,,?! 그리고 리팩토링할 때 매직넘버,, 매직리터럴,,? 커링,,? 말해줬는데 사실 다 모른다,, 그래서 찾아봤고 블로그에 정리도 해뒀다. 하루종일 이 문제 푸느라 머리싸맸지만 풀고 나니까 후련하다~.. 2022. 5. 19.
220517 Input 태그들 UI 수정을 했다. 오늘 제일 많이 사용했던 테두리 없애는 border: none이랑 모서리 둥글게 해주는 border-radius: 5px; 이거 두개는 절대 안잊을것같다. 그리고 type이 time인 input 태그를 어떻게 스타일을 바꿀 수 있을까 구글링을 많이 했었는데 이렇게 바를 나타내는 부분이랑 움직이는 커서를 나타내는 부분을 나눠서 디자인을 할 수 있는 방법이 있어서 참고해서 스타일을 변경해 볼 수 있었다. 그리고 코테를 두 문제 풀었다. 처음에 푼 문제는 그냥 바로 생각나는대로 for 반복문을 사용해서 했는데 리팩토링 과정에서 reduce를 사용해서 풀었다. 처음에 풀었던 문제가 너무 쉽다는 이유로,, 하나 더 풀자는 의견이 나와서 한문제 더 풀게되었다. 매일 codewa.. 2022. 5. 18.
220516 프로젝트 루틴 리스트가 없을 때 Add your routine이라는 문구가 나오도록 만들어주었다. 이 부분을 해결하면서 조건부 렌더링이라는 것에 대해서 리액트 문서를 보았고 자바스크립트에서 흔히 사용되던 if문, 조건부 연산자를 사용하는 것과 비슷하여 금방 이해가 되었다. 그리고 return 밖에서 if문을 사용했을때는 내가 의도한 대로 렌더링 되지 않았는데 inline으로 처리하라는 방식을 보고 따라해보니까 내가 의도한대로 되었다..! 그리고 항상 문제였던,, 모달팝업,,, BackdropProps라는 것을 알게되었고 공식 문서도 꼼꼼히 봐야겠다는것을 깨닫게 해줬다,, 모달 태그에 BackdropProps 스타일을 설정을 해주면서 뒷 배경같았던 회색 부분 처리가 되었다. 코드숨 공부방에서 코테 풀다가 .. 2022. 5. 17.