웹 에이전시에서 개발을 하다 보니까 프론트엔드에서 프로젝트마다 자주 필요하지만, 자체 개발을 하려면 시간이 많이 드는 것들이 있다.로그인 및 회원가입 폼페이지네이션필터테이블 폼주로 위와 같은 것들인데 이런 요소들을 기획서에서 본다면, 기획에 따라서 구현 산정 시간이 기본 4H+ 로 잡혔던 것 같다. 물론 요즘 MUI 같은 UI 라이브러리들이 잘 나와서 이런 것들을 잘 활용하면 빠르게 개발할 수 있지만, 자체 개발을 해야 하는 경우가 한 번씩은 생기기 마련이다. 그래서 해커톤이나 자체 개발을 할 때 시간을 좀 단축할 수 있는 템플릿을 만들어 두면 좋을 것 같다는 생각이 들어서 이번에는 폼과 관련된 로직을 만들어 보았다.  GitHub - jeongwoo903/react-form-templateContrib..

이 프로젝트를 시작하게 된 이유는.. 현재 근로를 하고 있는 곳에서 블로그를 운영 중인데, 이 블로그가 좀 어마무시하게 글을 생산한다. 그래서 근로하는 곳의 선생님이 우리 블로그에 가장 많이 쓴 단어가 뭘까? 라고 하시면서, 이런 거 만들 수 있냐? 라고 하셔서 시작되었다. 나는 개발자라면 내가 생각하는 것을 스스로 만들 줄 알아야 한다고 생각한다. 또 나는 그런 사람이 되고 싶어서 한 번 도전해 보게 되었다. 제작기 🔥 우선 처음에 요구사항을 들었을 때는 Python 사용해서 네이버 API 가져다 크롤링해서 데이터 구하면 되겠다라고 생각했다. 하지만 네이버 Developer의 API나 네이버 광고의 API들 중 특정 블로그의 데이터를 조작할 수 있는 API는 없는 것 같아 Github를 둘러보았고 이미..

이 프로젝트는 22년 12월 말 - 23년 4월 초 까지 프론트엔드 개발자로 참여하여 개발한 프로젝트이다.개발이 거의 다 되었지만 배포와 운영은 진행되지 않았다..😞 사실, 로고도 정해지지 않았지만, 예비로 만들어 둔 것을 사용해 소개페이지를 만들어봤다. 조금 아쉬운 프로젝트이지만, 여태까지 진행한 프로젝트들 중 가장 배운 것이 많았고 성장할 수 있었던 프로젝트여서 나의 경험을 공유하고자 작성한다.프로젝트 소개[ 품 : POOM ] 서비스는 제로 웨이스트 샵의 정보확인, 리뷰 등록 및 공유를 제공하는 서비스입니다. 제로 웨이스트를 실천하고 싶지만, 가게의 위치를 몰라 어려움을 겪는 분들을 위해 도움이 되고자 제작된 서비스입니다. 품 : POOM은 사용자들이 친환경에 한 발짝 더 가까이 다가갈 수 있도록..

서론 2023년 전반기에 Poom이라는 서비스를 개발하면서 이것저것 프론트엔드 개발을 편리하게 해주는 기술들을 써 보았는데, 그중에 Github Action을 써본 경험담을 작성해 보려고 한다. 사실 나는 홈페이지에서 마일스톤 적용하고 뭐 간단한 작업만 하고 풀리퀘만 했지.. 세팅은 하나도 안 했어서 블로그를 쓰면서 정리도 하고 공부도 해보려고 한다. 현업자들과 같이 프로젝트를 준비하면서 되게 모르는 것이 많다는 것을 느꼈다. 특히 백엔드 분들과 AWS S3얘기를 할 때는 AWS인지 모르고 "S3? 왜 갤럭시 S3 얘기를 하고 있지.." 부끄럽지만 이런 생각을 했었다. 그래서 그런 격차를 조금씩 줄여보고자 나름대로 공부를 했었고 우선 개발의 흐름을 파악하기 위해서 제일 먼저 알아야 했던것이 CI/CD였..

