로그인/회원가입, 신청 양식을 제출 할 때 form 과 useState, onChange 등을 사용하여 코드를 작성합니다. 일반적인 폼 작성 방법 (React) 이메일과 비밀번호를 state에 저장하려해도 지저분하게 폼을 관리해야합니다. 여기에 이제 input을 더 추가하고 API 연동을 구현하게 되면 코드가 상당히 지저분해지고 가독성이 떨어지겠죠? > 귀찮은 작업들을 깔끔하게 도와주는 것이 React Hook From, Redux From, Formik 등 여러가지 라이브러리가 있지만 Formik을 알아보겠습니다. (타입스크립트를 잘 지원해준다고 해요!) 알게된 계기 저는 회사에서 프로젝트 코드를 보다 처음 알게되었는데 너무 궁금해서 구글링 하기 시작했습니다. *

21년도 9월부터 11월까지 제작한 Portfolist를 소개해보려고 합니다. 제작한지는 꽤~ 됐고 2월달에 글 써둔게 아까워 ㅎㅎ.. 이렇게 후기를 남겨보려합니다! Portfolist는 portfolio + list 를 합친 합성어이며, “포트폴리오를 공유한다”라는 의미를 지니고 있습니다. 저희는 왜 Portfolist를 개발하였는지, 어떤 기능들이 있는지 여러분들께 소개할 것입니다. 그리고 실사용 유저를 받아보고 서비스를 운영해보기 위해 이 글을 포스팅합니다. (서버가 닫혔습니다....) Portfolist는 어떤 서비스인가요? 포트폴리스트는 개발자들을 위한 포트폴리오를 간편하게 제작하고 공유할 수 있는 서비스 입니다. 개발 배경 포트폴리오의 중요성 개발자들은

고등학생들이 팀을 이루어 1월 15일~16일 무박 2일로 진행되는 해커톤에 참가했습니다. EASY라는 서비스를 개발하게 되었고 EASY로 대상을 수상하게 됐습니다. 해커톤 후기와 기술을 사용하면서 얻은 지식(?)을 공유 하려고 합니다. 그리고 저만 알고있던 해커톤의 꿀팁과 팀 빌딩 과정 그리고 대상을 받을 수 밖에 없었던 계획들을 공유해보도록 하겠습니다. 해커톤 해커톤(Hackathon)은 해킹(Hacking)과 마라톤(Marathon)의 합성어입니다. 소프트웨어 개발 분야의 프로그래머나 그래픽 디자이너, UI설계자 등 다양한 분야의 전문가들이 모여 제한 된 시간 동안 아이디어를 도출하고 결과물을 만들어내는 이벤트입니다. 현대사회는 IoT(사물인터넷), AI(인공지능), 블록체인, 빅데이터에 대한 관심이 높아졌고, 정부와 기업들은 해당 산업을 부흥시키기 위해 다양한 시도를 하고있습니다. ‘해커톤’은 이러한 맥락의 일환으로 새로운 기술과 아이디어를 접목시켜 보

Next.Js 를 기반으로 제작했습니다. 네이버 지도를 구현하기 위하여, Naver cloud platform - Web Dynamic Map을 사용했습니다. 사전 준비 사항 Naver cloud platform에서 map을 사용하기 위한 client-id를 발급받습니다. Typescript에서 naver-map을 자유롭게 사용 할 것이므로 다음과 같은 라이브러리를 설치해줍니다. 만들고자 하는 것 ![](https://images.velog.io/images/silverbeen/post/a45c257e-29dc-4eb9-8822-d2ab15800c17/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%