스파르타코딩클럽 내일배움캠프 22일차

오늘 일과 간단 요약

1. 주특기 입문 발제
2. 자바스크립트 심화 강의
3. 모던 자바스크립트 읽기
4. 프로그래머스 1문제 풀이 (풀이 링크)

 

 

 

 

 

주특기 입문

어제 프로젝트가 마무리되고, 바로 새로운 챕터가 시작되었다.

 

프로젝트를 진행하고 보니, 자바스크립트 문법이나 이런 기초적인 걸 까먹었다는 생각이 든다(?)

까먹었다기 보다는..뭔가 쓰는 법을 잘 모르고 마구 써버렸다는 생각?

일단 기능 구현을 하기 위해서 튜터님 코드를 참고하고 이해하고 모르면 다시 구글링하고...

이런 과정들이 어떤 방식으로든 구현은 하게 만들었지만, 이게 내가 다 안다고 할 수는 없으니까.

 

그래서 자바스크립트 심화 공부를 한다는 게 좋았다.

3일이지만, 튜터님이 제공해주신 강의를 듣고 모던 자바스크립트도 보고 하면서 기본기를 다질 시간인 듯 하다.

 

3일간이지만 나의 계획은 다음과 같다.

• 심화 강의 2번 듣기 (1번은 그냥 영상, 2번은 노션에 정리하면서)
• 모던 자바스크립트 2번 읽기 (가이드 따라서 순서 지켜가며 읽기)
• 프로그래머스 level 0 최소 1문제씩 풀기

 

오늘은 나름 이 계획을 잘 이행했던 것 같다.

 

 

 

자바스크립트 심화 강의

튜터님이 제공한 강의를 보면, 기본이 있다는 전제하에 진행되기 때문에

시작하기 전에 예전에 정리해뒀던 노션을 다시 들어가보았다.

 

이게 뭔가 애매한게...문법을 다 아는듯 하면서 잘 모르겠고...?

또 막상 강의를 들어보면 알 것 같고.

그래서 그냥 아예 다시 본다는 생각으로 노션 정리본을 보고 기본 문법을 복습하고 들었다.

 

그래도 심화 강의여서 처음 들어본 개념들도 많고,

예전에 얼핏 들어봤던 개념들도 많다.

 

강의를 들으면서 필기하고 들을까 고민했는데 맨 처음 들을 때는 그냥 가볍게 쭉 들어보라는 조언을 들어서

초반에 필기하다가 그냥 아예 유튜브로 강의를 쭉 들었다.

 

chapter 5까지 있는데 오늘 2까지는 가볍게 들었고, 내일은 5까지 쭉 들어볼 예정이다.

다 듣고 2회차 들을 때에 필기하면서 들어야지.

내용은 어려운데, 그냥 가벼운 생각으로 들어서 그런가 이해가 잘되는(?) 느낌이다. 실제로는 아닐테지만 ㅋㅋㅋ

 

 

 

모던 자바스크립트 읽기

튜터님이 가이드라인을 제시해주셔서 그대로 읽고 있다.

진짜 읽기만.

여러번 걸쳐 읽을 생각으로 오늘은 그냥 스크롤 내리면서 쭉 읽었다.

이것도 2회차 이상 되어야 알 것 같아서 눈으로만 읽었다.

 

아리까리한 게 훨씬 많지만 굴하지 않고...ㅎ

원래 내가 예전에 했던 공부 방식은 처음부터 꼼꼼하게, 이해될 때까지 계속해서 봤었는데 코딩에 한해서 고치기로 했다.

 

그렇게 하다가는 끝까지 못하고, 적절하지 못한 방법이라고 여러 사람들에게 조언을 얻었기 때문에...

그러지 말고 차라리 여러번 보기로 노선을 바꿨다.

그렇게 계속 읽다가 나중에 이해가 가면 정리하고...그러는 걸로.

 

 

 

 

프로젝트 서면 피드백

강의를 듣던 와중에, 프로젝트에 대한 튜터님들의 피드백이 있다고 해서 바로 들어가 보았다.

 

류제천 튜터님
1. 영화리뷰 웹사이트 컨셉에 맞게 레이아웃 구성한 점 굿!
2. 모든 CRUD 필수 기능 구현한 점 굿!
3. 전반적으로 UI가 깔끔하고 디자인적 감각 있는 팀원이 있는 것으로 사료됨
4. 카드 뒤집기 인터랙션은 현업에서도 자주 사용됩니다. 미리 연습해본 부분 굿!
5. 수정, 삭제는 새로고침이 적용되어 있는데, 다음엔 새로고침 안되면서도 사용자가 느끼기에 변경됐음을 인지할 수 있게 다른 방법 적용해볼 것 권장!
6. 모달 적용 깔끔하게 한 부분 굿!
7. 검색을 위해 firestore의 query API 잘 활용한 부분 굿!

