Jaypedia

1. Git & Github amend, cherry pick, reset, revert, stash 같은, 들어는 봤지만 많이 쓰지 않았던 git 명령어들을 써 보면서 감을 익혀보았다. 어제의 목표대로 챕터 4와 5를 읽으며 천천히 따라했다. 이중에서도 amend와 stash는 정말 유용한데 내가 프로젝트 할 땐 쓴 적이 없다가, 신기하게 오늘 딱 쓸 일이 생겨서 이 둘을 모두 쓰게 되었다. 오늘 배운 것을 오늘 바로 적용할 수 있어서 좋았다. 덕분에 커밋하고 푸시까지 한, 오타 났던 커밋을 깔끔하게 수정할 수 있었다. 2. React 사진 업로드 기능 구현 완료 이제 사진 업로드 기능을 마무리했다. 영화 포스터를 넣으니, 그럴듯한 페이지가 완성되었다! Cloudinary를 이용해서 사진의 용량이 크더..

1. Git & Github, Sourcetree 본격적인 협업을 위해서 알아야 하는 필수적인 깃 사용법을 다지려고 했다. 혼자서 프로젝트 할 때와는 또 다르기 때문에 알아둬야 할 것들이 좀 있었다. 책은 예전에 구매해뒀던 라는 유명한 책을 읽었다. 총 9챕터인데, 아직 4챕터를 읽는 중이다. 사실 3챕터에 있는 내용이 협업 때 정말 필수적이라 이 부분을 잘 읽고 협업 때 깃 사용할 때 적용하려고 한다. VS Code의 Source control과 CLI만 계속 써오고 있었는데 Sourcetree를 써보니 정말 편리하고 시각적으로 잘 들어오는 게 느껴졌다. 색깔 구분도 명확하고, 포인터가 딱 있어서 좋다. 다운만 받아보고 읽지 않았던 도 읽기 시작했다! 많이 읽진 않았지만 오늘부터 꾸준히 읽어 보려고 한..

1. React movie project (1) 영화 별점 로직 수정 별점 부분을 수정하느라 꽤나 많은 시간을 소요했다. Ant Design에서 별점(rating)을 가져와서 영화 별점을 매기는 것이었는데, 5점 만점 체계였다. 그런데 나는 10점 만점 체계로 하고 싶었다. 처음에는 단순하게, 그냥 데이터도 5점 만점으로 저장하고 렌더링할 때만 2배로 해서 할까 싶었다. 그러나 멘토로부터 피드백을 받았는데 DB와 UI의 일관성이 있어야 한다고 했다. 그래서 다른 방법을 구상해 보기로 했다. 우선 사용자가 입력한 rating을 db에 저장 시 2배로 저장해 줘야 한다. Ant Design 체계에서는 5점 만점에 4로 설정했더라도, db에서는 그게 8점으로 저장이 되어야 한다. 그렇게 하기 위해 46번째 라..

React 오늘은 어제 계획했던 대로 React에 올인을 했다. Modal 안에 Form을 구현하는 것이었는데, 다 처음 하는 것이었지만 워낙 Ant Design의 홈페이지에 예시가 잘 나와 있어서 가져다가 좀 응용해서 쓰면 구현이 되었다. Ant Design을 많이 활용해서 영화 생성 기능을 구현했고, 정규 표현식도 추가해 주었다. 사실 정규 표현식도 내가 짤 필요 없이 Ant Design에서 제공해 주는 Form에 쓸 수 있는 rules라는 속성을 활용하면 되어서 편리했다. 또한 유저가 이미지를 올리지 않았을 때 기본 이미지가 보일 수 있도록 삼항 연산자를 활용해 수정해주었다. 영화를 수정할 수 있는 기능도 구현했다. 영화를 받아와서 폼 안에 채워준 후, 수정이 반영될 수 있게 axios의 patch..

Data Structures - Tree traversal 마무리 : Depth First Search의 세 가지 종류를 알아보았다. (preorder, postorder, inorder) - Binary Heaps 강의듣기 & 발표준비 발표를 하면서 확실히 뚜렷하게 남는 게 있긴 하지만, 그래도 좀 더 확실히 알려면 시간을 더 투자해야 된다. 이번에 스터디 시간이 8시가 아니라 9시로 미뤄져서 좀 더 준비할 수 있었다. * 오후 9~11시 스터디 : Binary Heap, Hash Tables, Graphs, Graph Traversal, Dijkstra's Algorithm Binary Heap 외의 강의를 듣지 못하고 다른 분들의 발표를 들어서 좀 어렵게 느껴졌다. 그래도 핵심을 한 번 훑었으니, ..

