Jaypedia

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..

1. React Project + 수업 30분 Ant Design을 많이 활용해서 UI를 만들어 나가 보았다. 와이어 프레이밍과 JSON data도 좀 수정해 보았다. json server의 한계도 알게 되었다. 이때문에 영화의 장르를 배열이 아닌 스트링으로 바꿔주었다. 수업에서는 내가 바꾼 와이어 프레이밍에 관한 피드백을 받을 수 있었고, 괜찮다고 하여 반영할 생각이다. 검색 기능 구현할 때 filter 메서드를 써서 필터링하는 대신에 query string을 추가하는 식으로 바꿔야 한다. 내일은 피드백 반영해서 수정하는 것과 더불어, Pagenation을 좀 구현해 보려고 한다. 2. 프로젝트 회의 1) 와이어프레이밍을 마지막으로 손을 봐 주었다. 메인 페이지의 레이아웃을 완료했고, 상세 페이지의 레..

1. Sorting Algorithms + Study Udemy 강의를 보고 맡은 부분을 정리하여 발표하는 스터디가 있는 날이었다. 오늘은 정렬 알고리즘 위주였다. 나는 그 중에서도 Selection sort와 Insertion sort를 맡았다. 코드를 설명하는 부분에서 미흡했던 것 같아서 이 부분을 중점적으로 다시 학습하고, 설명 가능하도록 보완해 보려고 한다. 그리고 다른 분들은 Bubble sort, Merge sort, Quick sort, Radix sort를 발표해 주셨다. 사실 내가 맡은 부분과 Bubble sort 정도만 강의를 열심히 듣고 참여한 거라 뒤에 있는 sort들은 아직 공부가 덜 되었다. 그래도 다른 분들의 설명을 들으니 대략적인 그림 정도는 그릴 수 있었다. 2. 프로젝트 ..