안동훈 튜터님
1. 어려웠던 점과 어떻게 해결할 지 회고하면서 적어둔 것은 개발자의 가장 훌륭한 자질 중 하나라고 생각합니다.
2. 배포까지 깔끔하게 잘 하시고, CSS도 아주 이쁘고 깔끔하게 잘 만드신 것 같습니다.
3. 검색기능을 DB를 통해 구현하신 점 인상적입니다!
4. 내 게시물을 보여주는 기능도 좋네요.

피드백
1. 커뮤니티라고 하기에는 유저간 상호작용할 수 있는 부분이 없어서 아쉽습니다. 댓글까지는 아니더라도 좋아요만 있더라도 재미요소가 풍부할 것 같아요


이진수 튜터님
1. 색감이라던지.. 전반적인 UI가 통일성이 있고 디자인이 깔끔해서 좋네요!
2. 클라이언트에서 필터하는 것이 아니라 파이어베이스 query를 통해 검색 기능을 구현한 부분 아주 좋습니다.
3. 코드도 기능과 페이지별로 잘 나누어 주셔서 잘보았습니다!
4. 코드를 수동으로 합치신건지 commit이 1개밖에 없는데 다음에는 github를 더욱 활용해서 협업하면 좋을 것 같습니다!

 

 

요렇게 피드백이 있었는데, 칭찬이 많아서 일단 기분이 좋았다 ㅎ

댓글 부분이나 좋아요 부분은...사실 좋아요 기능을 구현하고 싶었는데 시간상+실력상 하지 못한 부분이라 나 역시도 아쉬웠다. 그리고 만약 내가 하자고 했다면 우리 팀원들은 좋아하지 않았을 것이기에...ㅋㅋㅋㅋㅋㅋㅋ

나중에 혼자 다시 만들어보거나, 리액트로 리팩토링을 해보고 싶은데 그 때 한번 도전해봐야겠다.

 

그리고 깃허브.

깃으로 협업을 잘 하고 있었지만 커밋 로그가 별로 없어서 그 부분을 좀 보완해야겠다.

다른 사람 브랜치에서 클론하고 각자의 저장소에서 계속 커밋하고 pull request를 보내지 않아서,

실제 메인 브랜치에서는 커밋 기록이 없다. 그 부분이 아쉽다.

 

조금만 더 공부해보고 깃허브 이용해볼걸...

다음 프로젝트 때는 깃과 깃허브에 대해 다시 한번 공부해보고 협업 하고 싶다.

 

이런저런 피드백들을 보고 나니 진짜 프로젝트가 끝난 기분이라 후련하고 기분이 좋다.

일주일 넘게 매달리면서 힘들기도 했지만 나 혼자 재밌게 했다. 다른 팀원들도...그랬었으면 좋겠다 ㅎ

내일이면 새로운 팀원들을 만난다는게 아쉽기만 하다. 다음에도 다시 모일 기회가 있었으면 좋겠다ㅠ

 

 

 

프로그래머스 문제 풀이

프로젝트가 끝났으니 알고리즘 강의를 듣던 때처럼 최소 1문제씩은 풀기로 마음먹었다.

 

아까 가이드라인 노션 링크가 아닌 타임 어택 링크를 보고 제공된 4문제를 들어가봤는데,

그 중 2문제는 이미 풀었던 문제라서 1문제를 풀고 나니 링크가 바뀌어 있었다ㅋㅋㅋㅋ

그래서 신나게 구글폼으로 작성하다가 그냥 지워버렸다. 슬랙에서 바뀐 링크를 다시 봐서 다행이다.

 

여튼,

덕분에 1문제를 풀 수 있었다.

여전히 자바스크립트로 해야 하는게 좋을지, 파이썬이 좋을지 잘 모르겠지만...

 

자바스크립트가 주가 되어야 하기 때문에 우선은 자바스크립트로 풀고 있다.

파이썬으로 풀면 뭔가 자바스크립트 문법과 혼동 될것 같아서...

앞으로도 매일 꾸준히 풀어서 잔디도 쌓고 + 감도 잃어버리지 말아야겠다.

 

 

 

 

 

짧은 일기

매일 소통하면서 진행되던 프로젝트가 마무리되고 혼자 공부하려니 갑자기 심심해졌다.

부족한 걸 정리해보니 너무 많고, 해야할 것도 많은데 막상 하려니까 12시간도 부족하게 느껴지기도 하고.

오늘은 첫날이리 최대한 천천히 진도 나가려고 했었는데 그거 하나는 잘 지켜진것 같다 ㅋㅋㅋ

 

내일부터는 다시 강의 들으면서 공부하던 때로 돌아야지.

그렇지만 절대로 이해하려고 노력하지 않고 차라리 반복 하기.

내가 나에게 하는 약속이다...