1. Data Structures - Binary Search Tree의 Insert & Find 메서드 구현 - Tree Traversal의 BFS, DFS (진행 중) 2. React - 30분간의 수업 : 저번에 구현했던 것에 대한 피드백과 질의응답 - try catch문 사용해서 에러 핸들링 3. 프로젝트 회의 마일스톤 - 앞으로의 개발 일정을 구체적으로 받고, 역할 분담을 했다. 브랜치를 제대로 사용해 본 적은 없는데 이번 기회에 잘 알아둬야겠다. 12/22 내일의 계획 * [오전] Tree traversal DFS 마무리, Binary heap 강의 듣고 코드로 구현, 발표 준비 * [오후] React Form 구현, 어제 수업 복습하면서 구멍 메꾸기 / 프로젝트 구현 시작 - 회의 필요 * ..

Data Structures Singly Linked List Doubly Linked List Stack & Queue Binary Search Tree 8시 스터디가 9시로 미뤄져서 내가 맡은 Stack & Queue 부분의 발표를 보완할 수 있었다. 노트도 좀 더 깔끔하게 정리하고 Figma 툴을 사용해서 그림을 그려서 설명해보았다. 스터디가 끝나고 나서는 Binary Search Tree 부분의 강의를 듣고 정리해 보았다. 오늘은 하루 종일 자료구조만 공부했다. Linked List 부분의 분량이 꽤나 많았고, 코드로 각종 메서드들을 구현해 보려니 초반엔 좀 낯설기도 하고 헷갈려서 헤맸다. 그래서 시간이 더 오래 걸렸다. 그래도 원리를 잘 안다면 pseudo code를 짤 수 있고, 그에 맞춰서 ..

1. React - React에서의 Ajax 요청 방법 중, axios를 사용하는 방법을 다시 한 번 써 보며 다질 수 있었다. - 컴포넌트가 여러 개 중첩되어 있을 때 state를 전달하는 것을 연습했다. - Context API 쓰는 법을 알아보았다. - react-transition-group이라는 것을 이용해 애니메이션 구현하는 법을 알아보았다. - Redux를 써보기 위한 세팅을 해 보았다. 아직 세팅만 했고, 좀 더 본격적으로는 내일 약 3시간 정도 투자해서 배워볼 예정이다. 확실히 강의를 보는 것보다는 코딩을 스스로 해야 익숙해진다. React에도 익숙해지려면 많은 시간을 투자해야겠다. 2. Data Structures : Singly Linked List Singly Linked List의..

1. React My Movies 프로젝트를 계속 하고 있다. 오늘 수업이 30분 있었고, 궁금한 점들을 해소하고, 새로운 것도 배울 수 있었다. 1. sort와 pagination을 구현할 때 json server의 API를 참고해서 수정해주었다. 2. pagination을 개선했다. 영화들을 처음 불러올 때, filtering 했을 때 그 개수에 맞게 페이지가 생성되도록 수정했다. 3. 필터링 후 되돌리기 버튼을 누르면 모든 영화가 나오도록 바꿨다. 4. 모달과 영화 추가 버튼을 각각 컴포넌트로 분리했다. 5. Flex가 아닌 Grid를 사용해서 영화 카드들이 늘어나지 않고 일정한 크기로 보여질 수 있게 개선했다. 아직 할 것들이 더 많다. Form을 잘 다뤄서 Create 기능을 구현해야 하고, D..

1. Data Structures Section 18의 Data Structures Introduction 파트를 모두 들었다. class 문법을 위주로 설명했다. 앞으로 배울 자료구조들은 클래스로 코딩하기 때문이다. 클래스에 대해 복습할 수 있었다. 또한 Singly Linked List의 앞부분을 좀 들었다. push 메소드 구현부터 좀 어렵게 느껴지는데, 내일 다시 들어야 한다. Singly Linked List를 제대로 알아야 그 뒷부분 자료구조도 제대로 학습할 수 있다. 그래서 이게 중요하다. 2. React 오늘은 꽤나 많은 것들을 구현해 보았다. - 영화 정렬 기능 : 우선 연도로만 정렬할 수 있게 했다. - 영화 필터링 기능 : 장르에 따라서 필터링 될 수 있도록 했다. - Paginati..