GRIDY

Web Frontend Developer

드디어 항해 1주차가 끝나게 되었다.

아직 듣지는 않았지만 같이 항해를 하고 있는 분한테 WIL이 필수라는 얘기를 들어서 들은 김에 작성을 시작했다.

나의 WIL은 최대한 1주간에 했던걸 요약해서 정리해보고자 한다.

우선 1일차부터 4일차까지는 웹개발 플러스 강의를 듣고 프로젝트를 병행하여 진행하는 방식이었다.

팀원들도 나쁘지 않아 나름 분위기 좋게 진행이 되었다.

솔직히 말해서 기간동안 프로젝트도 만들어야 하는거 치고는 강의 분량은 너무 많고 시간은 짧아서 강의를 반도 제대로 안들었다.

다른 팀원들도 상황은 비슷한거 같다.

그래도 어거지로 강의를 들으면서 github에 조금은 정리를 해 두었다.

웹개발 플러스 1주차 정리

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/web-plus/week-1.md

웹개발 플러스 2주차 정리

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/web-plus/week-2.md

3주차 강의는 셀레니움을 사용한 크롤링 / 4주차 강의는 로그인이 핵심인데, 사전 스터디 때 이미 한번씩 검색해가면서 해봤던 것들이라 지루하게 강의 안들어도 되겠다고 생각해서 그냥 강의 안들었다.

그리고 프로젝트를 진행하면서 9시에 항해99 정식 일정 시간이 끝나면 노마드코더 리액트 마스터 챌린지 강의를 조금씩 들었다.

노마드코더 리액트 마스터 클래스 styled-components

https://github.com/reality023/TIL-WIL/blob/main/nomadcoders/react-master-class/styled-compnents.md

그렇게 공부를 하면서 프로젝트를 진행했고, 마지막 날에는 팀장님께서 aws를 해보셨는데, 잘 안된다고 하셔서 내가 쓰던 aws에서 서버를 열게 되었다.

그리고 내가 aws서버의 우분투 리눅스 버전이 22.04 버전인데, 몽고DB가 잘 설치가 되지 않아서 그것에 관해서도 조금 조사해 보았다. (물론 결국 우리는 로컬 몽고DB를 쓰지는 않았다 ㅋㅋㅋ)

AWS 우분투 22.04 몽고 DB 설치하기

https://github.com/reality023/TIL-WIL/blob/main/operating-system/linux/ubuntu/22.04/how-to-install-mongo-db.md

그렇게 길다면 길지 않고 짧다면 짧은 4일이 끝나고 알고리즘 주차가 시작되었다.

알고리즘은 금요일부터 다음주 금요일까지 일요일을 뺀 6일간 진행되며, 달리기반과 걷기반이 나뉘어져 있는데

달리기 반은 더 많은 문제를 풀어야 한다.

알고리즘도 내가 푼 문제들을 기록하고 나중에 참고하기 위해서 github에 포함시켜 놓았다.

항해에서 다양한 개념을 사용해야 하는 문제들을 잘 분배시켜 놓은건지, 문제를 해결하기 위해 이것저것 검색하다가 새롭게 알게된 문법도 많이 있어서, learn 폴더에는 내가 알던 개념들과 새롭게 알게 된 개념들을 같이 정리해 보았다.

나중에는 저 개념들을 하나 하나 더 상세하게 정리해서 따로 API문서마냥 만들어보는건 어떨까도 생각중이다.

항해 알고리즘 정리

https://github.com/reality023/TIL-WIL/tree/main/hanghae99/algorithm

토요일까지 해서 나는 내 할당 문제를 전부 풀었고, 토요일 하루 동안만 거의 20문제 넘게 풀은것 같다.

나는 일요일도 알고리즘 문제를 풀 예정이므로 내일이면 40문제를 전부 풀지 않을까라는 생각이다.

만약 내일까지 전부 푸는데 성공한다면, 월요일부터는 챌린지 문제에 한번 도전해볼까 생각중이다.

+ 그리고 항해에서 키워드 두개를 던져줘서 내용을 추가해 보았다.

키워드 : JWT, API

API

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/web-plus/web-plus-api.md

JWT

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/web-plus/web-plus-jwt.md

오늘은 40번까지 문제 중에서 내가 할당 받은 문제들을 다 풀었다.

오늘은 하루종일 문제만 풀었으므로 그냥 문제 링크만 달고 끄지겠다.

머리 터질거 같아서 블로그 포스팅할 기부니가 아니다.

핸드폰 번호 가리기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem09.md

행렬의 덧셈

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem10.md

x만큼 간격이 있는

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem11.md

부족한 금액 계산하기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem12.md

2016년

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem13.md

나누어 떨어지는 숫자 배열

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem14.md

내적

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem15.md

문자열 내 p와 y의 개수

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem16.md

문자열 다루기 기본

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem17.md

서울에서 김서방 찾기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem18.md

수박수박수박수박수박수박수

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem19.md

완주하지 못한 선수

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem20.md

이상한 문자 만들기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem21.md

자릿수 더하기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem22.md

자연수 뒤집기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem23.md

알고리즘 1일차의 시작!

달리기 반 멤버라서 그런지 운이 좋은건지 팀원들의 수준이 나쁘지 않다.

