Jaypedia

프로젝트 설계 : 기능 명세서 작성 & Whimsical 약 1시간동안 회의를 진행하며 앞으로 만들어 나갈 웹사이트에 대한 기능 명세서를 작성해 보았다. 메인 화면, 검색 페이지, 상세 페이지, 커뮤니티 페이지, 마이 페이지 우선 이렇게 나눴는데, 피드백을 받고 좀 더 보완해 나갈 예정이다. Whimsical이라는 툴을 사용해서 내가 맡은 커뮤니티 페이지와 커뮤니티 상세 페이지를 와이어프레이밍 했다.

1. React - 11시~12시 React 수업 : CSS에 대한 피드백, useParams 활용하기, Ant Design에서 Layout 대신 Row와 Col을 활용하기. - Search bar를 만들고 있는데 이 부분 복습이 더 필요함. 2. 프로젝트 회의 - 기능 명세서 작성중 - whimsical 이용해서 와이어프레이밍 진행중 3. Algorithm 스터디 - 유데미 강의 듣고 정리해서 내 파트 발표 (Problem Solving Approach) 생활 패턴이 완전 야행성으로 바뀌어 버렸는데, 내일부터는 다시 좀 아침형으로 맞춰 보려고 한다.

React - Dynamic Route 개념 공부와 적용해보기 : 리스트 클릭 시 상세 페이지로 넘어가는 것 구현 - 검색 기능 구현 시도 : 아직 구현하지 못했다. - Ant Design 시도 : 버튼, input 등을 가져와서 표시하는 건 그냥 코드 복붙이라 어렵지 않았는데 Grid Layout은 좀 더 연습이 필요하다. 오늘 코드스쿼드 테스트에 대한 발표가 있었다. 마음을 졸이고 있었는데 다행히 합격이었다. 하지만 아직 2차 테스트가 남아있다. 관문은 이제 하나만 더 넘으면 된다. 결과 발표가 있는 다음 주 목요일까지는 마음이 편하진 않겠지만, 우선 해야 할 공부는 계속 해나가야겠다.

1. JavaScript 사용자가 특정 화면을 클릭해서 반응 속도를 계산해주는 간단한 로직을 작성해 보았다. setTimeout, clearTimeout을 사용하는 비동기 로직이었다. 아직 마무리하지 못했는데, 내일 완전히 마무리하려고 한다. 2. React 비동기로 json 데이터를 받아와서 화면에 그려주는 코드를 작성하였다. CSS도 좀 손봐서 페이지답게 만들었는데, Ant Design이라는 것을 좀 더 배워서 적용해 보려고 한다. 수업은 30분 정도 진행했다. 원래 1시간을 해야 하는데 이번에 테스트 3일로 인해서 React를 많이 하지 못했고, 수업도 짧게 마무리 되었다. 토요일에 또 있을 수업을 위해서 금요일 시간 활용을 잘 해서 이번엔 꼭 준비를 잘 해가야겠다. 3. 프로젝트 OT 오늘 본격 ..

코드스쿼드 마스터즈 코스 테스트 & 코드리뷰 오늘 오후 10시가 제출 마감이었다. 마지막까지 시간을 잘 활용해서 테스트를 제출하기 위해서 시간을 쪼개서 사용했다. 10시에 제출 후, 게더타운에 모여 있던 코코아 사람들이 코드리뷰를 제안했고 11시에 시작했는데 무려 1시 반에 끝났다. 2시간 반이나 코드리뷰 한 열정적인 사람들. 같은 문제여도 다른 접근법, 다른 코드를 보면서 느낀 점도 많고 배운 점도 많았다. 그리고 나는 지금보다 훨씬 더 노력해야겠다는 것을 많이 깨달았다. 다른 사람들이 짠 클린한 코드를 보면서 많이 반성이 되었다. 내일부터는 React 공부를 재개한다. 본격적으로 프로젝트가 시작되는 날이기도 하다. 3일 간의 여정을 끝마치고 이제 새로운 여정에 돌입한다.

