Just Do IT!

동기와 하는 프로젝트에서 텍스트 에디터를 쓸 일이 생겼다.아직 UI 구현 단계지만, 텍스트 에디터는 처음 써보는 거라 여러 라이브러리를 두고 고민을 했다.개발 기간을 그렇게 길게 잡지 않아서 라이브러리를 쓰는 게 적합하다고 생각했고,그 중 가장 많이 다운받은 (npm trend 기준) react-quill 라이브러리를 적용했다. react-quill을 선택한 이유는 아래와 같다.깔끔한 UI (custom 가능)사용법이 잘 나와있다 (공식 문서, 여러 블로그 글)이미지 업로드 따로 핸들링 가능 (프로젝트에서 이미지 다중 업로드가 필요하기 때문) 이러한 이유들로 react-draft-wysiwyg와 고민했지만 quill로 결정, 프로젝트에 도입했다.      WYSIWYG란? What You See Is W..

작년 8월 쯤부터, 올해 6월까지 근 1년 가까이 진행했던 사이드 프로젝트가 끝내 미완성으로 마무리되었다.각자의 사정이 있고 나의 사정도 있었기에 좋게 마무리 지었지만, 그래도 너무 아쉬워서 프로젝트 회고글을 써보려고 한다.       Quiz Up 프로젝트의 시작 시작은 한 사이드 프로젝트 모집글이었다.캠퍼스픽에서 모집글을 보고 마침 아무것도 안하고 있던 나는 냅다 댓글을 남겼다. 그렇게 총 1명의 디자이너, 2명의 프론트엔드 개발자, 2명의 백엔드 개발자가 모였다.첫 회의날 백엔드 개발자 한 분이 나가시면서 4명이 되었지만 기획은 쭉쭉 잘 진행되어갔다.각자 하고 싶은 프로젝트를 이야기하고 투표를 통해 정해진게 바로 'Quiz up'이었다. CS면접을 준비하는데 어려움을 겪는 개발자 취준생들을 위한 프..

사이드 프로젝트 중, 주소 찾기를 구현해야 해서 찾아보니까 카카오 우편번호 서비스 API가 있었다. https://postcode.map.daum.net/guide Daum 우편번호 서비스우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.postcode.map.daum.net 위의 사이트로 들어가보면 자세하게 guide가 나와있다.직접 API를 연동하는 대신, react-daum-postcode라는 라이브러리를 이용해서 편하게 구현했다.https://www.npmjs.com/package/react-daum-postcode react-daum-postcodeDaum Postcode s..

카카오 주소 찾기 api를 사용해서 주소찾기 form을 만드는데, 이런 오류가 났다. 콘솔에 제대로 data가 들어오는게 찍히는데, 문제는 removechild가 되지 않는다는 것이었다.해결방법은 의외로 쉬웠다.     오류난 코드 {isOpen && ( )} 이렇게 버튼을 클릭한 경우에만 DaumPostcode가 실행되도록 해주었는데 계속 오류가 났다.     해결한 코드 {isOpen && ( )} 이렇게 div로 DaumPostcode를 감싸주니 간단하게 해결되었다.       참고한 글들https://velog.io/@hamham/%EC%B9%B4%EC%B9%B4%EC%98%A4-API-%EC%A3%BC%EC%86%8C-%EC..

작년에 내일배움캠프를 수료하고 꽤나 많은 일들이 있었다.우선 가장 큰 일은, 내가 개발자라는 직업을 본격적으로 준비하게 되었다는 점. 42서울 라피신 과정을 진행할 때까지만 해도 개발자는 나에게 가깝고도 먼 이야기였다.복수전공을 하면서 언젠간 '개발'을 업으로 삼겠구나, 하는 생각은 있었지만 전혀 준비를 하지 않았기 때문이다.그래서 전공자들보다 조금 뒤늦게 개발 공부를 시작하고 그 계기가 내일배움캠프가 되었다. https://daydream-sy.tistory.com/288 2023년 회고나는 2023년을 잘 보냈을까? 어느덧 2024년이 된 지 벌써 4일이나 지났다. 원래 회고는 마지막날 하는 거라지만, 블로그에서는 조금 늦었다. 2023년은 바쁘기도 했고 느긋하기도 했던 해였던 것 같다daydream..