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

리액트 공부, 그리고 프로젝트 시작

이번 주는 다른 개인 일정도 있고 프로젝트도 시작해서 정말 정신없고 빠르게 지나간 기분이다.

리액트 심화 과정을 단 3일만에(!) 지나가고 목요일부터는 프로젝트가 시작했으니까...

벌써 8주차인게 놀랍고 이와중에 일주일이 이렇게 빨리 지나간 것도 놀랍다!

 

 

 

 

 

리액트 심화 강의

월요일 아침에 리액트 심화 주차라고 발제를 듣고 스파르타에서 제공된 강의를 들었다.

지난 주에 숙련 과제를 진행하고 궁금했던 기능도 구현해보고 튜터님께 질문하러 가고....

심화 강의 듣기 전에 하고 싶던 질문이랑 기능을 모두 끝내고 들었는데 세상에.

생각보다 강의 내용이 너무 어려운 것이다...!

 

강의 내용도 너무 어려웠고 더군다나 강의 길이도 짧아서 그 강의만 듣기에는 너무 힘들었다.

월요일부터 수요일까지 리액트 심화 주차였는데 과연 내가 이해하고 코드를 보고 있는가...싶었다 ㅋㅋㅋㅋ

그래서 다른 강의나 심화 강의에서 제공된 코드를 직접 쳐보면서 이해했다.

 

사실 아직까지 완전히 이해했다고 보기에는 어렵다.

그렇지만 코드의 흐름을 어느정도 알게 되고 예제 코드를 가져다가 사용할 수 있게 되었다는 게 신기하다.

사실 지금 진행하고 있는 프로젝트를 끝내고 다시 계속 공부를 해야할 것 같긴하다.

유데미 강의를 구매해서 듣고 있었는데, 지금은 프로젝트 때문에 잠시 멈추었지만 끝나면 다시 이어서 듣는 걸로...!

자세하게 가르쳐줘서 리액트에 대해 공부하는 좋은 강의가 될 것 같다.

 

아래는 내가 이번주동안 정리했던 내용들.

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

[React] react-toastify 사용하기

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

[React] 스파르타코딩 내일배움캠프 React 심화 내용 정리

 

이 중에 toastify는 얼핏 듣고 지나갔던 건데 궁금해서 찾아서 내 투두리스트에 적용해봤다!

갑자기 알림창이 예뻐진 기분...ㅋㅋㅋㅋ 이번 프로젝트에도 유용하게 써먹을 것 같다.

 

 

 

 

 

리액트 프로젝트 시작

사실은 심화 주차 시작하면서 이번 프로젝트의 주제에 대해 대충은 감이 잡혀서 미리 조원들과 이야기는 나눴었다.

프로젝트의 주제를 정하고 어떤 식으로 페이지를 구성하고 등등...

그래서 막상 프로젝트 시작하고 S.A.를 제출해야 했던 목요일은 생각보다 수월하게 이야기가 흘러갔다.

 

그렇지만 처음에 우리가 구상했던 프로젝트는 다음주 수요일까지 절대로 못할...ㅋㅋㅋㅋㅋ

생각보다 기능들이 너무 많아서 시간이 오래 걸릴 것들 뿐이라서, 시간 내에 못할 것들을 빼고 필수 기능만 남았더니 훨씬 간결해졌다.

빠진 기능들과 우리의 욕심(?) 기능들은 프로젝트 끝나고 한번 도전해보기로 했다!

이런거 너무 좋다. 뭔가 더 하고 싶은 욕심이 생긴다는 게 공부하면서 참 좋은 점 같다.

나만 그런게 아니고 우리 조 모두가 그랬었다.

 

그래서 나온 간결한 와이어 프레임.

 

이번 기회에 피그마를 조금 더 발전시켜서 쓸 수 있었다.

원래는 이전 프로젝트를 할 때 내가 와이어프레임을 전부 만들고 팀원들에게 보여주는 식이었다면,

이번에는 피그마 프로젝트를 개인이 아닌 팀프로젝트로 변경하고 팀원들도 수정할 수 있도록 했다.

그랬더니 더 자유롭게 의견이 오갈 수 있었고, 이렇게 흐름을 확실히 알 수 있는 와이어 프레임이 되었다!

 

그리고 우리의 계획은 무조건 필수 기능 먼저 빠르게 완성하고 추가 기능 해보기!

너무 큰 욕심이겠지만 우리가 뺴버린 이전 와이어프레임도 전부 살려뒀다.

꼭 해보고 싶어서, 그리고 시간을 좀 더 줬으면 할 수 있었을 것 같아서....ㅋㅋㅋㅋㅋ