한분은 사전 스터디에서 봤던 실제 현업에서 일하다 오신 백엔드 개발자 출신이시고 (현재는 프론트 지망), 한분은 알고리즘 공부 경험이 있다고 하셨다. 백엔드 개발자 분은 확실히 개발 경력이 있으시다 보니 엄청 잘하시는거 같다.

다른 한분은 처음이라고 했는데, 생각보다 잘 따라오셔서 괜찮은데? 라고 생각했다.

09 : 00

항해에서 이번주를 소개하는 시간을 들었다.

별 내용 아니었고, 일반 반은 28문제, 달리기 반은 40문제를 푼다고 한다.

10 : 00

스온스 분들한테 가볍게 프로그래머스 사이트 이용 방법에 대해 설명해줬는데, 실수로 게더에서 마이크를 안꺼놔잡담을 나누는게 항해 게더에 들렸다. 조금 민망했는데 어쩌랴... 그리고 민폐가 될 말은 안했으니 다행이다.

11 : 00

자바스크립트를 아예 모르시는 분을 배려하는 차원에서 강의를 2시까지 들으면서 문제를 풀어오기로 했다.

14 : 00

각자 풀어온 문제에 대한 해설을 했다.

내가 푼 문제는 다음과 같다.

Q1. 직사각형 별 찍기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem01.md

Q2. 짝수와 홀수

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem02.md

Q3. 가운데 글자 가져오기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem03.md

Q4. 두 정수 사이의 합

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem04.md

17 : 00

다음으로는 8번까지 풀어오기로 했다.

나는 조금 놀랐던게, 프로그래밍을 처음 시작하는 분까지도 시간을 다 맞춰서 풀어올 줄 몰랐다.

재능이 있으신걸까? 먼 과거의 프로그래밍 1~2달 공부한 시점의 나라면 도저히 못 풀었을 거다.

Q5. 문자열을 정수로 바꾸기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem05.md

Q6. 없는 숫자 더하기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem06.md

Q7. 음양 더하기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem07.md

Q8. 평균 구하기

https://github.com/reality023/TIL-WIL/blob/main/hanghae99/algorithm/problem/problem08.md

18 : 00

뭔가 이벤트 같은걸 한대서 참여했다. 솔직히 재밌는지는 모르겠는데 한시간 넘게 녹였다.

20 : 00

노마드코더 리액트 강의를 조금 들었다.

근데 난이도가 생각 이상으로 어려워서 아... 챌린지는 어렵겠구나 싶어서 마음을 살짝 접었다.

22 : 00

노마드 코더는 천천히 머리에 흡수하기로 하고....

알고리즘에 좀더 집중하는게 좋겠다는 생각이 들어 문제를 두문제 정도 더 풀어 보았다.

푼 문제는 내일 공개!

오늘은 거의 작업 없이 쉬면서 보낸거 같다.

물론 게더에 들어가긴 했지만, 우리는 진행 상황이 나쁘지 않았고, 내일부터 알고리즘을 들어가는데 넉넉하게 시간을 잡고 좀 편하게 있으면 어떻겠냐 해서 좀 여유롭게 하루를 보냈다.

08 : 00

내가 작업한 코드를 어떻게 개선해야 더 깔끔할지를 고민해보고 제출 전까지 시도해볼 수 있을 만한게 있을까도 생각해 보았다.

그리고 팀원들과 가볍게 소통하면서 자잘한 버그나 오류들을 고쳐나갔다.

14 : 00

점심 먹고 와서, 발견된 오류를 한두개 고쳐주고, AWS 우분투 서버에 파일들을 업로드 했다.

그러다가 파일을 업로드하는게 아니라, git을 설치해서 pull해서 업데이트 하는게 더 효율적이라고 생각했고 git을 설치해서 clone을 해서 서버에 넣는데 성공했다.

16 : 00

팀원 중 한분이 영상 녹화와 자료 준비를 다 담당하시겠다 하셔서 감사하게 받았다.

조금의 조정이 필요했지만 무난하게 마무리 됬다.

그리고 쭉 쉬었다!

우리들의 완성된 코드는 아래 주소를 보면 된다.

https://github.com/Mmuseng/ReBook

그리고 시연 영상은 아래 링크 참고!

https://www.youtube.com/watch?v=pUxf9vegKDw&t=1s 

21 : 00

오늘은 노마드코더 리액트 챌린지 강의를 이어서 보기로 했다.

이전 강의까지는 무료강의 였는데, 이번에는 유료강의인 리액트 마스터 클래스 강의를 듣고 있다.

이걸 TIL이라고 봐도 될지는 모르겠지만 이번주에 공부한 내용은 React Styled Component이다.

그냥 내가 참고하기 위해 정리한거라 상세하게 설명을 적진 않았으니, 자세한 내용을 알고 싶다면 리액트 마스터 챌린지 강의를 들어보길 추천한다. 아니라면 같은 개념으로 구글링 해서 알아보는것도 하나의 방법이다.

https://github.com/reality023/TIL-WIL/blob/main/nomadcoders/react-master-class/styled-compnents.md

22 : 30

지금 포스트를 쓰고 있는 지금, 이 포스트를 다 작성하면 다음 강의를 계속 이어 들을 생각이다.

다음 강의는 타입스크립트에 관한 강의인데 노마드 챌린지 제출일이 모래 아침 6시까지이므로 최소 내일 밤까지는 다 듣고 챌린지 문제를 풀어서 제출해야 한다. 가능할지는 모르겠지만 한번 성공할 수 있도록 노력해보려고 한다.