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

1주 차를 요약하자면 잘해보려고 이것저것 해보다가 말아먹은 상황인 것 같다.기본기가 바탕이 되고 확장을 해야 한다는 말이 정말 뼈저리게 와닿았다.다만, 실수를 해보니 많은 것을 깨달았고 이를 반면교사 삼아서 2주 차에선 더욱 노력해보려고 한다.목표 설정프리코스 미션을 처음 받았을때 느낀 점은 생각보다 제작해야 하는 기능이 어렵지 않았다는 것이었다. 그래서 주어진 학습 목표에 우선 충실하고자 하였다. 나의 1주 차 목표는 우테코에서 제공하는 가이드에 대해서 잘 인지를 하고, 구조적으로 역할이 잘 분리된 근거 있는 코드를 짜는 것이었다. 그래서 아래와 같이 단계를 세웠다. 요구사항 파악하기진행 순서도 및 구현할 기능 목록 작성해보기근거 있는 코드 작성하기리뷰 및 회고하기요구사항 파악하기그냥 미션만 잘 수행하..

Linkedin을 살펴보던 중 토스에서 프론트엔드 파이트 클럽이란 온라인 토론회를 진행한다길래 내용을 읽어보게 되었고 평소 관심 있었던 주제들이었기 때문에 흥미롭게 생각해 참관 신청을 하게 되었다. 프론트엔드 파이트 클럽은 프론트엔드에 관한 주제에 대해 홍팀과 청팀으로 입장을 나누어서 토론을 하는 모임이였다. 인턴을 하게 되면서 생각의 폭이 이전과는 많이 달라졌다.이전에는 그냥 배우기에 급급했다면, 요즘은 어떻게 하면 내가 만들고 있는 프로덕트의 성능을 더 향상 시킬수 있을까? 회사의 생산성을 높이기 위해 디자이너와 같이 할 수 있는 게 뭐가 있을까? 등등 내 직업과 관련해서 많은 생각들을 하게 되는 것 같다. 프론트엔드 파이트 클럽(이하 "프파클") 강연을 듣고 많은 생각들이 들었다.첫 라운드는 조금 ..

웹 에이전시를 다니다 보니 클라이언트의 요구사항과 재정에 따라 프로젝트의 기술스택을 정하는 것이 효율적인 개발에 있어 중요하다고 생각하게 되었다. 회사를 운영하는 관점에서는 더욱 중요하겠지만, 개인적인 프로젝트를 할 때에도 빠른 배포가 목적이라면 기획자의 요구사항에 가장 적합한 기술스택을 선정해 진행하는 것이 옳다고 생각한다. 이전에는 Nuxt.js를 쓰면 CSR, SSR, SEO 다 대응 가능하니까 무조건적으로 좋은 기술을 쓰는게 좋지 않은가? 라고 생각했었다. 하지만 다양한 기술을 지원한다는 것은 그것들을 핸들링 하기 위한 배경지식이 마련되어 있어야 한다는 것을 느꼈다. 배경지식 없이 일단 진행하기엔 차후 에러를 일으킬 가능성과 삽질을 하게될 가능성이 높아지기 때문이다. 이러한 부분은 개발 속도와 단..

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

Instagram에서 이 게시물 보기 멋쟁이사자처럼 at 한앙대학교 ERICA(@likelion_erica)님의 공유 게시물 끝난지가 좀 되었지만.. 이제라도 적는 우해톤 후기! 살면서 처음 해본 해커톤..! 이제 어느덧 나도 개발자 레벨이 한순간 올라간 것만 같은 느낌이 들었다. 저번 우아톤보다는 간소하게 진행되었지만 그래도 나름 공부하고 배운게 많았다. 그래서 이번 우해톤을 통해 느낀점들을 포스팅 해보려고 한다. .🙌🏻 우선..! 배포된 링크 한 번 해주세요.. ☺️ 무려 카카오 공유기능도..?! (조금 미숙하지만..ㅎㅎ) 그때 그 시절의 나는..? when-i-was-young.netlify.app 팀 매칭과 좋았던 점 팀은 다음과 같이 구성 되었다. - 기획 & 디자인 1명 - 백엔드 1명 - 프..

영어를 못하지만 익히기 위해 컨텐츠로 소비해보려고 합니다. 개발새발이지만 그래도 열심히 작성한 글입니다.. f(^_^); While looking around Awwward website, I found an article: "Case Study: Colors Combinations website by Obys". I didn't know companies deal with interactive design skills except "FirstBorn" so "Obys" catch my eye. Awwward 사이트를 돌아보던 중에 Case Study: Colors Combinations website by Obys라는 글을 보게 되었다. 내가 알고 있는 인터렉티브한 디자인을 다루는 프론트 회사로는 Fi..

Front-End Challenges | CSS-Tricks My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If css-tricks.com