스파르타코딩클럽 내일배움캠프 13주차 회고

프로젝트 기간

이번 주에는 설 연휴도 있었고 프로젝트 하느라 바쁜 주간이었다. 더불어 첫 현타까지...ㅋㅋㅋㅋ

프로젝트에 집중하느라 개인 공부도 별로 못했다.

 

 

 

 

 

 

 

 

 

설연휴 공부

지난 주 WIL을 쓴 시점이 설날 당일이었다. 그 이후로 월요일과 화요일은 설날 연휴여서 젭에도 접속하지 않고 오랜만에 쉬는 시간을 가졌다. 쉬는 시간이긴 해도 프로젝트를 해야 해서 프로젝트를 했지만...ㅎ

 

우선은 수요일 전까지 해야 하는 프로젝트 역할을 미리 했다. react-slick 라이브러리를 이용해서 슬라이드를 구현해내고,

api에서 받아온 이미지를 슬라이드에 넣었다. 슬라이드를 구현하면서 나중에도 쓸 것 같아서 블로그에도 정리해뒀다.

 

https://daydream-sy.tistory.com/155

[React] React-slick 라이브러리 사용하기

 

사실 슬라이드 구현하는 건 쉬웠는데 api에서 받아오는 걸 공부해야 해서 연휴 내내 다른 분이 만드신 코드를 분석했다.

저번에 react native 공부할 때 api 받아오는 걸 처음 배웠는데 이번에 내가 맡은 기능이 아니라서 모른 척(?) 하다가

코드 보면서 공부하니까 너무 새롭다. 프로젝트 끝난 뒤에 작게 토이프로젝트라도 api 받아오는 연습을 해봐야겠다.

 

문화재청 api는 받아오는 한계가 없어서 괜찮았는데 유튜브 api나 구글 맵 api는 하루에 가져올 수 있는 양이 정해져 있다고 한다. 그런 것들은 어떤 식으로 해결해야 할지 등등...공부할 거 또 추가다.

WIL에 적어놓긴 했는데...과연 공부할 수 있을까...?ㅋㅋㅋㅋ 안되면 되게 해야지 어쩌겠어.

 

api 공부하기도 투두리스트에 적어둬야지.

 

 

그리고 나서 유데미 typescript 강의를 마저 들었다.

강의 순서대로 듣는데 연습 프로젝트 강의 주간이라서 고민하다가 그냥 순서대로 연습 프로젝트 강의를 들었다.

drag & drop 할 수 있는 기능이 신기해서 들었는데 아쉽게도 프로젝트 하느라 아직 미완성이다.

 

그래도 index.html과 app.ts 이 두 파일만 가지고 프로젝트를 하는 거라서 신선하고 재밌었다.

아니 재밌었다기 보다는 뭔가 복잡한듯 안 복잡한... 자바스크립트 처음 배울 때랑 비슷한 기분이다.

다음주에는 프로젝트가 끝나니까 연습 프로젝트 강의를 다 듣고 다음 진도까지 부지런히 나가야겠다.

원래는 설날 연휴 내내 들으려고 했지만, 다른 것들도 있었어서 장렬히 실패...다음주에는 꼭 지켜야지.

 

 

 

 

 

프로젝트 주간

설 연휴가 끼어 있어서 완성할 수 있을까 싶었지만 나름 성공적으로 마무리되고 있다.

사실 다른 조원분이 api 정보 받아오시고 맵 api도 구현하시고...등등 내가 한 게 거의 없다고 생각되긴 한데....

여튼 배포된 페이지를 보면 꽤 예쁘다(?)

맨날 프로젝트 끝나고 보면 내가 참여한 프로젝트라 그런지 예뻐보인다.ㅋㅋㅋㅋㅋ

당장 내일이 발표인데 발표까지 성공적으로 마무리 되었으면 한다.

 

수요일에는 리액트로 시작했던 프로젝트를 타입스크립트로 리팩토링하는 시간을 가졌고

