[코드잇 스프린트 FE 19기] 5주차 회고록

01. 5주차 (8/18 ~ 8/23)

✅ 5주차 진행

모던 자바스크립트
비동기 자바스크립트
스프린트 미션 3
코딩 테스트 문제 풀이
원온원
데일리 팀 미팅
위클리페이퍼 작성
멘토링
보충학습

👀 후기

강의 - 모던 자바스크립트

모던 자바스크립트 강의는 ES6로 업데이트 되면서 변화한 부분들을 대해 다루는 강의였다.

그러다 보니 강의 분량도 지금까지 들었던 강의 중에 가장 길었고,

내용 정리하는 데도 꽤 많은 시간이 걸렸던 것 같다.

 

그래도 자바스크립트가 어떻게 변화했는지, 어떤 문법들이 추가되었는지 알 수 있었고

배열 메소드나 Set, Map 객체에 대해서도 다시 내용을 확인할 수 있어서 유익했다.

 

강의 - 비동기 자바스크립트

비동기 자바스크립트 강의는 아직 절반 정도만 수강한 상태다.

강의 초반부에서 Promise 객체의 상태와 await의 사용법을 다루는데

상세한 설명 덕분에 이해하는데 도움이 됐다.

 

특히 이전에는 Promise 객체를 제대로 이해하지 못하고

단순히 외우듯 async/await를 사용했었는데

이제는 개념을 이해하고 활용할 수 있을 것 같다.

 

스프린트 미션

이번주에는 스프린트 미션 3을 진행했고,

미션 후기는 별도로 블로그에 업로드 했다.

https://cocoding420.tistory.com/75?category=1273029

[코드잇 스프린트 FE 19기] 스프린트 미션 3 후기

 

코딩 테스트 문제 풀이

저번 주에도 몇 문제 풀긴 했지만, 이번 주부터는 노션에 풀이 과정을 정리하면서

하루에 1~2개씩 코딩 테스트 문제를 풀고 있다.

코딩 테스트가 스프린트 커리큘럼에 포함된 건 아니지만,

풀어두면 나중에 도움이 될 것 같아서 가장 쉬운 문제부터 풀어보고 있다.

 

프로그래머스에서 예전에 몇 문제 풀어본 적이 있어서 기록이 애매하게 남아있었는데

내가 어떻게 풀었는지 풀이 과정도 잘 기억이 나지 않고

그 당시에 거의 검색에 의존해서 풀이했던 터라 아예 리셋하고 싶었다.

그래서 탈퇴하고 다시 가입해서 하나씩 풀어나가고 있다.

 

백준은 이번에 처음 가입했는데, 입력 값을 받아오는 방식이 아직 어색해서 적응해 나가고 있는 중이다.

또 프로그래머스에 익숙해져서 값을 출력할 때 console.log를 써야 하는데

습관적으로 return을 사용해서 어이없게 문제를 틀린 경우도 있었다.

그래도 차차 적응하면 괜찮아질 거라 믿고 풀고 있다..😂

 

코딩 테스트 문제 풀이를 하면서 도움되는 점은 직접 메소드를 사용해보고,

어떤 상황에서 어떤 메소드를 쓰는 게 더 적합한지 조금씩 익혀가고 있다는 점인 것 같다.

그리고 백준 허브를 설치해둬서 깃허브에 잔디를 심는 재미도 있다.

 

코딩 테스트는 자바스크립트보다 파이썬으로 푸는 게 더 좋다는 조언을 들었는데

아직 자바스크립트도 미숙한 것 같아서 파이썬을 시작했다가

괜히 이도 저도 못 할까봐 불안해서 당분간은 자바스크립트로만 문제를 풀 것 같다.

언젠가 자바스크립트에 충분히 익숙해지면 그때는 파이썬으로 풀어보고 싶다.

 

원온원

한 달에 한 번씩 과정 담당 매니저님과 원온원을 진행하는데

이번 주에 처음으로 참여하게 되었다.

 

첫 원온원이라 과정 적응은 잘하고 있는지, 왜 개발자가 되고 싶은지,

관심을 갖게 된 계기, 수료 후 원하는 방향 등에 대해서 이야기를 나눴다.

대화를 하면서 내가 왜 개발자를 선택했는지 다시 생각해볼 수 있어서 의미있는 시간이었다.

 

다음 원온원 전까지 수료 후 목표를 구체화하고,

이를 위한 단기 목표를 세운 뒤 한 달간 실천한 내용을 공유하기로 했다.