너무 늦어서 쓸까말까 고민했지만 그래도 첫 해커톤 수상작인데 블로그에 남기는 것이 좋을 것 같아서 남겨본다..ㅎㅎ 들어가며 넥슨 해커톤, 과제, 동아리, 대외활동 등등.. 엄청난 일정을 소화하면서 초인 생활을 한 1학년 2학기를 끝마치고 어떤 생각이 들었다. " 아 당분간은 쉬고싶다.. " 그래서 학기가 끝나고 내 손에 쥐어진 대부분의 일들을 정리하면서 방학동안은 지방러의 서울 라이프를 꿈꾸며 종강을 기다리고 있었다. 그러던 와중 동아리에서 친하게 지내던 형에게 연락이 와서 혹시 해커톤 같이 나갈 생각이 없냐는 말을 들었다. 고민고민 하다가 팀원이 정말 어벤져스 급이였고 나도 방학때 놀기만 할 수는 없다고 생각해서 프론트엔드를 안하는 대신 기획&디자인 분야로 해커톤에 참여하게 되었다. 해커톤 전날, 멋쟁..

2023년 전반기에 Poom이라는 서비스를 개발하면서 이것저것 프론트엔드 개발을 편리하게 해주는 기술들을 써 보았는데, 그중에 Storybook을 써본 경험담을 작성해 보려고 한다. 이번 경험을 통해 프론트 개발 전, 디자인 시스템을 구축하는 것이 효과적인 개발을 할 수 있게 해준다는 것을 깨달은 것 같다. 그렇다고는 해도 아직 프론트 업계에 물들지 않은 초심자가 간단하게 만져보고 쓰는 글이다. 우선 Storybook 이란? 컴포넌트 단위의 UI 개발환경을 지원하는 도구이다. 여러 컴포넌트 UI 들을 문서화하여 여러 정보들을 보기 편하게 만들어 준다. 다양한 프론트엔드 웹 프레임워크(React, Vue, Angular 등등)에서 지원한다. Storybook 사용법 내가 작성해두는 것보다 여러 참고하기 ..

처음 계획은 디자인을 할 때마다 바로바로 정리해서 올리는 것이었는데.. 역시 사람일은 어떻게 될지 모르는 것 같다..ㅎㅎ😅 지금이라도 내가 나눔 서포터즈를 하면서 만들었던 카드뉴스들을 포스팅하고 간단하게 리뷰해보려고 한다! 방학 알차게 보내는 방법 Instagram에서 이 게시물 보기 한양대학교 ERICA 공식 인스타그램(@hanyang_erica)님의 공유 게시물 이 카드뉴스는 여름 방학때 학생들에게 방학때 할 만한 활동을 알려주기 위해 제작된 콘텐츠였다. 지금 와서 보면 약간 아쉬운 부분들이 있다..🤦🏻‍♂️ 해쉬태그를 감싸는 태그들의 테두리 굵기를 좀 더 굵게 했으면 좋았을 텐데,, 하냥이와 비비의 대사를 말풍선으로 감쌌다면 좋았을 텐데 등등 여러 생각이 든다. 지금도 물론 그렇긴 하..

우리가 만든 게임 / Prison Break - 넥슨기둥오너 Prison Break [공지사항을 꼭 읽어주세요!] 1명의 교도관과 3명의 수감자 사이에서 수감자들이 감옥을 탈출하는 게임 maplestoryworlds.nexon.com 무려 9월부터 11월 26일 까지 진행된 메이플스토리 월드 슈퍼 해커톤..! 3달간의 기록을 한 페이지에 다 담으려고 하니 꽤나 길어질 것 같지만 개발과 시행착오 위주로 담아보려고 한다. * 포스팅에 나오는 MSW는 MapleStory World를 줄인말 입니다!☺️ 계기 우선 이번 활동을 알게된 것은 멋쟁이 사자처럼 이라는 활동을 하고 있는데, 저번 멋쟁이 사자처럼 10기 해커톤에서 슈퍼해커톤 인원모집을 하고 있어서 알게 되었다. 사실 이때 지원한 것은 아니고 조금 후에 ..