목요일부터 금요일까지는 그놈의 무한 스크롤 구현하느라 시간을 전부 보냈다. 그러고도 실패했고...

지금까지 내배캠 하면서 이렇게 이틀 이상 매달려 본 것도 처음이고 끝내 실패한 것도 처음이라 금요일에는 현타가 엄청 왔었다. 내 실력이 이 정도까지였나, 싶은 생각과 잘해내고 싶었다는 아쉬움이 공존한 하루였다.

 

그래도 그런 생각이 오래 가면 안되기 때문에 그냥 금요일까지만 그런 기분으로 살려고 노력했다..ㅋㅋㅋ

잘 된지 아닌지는 잘 모르겠지만...ㅎ

무한 스크롤 대신에 페이지네이션으로 잘 끝냈으니까 된거겠지 뭐.

 

배포하고 나서 본 새로운 error도 구글링을 통해 잘 해결했고. 바로 오류 메세지를 구글링해서 손쉽게 해결할 수 있었다.

관련 정리한 글은 아래 링크에.

https://daydream-sy.tistory.com/160

[Error] Mixed Content 에러 해결

 

에러 메세지를 캡처하고 정리했어야 하는데 아쉽게도 그건 못했다.

항상 에러 해결하고 나서 후회를 하네..앞으로는 에러 생길 때마다 꼭 캡처해놓고 정리해야겠다.

나중에 비슷한 에러를 만날 수도 있으니까.

 

아무튼.

어제도 프로젝트 마무리 겸 css를 좀 하고 슬라이드 버그 부분도 수정해서 PR 날렸다.

 

이번 프로젝트를 진행하면서 브랜치 규칙 정하는 방법도 알게 되고, PR 날릴 때 다른 사람들이 코드 리뷰를 해줘야 머지 할 수 있는 거나, 커밋 컨벤션에 대해서도 제대로 알게 되었다.

 

기타 알게 된 것들도 많은데, 프로젝트가 내일 끝나면 바로 싹 다 정리해봐야겠다.

단편적으로 키워드만 적어놔서 공부할 게 또 쌓여있다...ㅋㅋㅋㅋㅋ 역시 프로젝트를 하면서 배우는게 너무 많다.

 

이번에 타입스크립트로 해보면서 타입 지정과 관련된 수많은 에러도 만났었는데, 그걸 제외하고는 타입스크립트로 바꾸는게 생각보다 어렵지는 않았다. 아니다, 타입 지정이 제일 어려웠다 ㅋㅋㅋㅋ

타입스크립트는 진짜 좀 더 공부해봐야 알 것 같다. 어휴 또 공부할 거 많다고 써버렸네....

 

https://github.com/GoMyamMii/Culture.map-

GitHub - GoMyamMii/Culture.map-: 팀 순이와 아이들 프로젝트

 

이게 이번 프로젝트 깃허브 링크이다. 내일 발표까지 끝나면 회고해야지.

타입스크립트를 처음 써봐서 좀 신기했고, 뭔가 더 어려웠던 (무한 스크롤 때문에...) 프로젝트였다...!

 

 

 

 

 

 

 

 

 

이번주 마무리

설 연휴가 있어서 이번주는 3일밖에 진행하지 않아서 딱히 뭘 많이 하지는 않았다. 연휴 내내 놀다가 공부하다가 반복해서...ㅋㅋㅋ

 

다시 일상으로 돌아오는 데 시간이 좀 걸렸고 더군다나 프로젝트에 올인하게 되면서 또다시 개인 공부는 뒷전으로 미뤘다.

분명히 지난 주 WIL에 개인공부 많이 하겠다고 했는데 역시나 한 입으로 두말하기 시전...그렇지만 또 그말 해야지.

다음주는 그래도 개인 공부 하는 시간들이니까 최종 프로젝트 전에 부지런히 공부하고 실력을 더 쌓아야겠다.

 

이번주 처럼 기능 구현하지 못하고 현타 오지 않도록, 다음주도 화이팅해야지...!