728x90 728x90 분류 전체보기153 [유데미x스나이퍼팩토리] 앱/웹 개발자(리액트) 인턴형 프로그램 3주차 회고 [유데미x스나이퍼팩토리] 앱/웹 개발자(리액트) 인턴형 프로그램 3주차 회고 1. 이번 주 학습 내용 나는 아이디 찾기, 비밀번호 찾기 페이지를 주로 구현했다. 아이디 찾기, 비밀번호 찾기 페이지 ui 구현을 위한 학습과 기존에 구현되어있는 비밀번호 변경하기 페이지를 재사용하기 위해서 라우팅에 대한 학습을 진행했다. 2. 이번 주에 겪은 시행착오/어려운 점 다른 팀원이 구현해놓은 코드를 이해하고 요구사항에 맞춰서 내 코드와 통합하는데에 시간이 많이 걸렸다. 구현되어있던 비밀번호 변경페이지를 재사용 하기 위해서 비밀번호 찾기 페이지에서 redirect 되었을 때 ui를 변경하도록 하는 작업이 까다로웠다. 3. 앞으로 적용해야겠다고 느낀 점 팀 작업을 하다보면 다른 팀원들의 코드를 수정하거나 통합해야하는 일.. 2024. 1. 28. [유데미x스나이퍼팩토리] 앱/웹 개발자(리액트) 인턴형 프로그램 2주차 회고 [유데미x스나이퍼팩토리] 앱/웹 개발자(리액트) 인턴형 프로그램 2주차 회고 1. 이번 주 학습 내용 두 번째 주차에는 본격적인 개발을 진행했다. 나는 로그인 메인 페이지의 로직과 UI구현을 담당했고 로그인 폼과 상태관리를 주로 개발했다. 로그인 폼의 validation을 위한 react-hook-form, 로그인 상태 관리를 위한 redux를 주로 학습했다. 2. 이번 주에 겪은 시행착오/어려운 점 react-hook-form과 타입스크립트를 함께 사용하는 것과 어떻게 타입들을 정의하고 관리할지 어려워서 시간을 많이 소요했다. 리덕스를 사용한지 오래되서 관련 개념들을 잊고 있었는데 사용방법과 원리를 이해하기에 어려움이 있었다. 3. 앞으로 적용해야겠다고 느낀 점 디자인을 보고 바로 개발을 들어가니까 추.. 2024. 1. 28. [유데미x스나이퍼팩토리] 앱/웹 개발자(리액트) 인턴형 프로그램 1주차 회고 [유데미x스나이퍼팩토리] 앱/웹 개발자(리액트) 인턴형 프로그램 1주차 회고 1. 이번 주 학습 내용 사전직무교육 종료 후 인턴 과정을 시작하면서 7팀에서 리액트 개발을 하게되었다. 첫 번째 주차에는 주로 협업을 위한 준비 과정이 주를 이뤘다. 개발 팀과 디자인 팀간의 일정과 업무 방식을 공유하고 개발팀 내에서는 사용할 기술과 협업 규칙들을 정했다. 기본적으로 리액트 과정이라서 백엔드와 api까지는 구현하지 않고 프론트엔드와 mock data만 활용하기로 했다. next 까지도 필요하지 않아서 typescript 환경에서 react와 redux, 스타일은 tailwind를 사용했다. 추가로 시간이 있으면 msw, axios, react-query를 활용해서 mock api까지 구현할 계획이다. 디자인 시.. 2023. 12. 30. Expression produces a union type that is too complex to represent.ts(2590) 오류 Expression produces a union type that is too complex to represent.ts(2590) 오류 문제 상황 ⚠️Expression produces a union type that is too complex to represent.ts 타입스크립트 환경에서 chakra ui를 사용하는 중에 발생한 오류이다. 코드 자체에서는 오류가 없었고 검색해보니까 타입스크립트의 버전 문제였다. vscode extension에서 사용하는 타입스크립트 버전은 5버전이었고 프로젝트에서는 4버전을 사용하고 있었다. vs코드에서 F1을 누르고 typescript를 입력하면 Select Typescript Version에서 사용중인 타입스크립트 버전을 확인할 수 있다. vscode 설정에.. 2023. 12. 9. 이전 1 2 3 4 5 ··· 39 다음 728x90 728x90
