본문 바로가기

분류 전체보기102

타입스크립트 - 기본 타입들 * 노마드코더 타입스크립트 2주 챌린지의 1, 2일차 학습 내용을 정리하였습니다. 타입스크립트란, 개발자에게 자동완성과 보호장치를 제공하는 언어라고 생각하면 쉽다. 개발자의 실수나 발생 가능한 에러, 버그를 런타임 이전에 캐치해준다. 기본적으로 알고 있는 타입인 number, string, boolean 이외에 새롭게 배우게 된 타입들에 대해서만 정리해보겠음. - optional properties '?' : 프로젝트를 하면서 마주쳤던 에러 중, 가장 골머리를 앓았던 에러가 optional type을 알았다면 쉽게 풀렸을 것이다. optional property는, let age : number | undefined = 20 let age? : number // 위 두 코드는 동일하게 작동함 위의 코드처.. 2023. 4. 4.
노마드코더 타입스크립트 2주 챌린지 시작! 오늘은 드디어 부트캠프 메인 프로젝트의 데모데이였습니다! 팀원들과 모두 모여 시즌 2를 위한 KPT 회고를 진행하고, 심기일전하여 프로젝트 결과물을 더 디벨롭시켜보기로 했습니다. 그리고 프로젝트를 진행하며 타입스크립트에 대한 학습의 필요성을 크게 느꼈습니다. 그래서 시작하는 노마드코더 타입스크립트 2주 챌린지! 아자아자 화이팅이다~! 2023. 4. 3.
20230330 프로젝트 데일리 로그 오늘 배운 것 - 리액트 setState 동기적 처리 방법 -> 문제 상황: 회원 탈퇴 페이지에서 사용자가 이메일을 입력했을 때, userInfo에 있는 이메일과 일치하는지 확인하여 확인 문구를 바꿔주고 있었다. 또한, 이메일이 일치할 때만 회원탈퇴 기능이 작동하도록 코드를 짰다. 그런데 사용자가 input에 입력한 문자열을 상태로 관리했을 때, setState가 한박자씩 늦게 작동하여 일치 확인 문구가 제시간에 바뀌지 않았다. setState를 동기적으로 처리해주기 위해서, useEffect에 넣어주었다. 이렇게 코드를 변경하니, 의도한 대로 input이 나왔다. 그래서 onKeyUp 이벤트 핸들러를 추가해서 이메일 일치 여부에 대한 상태를 변경해주었다. 이후, isCorrect가 true인 경우 로그.. 2023. 3. 30.
20230327 프로젝트 데일리 로그 오늘 배운 것 - 전역 상태관리 툴을 쓰고 있는 경우, 관리되고 있는 상태가 뭔지 잘 정리해두기 -> userInfo를 로그인 시 받아와서 전역 상태관리 하는 걸 깜빡하고 타입 지정부터 GET요청까지 다시 코드를 작성했다가 리팩토링 하는데 시간을 많이 썼다. - API 명세서에서 Request field 잘 확인해서 작성하기 -> POST인치, PATCH 인지 / 그리고 각 경우에 데이터 어떻게 보내야 하는지 확인 -> 이거 확인 대충 하고 쭉 구현하다가 나중에 싹다 바꿔야 할 위험에 처할 수 있음.. - 마감 일자 확인을 잘 하자... 피드백 오늘은 마감이 얼마 남지 않아서 급하게 하느라 사전에 확인해야 할 정보를 대충 확인하고 넘어가서 오히려 시간이 더 많이 소요되었다. 2023. 3. 27.

티스토리툴바