본문 바로가기

전체 글102

초보 개발자가 오픈소스에 기여하는 법! (Next.js) Next.js 한국어 번역에 기여하게 되었습니다. 첫 오픈소스 기여인 만큼 이곳 생태계를 파악하기 위해 Intro 를 읽어보았습니다! 해당 글을 참고하여 요약했습니다. https://github.com/Nextjs-kr/Nextjs.kr/blob/main/packages/next/README.md 1. 오픈소스 기여가 필요한 이유 -> (나 포함) 모든 개발자를 위한 더 강력한 학습 리소스를 구축하는데에 도움을 얹을 수 있다! -> 문서에 기여하는 것은 초보자가 오픈소스에 참여할 수 있는 좋은 방법이다. (오탈자 수정, 특정 주제 누락이나 번역 기여 등등) 2. MDX란? -> JSX 구문을 지원하는 마크다운 형식 -> 이를 통해 문서에 React 컴포넌트를 포함할 수 있다. 3. VSCode에서 mdx.. 2023. 7. 11.
2차 과제 구현 과정 및 회고 사전 과제에서 미구현 된 부분을 보완하고 버그/에러를 해결한 과정을 기록합니다. 1. redux-toolkit update / delete 기능 구현 - 기존 코드의 문제: 1) 배열 내에 class 객체가 들어가는 형태인데, push 로 배열에 접근해 추가하지 않고 바로 할당하는 데에서 에러가 발생했습니다. 2) delete 에서 .pop() 등 직접 접근하는 메서드를 사용하여 에러가 발생했습니다. - 해결 방법: 1) 배열에 push 로 접근하여 action.payload를 배열에 추가하는 방식으로 코드를 수정했습니다. 이때, action.payload는 reservedClass라는 객체입니다. 해당 state를 useState로 생성하고, 각 예약 단계에서 수업권 타입 / 시간 날짜 / 튜터를 선택.. 2023. 7. 11.
과제 프로젝트 회고 - 20분 / 40분 전역 상태에 따른 버튼 크기 조건부 렌더링 (tailwind css 동적 class 부여 글 참고) - src/utils 에서 캘린더 내의 타임블록 생성하는 generateTimeZone을 함수 형태로 수정하여 MainCalendar에서 함수 호출 형태로 좀 더 가독성 있는 코드로 리팩토링 - reducer delete 에서 pop()이 적용되지 않음. 이를 filter()를 통해 다시 구현해보고 싶음 - reducer update 에서 추가해준 수업의 length가 Header에서 렌더링되지 않음 - reducer update 에서 type에 20을 디폴트 값으로 넣지 않고, timeSlice에서 불러온 선택된 수업권 시간 값으로 동적으로 넣어주어야 함 - 시간관리를 제대로 하지 .. 2023. 7. 4.
과제 프로젝트 설계 및 에러 기록 - 초기 전역상태 및 컴포넌트 설계 - tailiwind.config.js 파일에서 js / jsx 파일 확장자 정확히 작성하기 ( 이 둘은 다르다!! js / jsx 차이 글 참고) - tailwind.config.js 파일에서 파일 경로 정확히 작성하기 - redux toolkit reducer에서 dispatach(action(payload))로 전달하는 부분 혼동하지 않고 console 찍어보며 정확히 작성하기 - reducer 로직 개선하기 - MainCalendar 내에서 flex가 의도한 대로 적용되지 않아서, 이 부분을 해결하는데에 시간이 오래 걸렸음 2023. 7. 4.

티스토리툴바