단기 목표를 어떤 걸 할지 고민 중인데, 잘 정리해서 다음 원온원까지 성실히 수행해야겠다.

 

데일리 팀 미팅, 위클리 페이퍼

이번 위클리 페이퍼 주제는 변수 선언 키워드와 브라우저 동작 방식이었다.

https://cocoding420.tistory.com/74

[JavaScript] var, let, const 차이 정리 (중복 선언, 호이스팅)

var, let, const는 강의나 멘토링에서 자주 접했던 내용이라서 비교적 수월했지만,

실행 컨택스트와 연결해서 생각하면 아직 완전히 이해한건 아니라서 더 공부해야겠다고 느꼈다.

 

https://cocoding420.tistory.com/76

[브라우저 렌더링 파이프라인] 브라우저는 어떻게 화면을 그릴까?

브라우저 동작 방식은 브라우저 렌더링 과정을 중심으로 정리했는데,

팀원분은 URL 입력부터 프로토콜, DNS까지 상세하게 정리하셔서

그 글을 보며 관련 내용들을 추가로 보충해봐야겠다고 생각했다.

 

위클리 페이퍼를 혼자 작성해본 뒤에 데일리 팀 미팅에서 작성 내용을 공유하면서

내가 어떤 부분을 놓쳤는지, 잘 모르고 있는지 생각해볼 수 있어 큰 도움이 되는 것 같다.

 

멘토링

이번주 멘토링에서는 위클리 페이퍼 주제였던 브라우저 동작 방식과 함께

강의를 들으면서 궁금했던 함수 선언식, 렉시컬 환경, export 방식 등에 대해 질문드렸다.

멘토링 시작 전에 질문 드린 내용들을 미리 찾아보고 참여했더니 이해하는데 더 도움이 됐고

글만 읽어서는 이해하기 어려웠던 부분도 멘토님의 설명을 들으면서

아 그래서 그런건가? 하면서 연결 지을 수 있어서 좋았다.

모든 내용들을 100% 이해한 건 아니지만 두루뭉술했던 개념이 조금은 명확해진것 같다.

 

또 다음 미션 주제가 폼 데이터 검증이라서

실제로는 어떻게 구현하는지 궁금했는데 현업에서 어떻게 진행하는지 들을 수 있어서 유익했다.

 

보충학습

이번 주 보충학습 주제는 클린 코드 작성 방법, 변수, 함수였다.

강의나 위클리 페이퍼에서 이미 다뤘던 내용들이라서 머릿속으로 정리하며 들을 수 있어서 좋았다.

설명 중간중간 개발자 밈을 곁들여 주셔서 내용이 더 기억에 남았던 것 같다.

 

특히 보충학습 내용 중에 인상 깊었던 건 void 함수였다.

여러 번 들어보기도 했고 사용해본 적은 있었지만

동작 방식이나 개념을 정리해본 적이 없어서 정확히 알지 못했는데

이번 보충학습을 통해서 정리해볼 수 있어서 좋았다.

> void: 특정 메모리만 변환시키고 반환이 없는 함수

 

📝 기억하고 싶은 내용

이번 위클리 페이퍼, 멘토링, 보충학습 모두 자바스크립트와 브라우저 동작 방식에 대한 내용을 다뤄서

이 부분을 더 깊이 정리할 필요가 있다고 느꼈다.

 

또 코딩 테스트를 풀면서 배열을 새로 만들게 되면 메모리에 쌓인다라는 글을 봤었는데

그런 부분을 힙 메모리?라고 한다는 것도 알게 되었다.

이 부분도 자바스크립트 동작 방식과 연관지어서 함께 정리해봐야 할 것 같다.

 

02. 마무리 + TMI

이번 주는 강의에서 배운 내용보다 위클리 페이퍼나 멘토링에서 다룬 주제들이 더 어렵게 느껴졌다.

그래서 자바스크립트의 이론적인 부분을 더 공부해야할 것 같다고 생각했다.

앞으로 프로젝트를 진행하게 되면 이런 이론을 깊게 다룰 시간이 많지 않을 것 같아서

지금부터 완벽하지는 않더라도 꾸준히 이해해 두어야 할 것 같다.

 

다음 주 후반부터 자바스크립트 강의가 마무리 되고 리액트를 배우기 시작한다.

그런데 남아 있는 자바스크립트 강의에서 class나 this 개념을 다루지 않아서

리액트를 배우면서 나오려나? 아님 별도로 공부해야 하나? 하면서 고민 중이다.

 

어쨌든 공부할 거 정말 많은 것 같다... 열심히 해봐야지...🥹