코드스쿼드 마스터즈 코스 테스트 오늘 하루 종일 한 공부는 이것 뿐이다. 사실 커밋도 하려고 했는데, 오후에 모니터를 설치하느라 정신이 없어서 놓쳐버렸다. 드디어 모니터가 도착해서 광명 찾나 했는데, 허브가 고장이 났는지 연결이 계속 안 되는 바람에 시간을 많이 소모했다. 결국 허브는 새로 구입하기로 했다. 1일 1커밋에 구멍이 나 버려서 매우 아쉽고, 다음부터는 또 이런 일이 없도록 미리 해야겠다. 아무리 늦어도 커밋을 오후 6시 전에는 할 수 있도록 해보자. 오늘 테스트는 잘 풀리지 않는 문제가 많았다. 그래서 내 코드 자체에 구조적인 문제가 있는 것 같아서 대거 리팩토링을 시도했다. 아직 풀리지 않아서 오늘 잠을 늦게 잘 것 같다. 내일이 제출일이어서, 끝까지 (열정을) 불태울 예정이다.

1. 코드스쿼드 마스터즈 코스 테스트 오늘 10시에 문제가 공개되었고, 8일 수요일 오후 10시까지 제출해야 한다. 테스트가 코드스쿼드 코코아 시절에 쓰던 홈페이지와 서식이 같아서 마치 미션의 연장선상처럼 느껴지기도 했다. 코코아 사람들이 게더타운에서 모여서 새벽까지 열심히 풀고 있는데, 다들 전부 합격했으면 좋겠다. 처음에는 문제를 딱 접했을 때 막막하게 느껴졌는데, 다시 차분하게 문제를 작게 나눠서 하나하나 살펴보니 조금씩 구현할 수 있었다. 또 구현을 해나가면서 배우는 것도 많았다. 테스트에 대해서 공적인 공간에는 자세히 적을 수 없을 거라 생각해서, 테스트를 통해서 배운 내용들은 노션에 작성해 두었다. 2. JavaScript 1일 1커밋을 놓치지 않기 위해서 자바스크립트로 게임 만드는 것을 마무..

JavaScript : 게임 만들면서 공부하기 렛츠기릿 자바스크립트라는 제로초의 강의를 들으며 JS를 복습했다. 보니까 꽤나 분량이 많기도 하고, 생각보다 내가 모르는 부분이 많아서 구멍들을 메꾸면서 공부했다. 로또 추첨기, 숫자야구, 그리고 가위바위보 게임을 만들어 보았다. 가위바위보 게임은 아직 진행중이다. 이번엔 CSS는 정말 최소화하고 JS를 배운다는 생각으로 하고 있다. 코드스쿼드 코코아 코스를 통해 자바스크립트와 어느정도 친해졌다고 생각했지만 또 새로운 문제를 마주하면 역시 아직 잘 풀리지 않을 때도 많다. 특히 클로저 개념이 아직 어려운데, 로또 추첨기를 만들 때 이 개념이 살짝 나왔다. 좀 더 알기 위해서는 책을 좀 읽어봐야겠다.

1. React - React 수업 50분 (노션에 정리) - 강의 : useEffect 배우기, 내일 마저 복습할 예정 2. JavaScript : 계산기 만들기, Fisher-Yates Shuffle Algorithm, sort() - 알고리즘을 푼다고 생각하고 아주 간단한 계산기 하나를 만들어 보았다. 디자인은 예전에 열심히 해놨어서, 오늘은 JavaScript 로직 짜는 데 집중할 수 있었다. (CSS를 그래도 어느정도 해 놔야 코딩할 맛이 난다. CSS 복습도 할 겸.) 계산기 중에서도 가장 간단한 연산만 하는 계산기이기에 어렵지 않게 만들어 낼 수 있었다. 첫 번째 수가 음수일 때 계산하는 로직, 연속 계산하는 로직을 추가해 보았다. 배열의 요소를 랜덤으로 섞어 주고 싶을 때 쓰는 Fisher..

1. Firebase 오늘은 예전에 미뤄두었던 Firebase 공부를 좀 해 보았다. - firebase 의 필요성 - firebase setup - firebase로부터 데이터 가져와서 HTML에 그려주기 - firebase에 데이터 저장하기 - 이미지 업로드 더 공부를 하려고 했는데, 오늘 모니터 쇼핑을 하게 되어서 많이 공부하진 못했다. 작은 노트북 화면으로만 공부를 하다보니 그동안 항상 불편함을 느껴왔다. 강의도 듣고, 코딩도 해야 하는데 화면 분할을 하면 너무 작게 보이고 글씨가 안 보여서 눈이 쉽게 피로해졌다. 또 코딩할 때도 VS code 화면분할 할 때가 많은데 많은 코드가 눈에 들어오지 않아서 스크롤을 매번 내려야했다. 이제 모니터가 오면 그런 불편함이 많이 해소될 것 같아서 기대가 된다..