Today Hailie Learned

1. 맥락 이해하기 쉬운 변수명으로 통일 참고 타입별 변수명 boolean : is-, has-, can-, ... function : get-, handle-, submit-, … array : -s (ex. users.map(user ⇒ user.id)), … 피해야 할 변수명 data, info, foo, user1, mdhms, … 이벤트 함수나 api 함수명을 ~ handler로 통일했습니다. onSubmit => submitHandler changeButton => changeButtonHandler handleEdit => editHandler handleDelete => deleteHandler 2. typescript에서 'any' 없애기 Axios의 interceptors 라는 기능을 ..

국비 부트 캠프 수료 후 취업을 위해 포트폴리오를 만들었습니다. 사용한 기술과 기능들을 정리해보았습니다. ⭐️배포 링크: https://portfolio-hellohailie.vercel.app/ 📚사용한 기술 Next.js : 처음 방문했을 때 빠르게 로딩이 되면서, 포트폴리오가 검색이 잘 되면 좋겠다는 생각에 Next.js를 사용하였습니다. tailwind CSS : 쉽게 반응형 웹을 만들고자 했기 때문에 tailwind CSS를 사용했습니다. class에 설정을 하면 되기 때문에 파일을 따로 설정할 필요도 없고, 화면을 위,아래로 번갈아가면서 개발하지 않아도 되서 좋았습니다. 💡getStaticProps 함수를 활용한 Notion API 연동 Nextjs의 경우 사전 렌더링(pre-rendering..

1. 프로젝트 설명 프론트엔드 2명, 백엔드 2명 총 4명이 이 프로젝트를 만들었습니다. 이 프로젝트가 취업에서 아주 중요한 역할을 할 것이기 때문에 모두 열정을 가지고 처음부터 끝까지 달려왔기에 무사히 끝마칠 수 있었습니다. 프로젝트 전, 정말 많은 아이디어가 나왔는데 최종적으로 반려견에게 산책 친구를 만들어줘서 강아지의 사회성을 길러주고, 산책으로 동네 친구를 사귈 수 있는 일석이조라는 긍적적인 측면에서 "PuppyBuddy"가 채택되었습니다. ⭐️배포 링크: http://seb39-main-019-front.s3-website.ap-northeast-2.amazonaws.com/ ⭐️gif 기능 시연 링크 : https://codestates.notion.site/PuppyBuddy-79487fea..