안녕하세요, 패스트 캠퍼스 메가바이트 스쿨 프론트 엔드 3기 수료 중인 김당퀔입니다! 이번 3기 수료 기간은 9월 13일부터 4월 14일까지 총 7개월 과정입니다. 7개월 동안 매주 주말 회고록을 작성해 보려고 합니다.

블로그 제출 기한으로 인해서 지난 금요일부터 해당 주 목요일까지의 사이클로 작성됩니다.

1. 이번 주 목표

• 스타벅스 홈페이지 예제 끝내기
• HTML/CSS 과제 시작하기
• 대면 강의 시간 외를 잘 사용하여 인터넷 강의도 꼭 듣기
• 개발 블로그 작성하기

2. 커리큘럼 학습 내용

1. git/github

최우영 강사님의 첫 시간이었습니다. 자료를 확인할 때 github는 확인했었는데 git을 사용하는 건 처음이라 어려운 부분들이 있었습니다. 우선 git은 CLI로 작동하는 프로그램이라 마우스 없이 사용하는 게 많이 어색했습니다.

우선 git을 설치하고, github에 파일을 add, commit 하는 방법들에 대해서 배우면서 현업자들이 어떻게 일을 하는지 이해할 수 있는 시간이 되었습니다.

수업 시간 동안 간단한 프로젝트로 github organization을 만들고, 팀 github을 fork 한 후, git을 통해서 local로 github 주소를 부르고, 작업을 한 후 다시 github 팀원 서버로 보내는 것까지 진행을 했습니다. 팀원들과 작업을 할 때 중간중간 오류가 나서 팀원들과 같이 해결을 하는 과정에서 배울 수 있는 게 많았습니다.

2. HTML/CSS

박영웅 강사님 의 CSS 시간이었습니다. 지난 주에 배웠던 flex에 이어서 grid와 @media, animation, Multi-colums에 대해서 배운 시간이었습니다.

온라인 강의를 들으면서 flex 부분은 조금 익숙해졌다고 생각했는데 grid는 아직까진 감이 잘 안 잡히는 느낌이라 다양한 예제를 봐야겠다고 생각하고 있습니다. @media는 내가 보는 디바이스에 따른 설정을 할 수 있었습니다. animation은 홈페이지를 만들 때 애니메이션을 넣을 수 있는 부분이라 홈페이지를 조금 더 풍성하게 만들 수 있는 기능이었습니다.

새로 배운 부분들은 아직 다양한 예제를 보거나 활용한 적이 없어서 익숙하지 않지만, 다양한 예제나 프로젝트를 통해서 익숙해지는 게 중요할 것 같습니다.

3. 그룹 스터디 학습 내용

저희 그룹은 자바스크립트를 활용한 클론 코딩을 목표로 짜여진 그룹입니다.

지난 주에 작성한 내용 중 그룹원들과 난이도에 대해서 의견을 나누고, 이후 어떻게 학습하면 좋을지에 대한 이야기를 나누었는데 아직은 JS에 대한 지식이 부족하다는 판단. (그룹원들과의 편차도 있음) 각자 공부를 더 해 보고 최종 클론 코딩에 대해서 이야기를 해 보자는 결론이 나왔습니다. 이런 부분이 있었는데 이번 주는 강의(온라인이 아닌)를 듣는 시간이 많아서 그룹, 개인 공부를 할 시간이 많이 없었습니다.

클론 코딩 과제를 하기 전 그룹 스터디 개인 공부 계획 때 세웠던 노마드 코더 그림 앱 과정을 들었고, 이제는 익숙해졌다고 생각한 html도 새로운 부분이 나와서 홈페이지를 제작할 때 더 다양한 방법을 활용할 수 있겠다는 생각이 들었습니다.

노마드 코더 그림 앱 수강으로 만든 사이트

Git/Github 시간을 통해서 팀원들과 같이 협업을 진행할 때 github를 사용하는 법을 배웠으니 조금 더 그룹 스터디를 할 때 도움이 될 것 같습니다.

4. 개인 학습 내용

이번 평일은 강의가 많아서 개인 공부를 할 시간이 없을 것 같아 주말에 짧게나마 스타벅스 홈페이지 예제 만들기를 진행했습니다. 그러나 주말에 약속이 있어서 많이 진행하진 못 했습니다. 그 후 평일을 통해 복습을 완료했습니다.

학습을 했던 건 아니지만, 트위터를 보다가 좋은 앱, 사이트를 발견하게 되어서 그 부분에 대해서 이야기를 해 보려고 합니다.

제가 봤던 해당 트윗은 앱을 두 개 소개하고 있는데 그 중 하나인 개발의 정석 앱은 iOS, Window, FE 등 각 분야에 맞게 지식에 대한 질의응답이 담긴 앱입니다. 다른 하나는 (현재 앱 이름이 변경되었습니다.) 코딩 챌린지 는 컴퓨터공학, 코딩에 관한 퀴즈가 발생하는 앱입니다.

두 앱을 사용하여서 기초 지식을 더 다질 수 있을 것 같다는 생각이 들었습니다.

HTML/CSS 클론 과제를 하면서 github에 올리는 방식으로 작업을 해 보면서 git/github에 익숙해지고 있습니다. 클론 코딩 과제를 다른 사이트를 해 보려고 하다가 예전에 한 달 국비 들을 때 Youtube 홈페이지를 다 못 만들었던 기억이 있어서 이번엔 제대로 다 해 보고 싶어서 그대로 진행하기로 했습니다.

5. 주간 회고

🥰
git, github에 대한 이해도가 생겨서 동료들과 협업하는 방법을 배우게 되어서 좋았습니다. 시행착오는 많았지만 이것도 발전해가는 방법 중에 하나라고 생각하고 더 많이 배우고 싶습니다. 클론 과제를 진행할 때도 git을 사용하여 github에 올리기 시작했는데 이렇게 진행하면 많이 익숙해질 것 같습니다.

😥
이번 주간은 생각보다 강의를 못 들었던 점이 너무 아쉽습니다. 예상했던 일이긴 하지만 노마드 코더 그림 앱 하나만 다 듣게 되어서 패스트 캠퍼스에서 진행하는 필수 강의 진도를 하나도 못 나간 게 많이 아쉽습니다....

6. 다음 주 목표

• HTML/CSS 과제 진행하기
• 필수 강의 JS 부분 듣기
• 개발 블로그 작성하기

지금까지 3주차의 기록을 읽어 주신 여러분, 감사합니다! 김당퀔은 이만 공부하러. 🥕🥕