아직 해보지도 않고 말하는게 너무 웃기지만, 진짜 할 수 있을것 같다(?)

다들 열정뿜뿜이라서...ㅋㅋㅋㅋ

 

 

 

 

 

프로젝트 진행 사항

우선, 정말정말 다행이게도 우리 조는 필수 기능을 전부 구현했다...!!!

우리 조는 UI를 먼저 만드는 대신에 기능들 먼저 구현하기로 했고, 일요일인 지금, 다 끝났다!

 

어차피 게시글 CRUD와 댓글 CRUD는 다른 점이 없었기에 지금 끝낼 수 있었던 것 같다.

금요일에 내가 수정 기능을 제외한 입력/조회/삭제 기능을 구현했었고 이걸 토대로 다른 팀원들이 댓글을 맡았고

토요일에는 수정 기능을 만들고 다른 조원이 이미지 업로드 역할을 맡았다.

 

나는 이런 조 운이 좋은 것 같다.

저번 조에서도 다들 으쌰으쌰 하면서 프로젝트가 순조롭게 흘러갔는데 이번에도 마찬가지였다.

 

내가 모르겠지만 바로 화면 공유해서 집단 지성으로 오류를 해결했고,

다른 조원에게 어려움이 생겼을 때도 마찬가지였다.

원래 주말에는 젭에 잘 나오지 않았었는데 (ㅋㅋㅋㅋ) 어제와 오늘은 젭에 자주 나와있었다.

 

토요일 오전에 다경님과 수정 기능을 같이 만들고,

오후에는 댓글 팀인 선형님과 지영님과 같이 회의를 하고...(중간에 잠깐 다경님도 오셨었다)

일요일인 오늘 오전에 비밀번호가 일치할 때 수정/삭제 할 수 있는 기능까지...

+) 짱 멋진 다경님이 이미지 업로드 기능도 구현해주셨다...!

그래서 완전체로 오전에 회의를 하고 CSS를 이제 시작했다.

 

진짜 우리 조 최고다...

물론 아직 각자의 브랜치에 작업해서 브랜치를 병합하는 일만 남았는데, 그건 다같이 할 거니까

조금은 두려움이 없어졌다.

 

사실 금요일에 처음 깃을 쓸 때만 하더라도 안하던 기능을 쓰던 거라 갑자기 무서워지고(ㅋㅋㅋ)

무조건 화면 공유하면서 했었는데 그래도 나름 써봤다고(?) 지금은 나름 익숙해졌다.

이번 프로젝트 하면서 배운게 정말 많다.

 

 

 

 

 

프로그래머스 문제 풀기

프로젝트에 가려졌지만...이번주도 나름 매일 1문제씩 푸는 걸 잘 지켜서 뿌듯하다.

물론 계속 난이도가 어려워져 시간 제한을 둬야겠다는 생각은 했지만...그리고 목요일부터는 못 풀었지만...

여튼. 리액트 공부를 진행하면서도 꾸준히 풀 수 있어서 다행이다.

다음주에 프로젝트 발표하고 끝나면 다시 시작해야겠지.

 

계속 블로그에 문제 풀이를 올리고 있는데 다른 사람이 아니라 일단 나에게 도움이 되는 것 같다.

나중에 다시 풀 때 도움이 될것 같기도 하고...다음주도 꼭 해야겠다.

 

 

 

 

 

 

이번주 마무리

아무리 생각해도 프로젝트 같이하는 조원들을 만나는 것도 운이 참 좋았다는 생각이 든다.

적극적으로 서로 진행사항을 주고받고 오류가 생기면 바로 화면 공유해서 오류를 고치고...

심지어 프로젝트 때 이것저것 하겠다고 기능들을 마구마구 추가하고...

나는 매 프로젝트마다 좋은 조원들을 만나서 정말정말 운이 좋았다고 생각한다.

그리고 이번주 주말을 크리스마스였는데 다들 열심히 공부하고...우리조 진짜 최고...

 

아직 프로젝트도 안 끝났지만 ㅋㅋㅋㅋ 그리고 역대급으로 바쁘고 정신없던 주간이었지만,

그래도 부트캠프에 들어와서 팀원들과 함께 공부하는 걸 제대로 한 주간이라고 생각한다.

초기에는 친해지기도 힘들었고 막 물어보기도 힘들었는데, 이제는 노션으로 공부한 내용도 공유하고...

힘들지만 재밌었던 한 주였다. +) 프로젝트 하는 것도 재밌었고...!

 

이제는 프로젝트를 성공적으로 마무리하는 단계만 남았다. 남은 프로젝트도 화이팅...! 우리조 진짜 최고...!!