본문 바로가기

분류 전체보기74

디자인 패턴을 활용한 Form 컴포넌트 리팩터링: 유연성과 재사용성 모두 확보하기(최종) 2025.01.19 - [React] - 디자인 패턴을 활용한 Form 컴포넌트 리팩터링: 유연성과 재사용성 모두 확보하기(1)이전 글에서 form을 리팩터링하게 된 계기와 리팩터링하면서 했던 고민들을 작성했으니,이번 글에서는 해결 과정과 방법을 작성하고자 한다.(보안 및 저작권 보호를 위해, 특정 회사의 내부 코드나 기밀 정보를 제외하였으며,일반적인 기술 개념과 패턴을 기반으로 서술하였습니다.)  이전 글 요약기획 고도화로 form 구조가 복잡해졌고, 기존의 `` 컴포넌트는 초기 기획 기반이여서 과도하게 추상화되어 있어 유지보수가 어려웠다.이에, 리팩터링 하기로 하였고, 여러 가지 방법을 고려 후, 아래의 방법을 선택했다.  이제, 리팩터링을 어떻게 진행했는지와 디자인 패턴을 어디에서 활용했는지를 설명.. 2025. 2. 16.
새해가 한달이나 지나고서야 쓰는 2024 회고 및 새해 계획 3년 연속으로 한결같이 늦게 쓰는 지난해 회고와 새해 계획!올해는 4L만 하는 게 아니라, 다른 회고모임*에서 배운 방식을 조금 섞어보려고 한다.회고와 함께 한해를 기록하는 느낌으로!*판교 퇴근길 밋업 with 인프런 #10 연말 회고(7년 동안 회고하며 깨달은 것들) 2024 결산 2023년 회고글에 있는 새해 계획을 보며 이번에도 표로 결산을 해봤다. 별점은 세 개가 만점이다.계획성과(만점: ★★★)상세 내용 및 회고분류할일일/업무회사 적응 잘 하고 1인분 해내기★★적응도 잘 하고 1인분도 어느정도 해낸거 같은데... 회사에 이슈가 있어서 퇴사를 했다😅신체/건강운동 꾸준히 하기(주2회~3회는 무조건 하기)★★중간 중간 쉬는 주도 있었고, 한번밖에 못한적도 있었지만 그래도 계속 뭐라도 하려고 했다. .. 2025. 2. 2.
[코드트리 사용 후기] 부트캠프 출신 비전공자의 코딩테스트 준비기 이 포스팅은 코드트리 x 글또 블로그 챌린지 2기를 통해 코드트리 체험권을 받아 작성한 후기입니다 알고리즘을 공부하고 코딩테스트를 준비하는 것은 부트캠프 출신 비전공자에겐 쉽지 않은 일이다. 아 물론 모두가 그런 것도 아니고 대부분이 그런 것도 아니고 특히 내가 더 어려워하는 것일 것이다. 아주 유명한 부트캠프를 제외하고 대다수의 부트캠프는 일단 학업시간이 3달~7달 정도로 길지 않다. 길지 않은 몇 달간 아무것도 모르는 상태에서 프로그래밍 언어와 프레임워크를 배우기도 빠듯한 시간 내에 알고리즘까지 격파한다는 일이 나에게는 어려운 일이었다. 취업을 준비하며 시험 직전 몰아서 공부하고 감을 좀 잡을만해져서 운좋게 취업이 되고 나서는 손을 놓게 되었고, 알고리즘은 점차 잊어버렸다. 그런데 다시 이직을 준비하.. 2025. 1. 28.
[F-Lab 데브클럽] 좋은 공간에서 0원으로 모각코 한 후기 F-Lab 데브클럽의 프로그램 중 하나인 "오프라인 모각코"를 1회 참여한 후기입니다.(정보는 매주 올라오는 오프라인 모각코 모집 공지 사항을 참고하여 작성하였습니다.) 혼자 있으면 늘어지게 되는 사람이라 종종 모각코에 참여하곤 한다. 지인과 함께 할 때도 있었고, 다양한 커뮤니티의 모각코 모집 글을 보고 참여하기도 했었다. F-Lab 데브클럽에서도 토요일에 오프라인 모각코를 진행하기에 계속 벼르고 있다가 마침 할 일도 많고 시간도 많은 어느 토요일에 냉큼 달려갔다 왔다. [세부 정보 요약]1. 장소: 마루 360 (역삼역 근처) (회의실은 회차별로 상이)2. 시간: 토요일 오후3. 진행방식:   1) OT(안내사항 전달, 투두리스트 작성)  2) 모각코 및 네트워킹 진행  3) 회고 및 마무리 네이버 .. 2025. 1. 27.
디자인 패턴을 활용한 Form 컴포넌트 리팩터링: 유연성과 재사용성 모두 확보하기(1) 복잡한 형태의 form을 유연하게 사용하기 위해,form 관련 공통 컴포넌트를 리팩터링한 이야기(보안 및 저작권 보호를 위해, 특정 회사의 내부 코드나 기밀 정보를 제외하였으며,일반적인 기술 개념과 패턴을 기반으로 서술하였습니다.)  리팩터링 배경 및 필요성 1. 복잡한 form이 많이 사용되는 환경서비스의 특성상 복잡한 form이 많이 필요했다. 다수의 페이지와 모달에서 생성/수정 과정이 있었다.이때 입력 필드는 단순한 text input, number input, date input 등만 있는 것이 아니라, 복합적인 구조도 많았다. 다른 컴포넌트 내부에 중첩되어 있거나, 동적인 폼, 추가/삭제가 필요하기도 하는 등 매우 다양했다.따라서 일관된 UX를 유지하면서도 확장성을 고려한 Form 컴포넌트가 필.. 2025. 1. 19.
[F-Lab 데브클럽] 멘토링을 안받는데 멘토님께 무엇이든 물어볼 수 있다니! F-Lab 데브클럽의 프로그램 중 하나인 "멘토님께 무엇이든 물어보세요"를 2회 참여한 후기입니다. DEV CLUB - 개발자 커뮤니티깊이 있는 개발자 커뮤니티f-lab.kr  F-Lab은 개발자 멘토링을 운영하는 회사이다. 해당 멘토링이 궁금했지만, 가격이 만만치 않은 편이어서 망설이고 있던 차에 데브클럽이라는 개발자 커뮤니티 모집 광고를 보게 되었고, '한번 경험해 보지 뭐~'라는 생각으로 참여하게 되었다. "멘토님께 무엇이든 물어보세요"란? 프로그램 소개"멘토님께 무엇이든 물어보세요"라는 프로그램은 F-Lab 데브클럽에서 올해 1월부터 새롭게 만든 프로그램으로, 매주 다양한 멘토님들과 함께 실시간으로 질문하고 답변을 주고받는 소통형 프로그램이다.평소에 궁금했던 점들을 편하게 질문하고, 실시간으로 답.. 2025. 1. 17.
2024 블로그를 회고해봅니다 (테블리로 분석한 내 블로그!) 지난 글에서 해커톤으로 진행한 사이드 프로젝트에 대해 회고했다.이번 글엔 예고한대로 이 프로젝트에서 만든 서비스를 활용해서 내 블로그 글을 분석하고 이를 바탕으로 회고 해보려고 한다. 테블리(tebly) 소개 먼저, 테블리가 무슨 서비스인지 소개하고자 한다. 테블리는 포텐데이라는 해커톤에서 1pick에 선정된 프로젝트로 테크블로그를 분석해서 리포트를 만들어주는 서비스이다.올해의 내 테크블로그 생활을 더 슬기롭게 회고할 수 있도록 돕기 위해 만들어진 서비스로, 재밌는(+살짝은 킹받는😉) 분석결과를 보고 재미와 뿌듯함도 느끼고, 필요하다면 반성도 하고, 슬기로운 블로그 생활을 내년에도 잘 이어갈 수 있도록 돕는다. 🔗 더 자세한 소개는 아래의 링크를 참고하면 된다.비사이드 포텐데이 테블리 소개 페이지테블.. 2024. 12. 28.
[해커톤/포텐데이 회고] 10일간 포텐을 터트렸다. (feat. 테블리, tebly) 비사이드에서 진행하는 포텐데이라는 해커톤에 참여해서, 참 감사하게도 1등이란 좋은 결과를 얻었다.참여한 사람들의 투표로 결정되는 방식이여서 더 뜻 깊었던 것 같다.이 프로젝트의 기억들이 희석되기 전에 회고를 써본다.프로젝트 회고[01] 포텐데이란? 어떻게 참석했는가?포텐데이는 비사이드에서 진행하는 해커톤이다. 10일간 온라인으로 진행하여 부담없이 참가할 수 있다.글또에서 포텐데이에 참가할 사람을 모집하는 글이 올라왔고 고민하다가 지원했다. 프론트엔드 개발자 분들이 많이 지원해주셨는데, 감사하게도 운좋게 합류할 수 있었다. (그런데 사전 팀빌딩 없이도 해커톤 참가가 가능하다. 이럴경우 주어진 팀빌딩 시간을 활용해서 팀을 꾸리면 된다.) - 만든 서비스: 테블리 | 2024 테크 블로그 리포트 여기서부터의 .. 2024. 12. 22.
[IinWe x AWS 멘토링 후기] 그래서 5주전보다 성장했나요?? 5주간 I in We x AWS 멘토링 프로그램에 멘토로 참여했다.짧은 기간이었지만 생각보다 많은 일이 있었다.처음 시작할때 5주 동안 무슨 일이 일어날까? 하는 궁금증으로 시작했었다.OT를 시작한게 엊그제만 같은데, 정말로 엊그제 클로징행사까지 하고 멘토링이 끝났다.그래서 5주간 과연 무슨 일이 있었을까? 나는 성장했을까? 그리고 도대체 그 멘토링이 뭐란 말인가?라는 궁금증을 생긴다면,아래 글에서 확인해 보길 추천한다.  [IinWe x AWS 멘토링]이란? 1) 멘토링 소개테크분야 여성 리더십 양성 비전하에 다양한 프로그램을 제공하고 있는 비영리단체인 I in We (前 걸스인텍, Girls in Tech Korea)에서 AWS와 함께 진행하는 멘토링 프로그램으로, AWS 소속 현직자님들이 소그룹으.. 2024. 11. 24.

티스토리툴바