dukDukz

잘한 것은 무엇인가? 모각코 참여하기... 10주차 데브노트 추가 수정, 11주차 강의 듣고 바로 데브노트 정리 한 것. 최대한 내가 배운 내용, 새롭게 알게되거나 이전에 프로젝트때 경험했던거랑 다른점이 뭔지에 대해서 작성해보려고 노력했다. 잘못한 것은 무엇인가? 실습시간이 필요하다 이번주에는 포트원을 사용한 결제하기에 대해서 학습할 수 있었는데 여러 방법으로 테스트 결제, 결제 결과에 대한 처리, 관리자 페이지에서 결제 취소 및 완료된 결제건 관리 등 많은 연습이 필요하다. 이 부분을 아직 진행하지 못했다. 무엇을 배웠는가? 지난주에 배웠던걸 하나씩 되짚어 보면서 어떤 점을 새롭게 배웠는지에 대해 확인해봤다. 회원 가입 후 즉시 로그인 처리 되게 하는 부분 (회원가입시에도 응답으로 토큰을 넘겨줘서 클라..

잘한 것은 무엇인가? 모각코 참여하기... 이번주에는 데브노트를 작성할때 하나의 작업을 진행할 때 어떤 흐름/순서 대로 작업하는지를 중점에 두고 작성했다. 코드 내용도 중요하지만 전체적인 큰 틀을 이해하지 못하고 있는것 같아서 이렇게 학습했더니 확실히 도움이 되었다. 내용과 흐름을 이해하고 데브노트를 작성 후 실습을 하니 보다 수월했음.. 잘못한 것은 무엇인가? 그냥 외운것? 내가 잘 모르는 것 같아서 머리로 흐름 정리하고 손으로 외웠다.. 그래서 완전히 씹어먹었다기엔 부족하지 않나? 이걸 나 혼자 처음 부터 하라고 한다면 할 수 있을지 의문이 드는 상태 어느 경우에는 페이지에서 props로 내려주고 어떤 경우에는 컴포넌트에서 직접 API를 호출하는지 잘 모르겠음 props drilling 위험이 없는 ..

잘한 것은 무엇인가? 꾸준히 모각코 참여 그 동안 배운 내용들... (routes, css theme 등..) 프로젝트에 적용 회사에서 새로 시작하는 프로젝트에 배웠던 내용을 적용했다. 걍의에서 배웠던 사소한 습관들부터 적용하려고 함. 적용 후에 문서로 정리해서 팀원들에게 공유 잘못한 것은 무엇인가? 강의 수강 - 시간 배분 잘못함 강의 양이 꽤 많았다. 그리고 30분 정도의 강의인데도 계속 멈추고 따라가려다보니 거의 1~2시간 정도가 소요됐었다. 시간 배분을 잘못했는지 금요일까지 강의를 들어야했다.. 무엇을 배웠는가? 지금까지 배웠던 내용을 총 집합해서 보여주는 강의였다. 그래서 어떤 순서대로 작업을 해야하는지 큰 틀을 확인할 수 있었다. 스토어를 사용하고 거기서 API 호출에 따른 응답 데이터, 로딩..

const elements = ['Apple', 'Banana', 'Tomato']; console.log(elements.join()); // Expected output: "Apple,Banana,Tomato" console.log(elements.join('')); // Expected output: "AppleBananaTomato" console.log(elements.join('-')); // Expected output: "Apple-Banana-Tomato" join 매서드 배열의 모든 요소를 연결해서 하나의 문자열로 만든다. 매개변수 arr.join([separator]) seperator (optional) 구분자가 들어간다. optional 이며 생략하는 경우 쉼표(,)로 연결 후 구..

createBrowserRouter -> v6.4 부터 사용할 수 있다. https://reactrouter.com/en/main/routers/picking-a-router#using-v64-data-apis Picking a Router v6.10.0 Picking a Router While your app will only use a single router, several routers are available depending on the environment your app is running in. This document should help you figure out which one to use. Using v6.4 Data APIs In v6.4, new routers were int..

git checkout checkout이 대체된 이유는 하나의 명령어가 가진 기능이 너무 많기 때문이다. git 2.23.0 문서에서 checkout의 기능을 명확히 분리한 것을 확인할 수 있다.checkout: Switch branches or restore working tree files (브랜치를 변경하거나 파일을 복원)switch: Switch branches (브랜치를 변경)restore: Restore working tree files (파일을 복원)쉽게 보자면... git checkout = git switch + git restore 1. git switch checkout 기능 중 브랜치를 변경하는 부분만 담당함. 1) 브랜치 변경하기git switch develop 2) 브랜치 새로 ..

잘한 것은 무엇인가? 강의 수강, 노트 정리 수요일까지 완료 꾸준히 모각코 참여 이번주에는 정말 정말 몸이 안좋아서 약먹으면서 일하고... 공부하느라 다른 주 보다 배는 힘들었다.. 다행히 기본 배경지식이 있던 상황이라 잘 학습할 수 있었다. 잘못한 것은 무엇인가? 과제를 하는데 이전에 배웠던 것들이 희미하게 남아있어서 좀 힘들었다.. TDD 가 아직 잘 안된다. 테스트를 먼저 작성하고 그다음에 구현을 해야하는데 습관이 안들어서 그런지 계속 그 반대가 되버린다. 고쳐야지... 무엇을 배웠는가? styled-components 는 이전에 사용하고 회사 들어가서는 활용을 안했었다. 퍼블리셔가 있어서 각잡고한 css도 정말 오랜만이였는데 처음엔 좀 막막했지만 갈수록 집중하게 되어서 좋았다. props로 넘겨서..

잘한 것은 무엇인가? 강의 수강, 노트 정리 수요일까지 완료 일단 모각코 참여 (최대한 참여하려고 했다...) 코딩테스트 공부 시작..(첫걸음마 떼기.. ㅠ) 잘못한 것은 무엇인가? 백지상태에서 공부하는걸 못했다. 배웠는데도 나중되니 잘 모르는 것들... 외우다시피 해야 할 것 같다. 분명 안다고 생각해서 넘어간건데 혼자 하려니 안되는 부분이 많다. 무엇을 배웠는가? 새롭게 배운 부분은 routes 를 따로 분리해서 관리를 한다는 것... 여기서 Layout을 따로 주고 `Outlet`을 이용해 그 안에 children을 받아서 처리함. routes.tsx / App.tsx / Layout.tsx 를 확인 routes.test.tsx 도 확인하자. 그리고 항상 젭알.. test 파일 형식 확인..! 해결..