본문 바로가기

TIL152

221113 오늘까지 마감인 회사들을 지원하려고 이력서를 수정했다. 이번에 진행하는 서비스에 대한 내용까지 추가하니 나름 많이 해온것 같아서 뿌듯했다. 이번 서비스 배포까지 끝나면 제대로 여러 회사를 지원해야겠다는 생각이 들었다. 다음 주말에는 회사 리스트업을 좀 해봐야겠다. 내일 프론트팀 회의할 내용이 현재 프로젝트 pages 폴더 구조에 관한 것과 next.js를 쓰는 이점을 활용해보자인데 미리 공부해가야겠다는 생각이 들어서 next.js 공식 문서를 좀 둘러보았다. pages 안에 파일명을 어떻게 해야할지 고민이 들어서 물어봤는데 명쾌한 해답을 얻기 힘들었다. 그래서 공식 문서를 계속 찾아보다가 관련 내용이 적혀있는 부분을 찾아서 정리를 해두었다. next.js는 pages 디렉토리에 파일이 추가되면 자동으로 .. 2022. 11. 14.
221111 오늘도 공부방에 출근한 인원이 적었다. 아직 api가 완성되지 않아서 작업을 진행하기 어려울것같다는 판단이 들었다. 프론트 팀원이 한명밖에 안나와서,,, 우선은 지금까지 스프린트를 진행하면서 겪었던 문제나 몰랐던 부분에 대해서 공부하기로 했다. 그래서 이벤트 핸들러 네이밍에 대해서 찾아보았다. 함수를 선언할 때는 핸들러 이름에 handle이라는 접두사가 붙는데 이를 props로 넘기게 되면 on 접두사를 지정하게 된다. 그런데 이 부분을 몰랐어서 props로 넘기는 부분에도 handle이라는 접두사를 붙인 네이밍을 사용했다가 지적을 받았던 경험이 있다. 당시에는 그냥 수정했는데 왜인지에 대한 이유를 정확히 모르고 넘어갔다가 이번에 공부하면서 알게 되어서 좋았다. 그리고 밤에는 기존에 진행했었던 프로젝트 .. 2022. 11. 12.
221110 오늘은 공부방에 역병이 돌아서,, 출근한 인원이 되게 적었다. 오늘은 어제 못한 프로젝트 목록 페이지를 조회할 수 있는 API 연결하는 작업을 진행했다. 템플릿 조회 api 연결 작업 코드를 참고하고 다른분한테 물어보면서 했다! 리덕스 부분은 이미 완성되어 있었지만,,, 혼자서 api 연결 작업을 한 것은 처음이어서 뿌듯했다. 오래 걸릴줄 알았는데 일찍 끝내서 다른 작업을 하게 되었다. 프로젝트 페이지에서 템플릿 페지이로 이동하는 링크를 달아주는 작업을 했는데 쿼리 파라미터를 사용해서 해야했다. 이런 작업도 처음 해보는 거였는데 생각보다 단순한 작업이었다. 이 작업도 일찍 끝내서 어제 겪었던 git 에서 대소문자 인식을 못할 때에 대한 문제,원인,해결을 정리해보았다. 문제를 겪었던 부분에 대해서 다시한번.. 2022. 11. 10.
221109 폴더 구조를 변경해야하는 일이 생겼다. 그래서 전체적인 폴더 구조와 이름을 수정하기로했다. 폴더 구조를 변경하는 것부터 어려웠다. 기존에는 pages - containers - components 의 구조였는데 containers를 사용하는 것은 올드한 스타일이라는 피드백을 받았다. 그래서 containers를 제거하고 hooks를 사용하기로 했다. 리액트의 이벤트 훅을 따로 관리할 수 있도록 hooks을 사용하기로 한 것이었다. 폴더와 파일의 네이밍을 수정하는데 알맞은 이름을 생각해내는데에도 꽤 시간이 걸렸다. 해당 파일이 무슨 역할을 하는지 제대로 모르는 채 이름을 지으려고 하다보니 이런 일이 있었던 것 같다. 또, 리액트에서는 주로 파일명에 파스칼 케이스를 사용한다고 했는데 이를 착각하여 폴더명도 .. 2022. 11. 10.