본문 바로가기

Dev55

Ant Design DatePicker 설명회 / 유일하게 중국이 믿음직스러워지는 순간 / 터져나오는 휴먼에러 이벤트를 생성하고 진행하는 서비스를 개발하면서, date picker 를 지겹도록 쓰는 데.. 쓸 때 마다 새롭고 개발할 때마다 새로운 조건이 생겨서 정리나 해볼까 하고 글을 써본당 기본적으로 우리가 사용하는 date picker 는 요렇게 생겼다. 날짜와 시간을 설정할 수 있는 형태! 그리고 시간은 10분이나 30분 단위로 선택 가능하다. https://ant.design/components/date-picker DatePicker - Ant Design An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for en.. 2023. 12. 31.
웹 개발자로 입사해서 앱 개발까지 하고있는 썰 푼다.../리액트 네이티브 박치기 / 기본 문법부터 라이브러리 사용까지 안녕 여러분,,.... 약 두 달 간 프로젝트에 온갖 양기를 빨리고 돌아온 혜오즈입니다 진심 지난 두 달 동안 안좋은 생각이란 안좋은 생각은 다 하고 온 세상 스트레스와 피로를 얻었는데, 곧 추가근무로 인한 긴 휴가를 떠나기 때문에 어떻게든 좋게 생각해보려고 하고 있는 요즘입니다....ㅎㅋ (TMI 이지만 사람때문에 상처받고 사람때문에 치유받는 요즘이지만 그래도 사람이 싫기때문에 사람이 없는 곳으로 떠나볼까 합니다,,,,) 암턴 역대급 짧은 기간, 역대급 빌런들, 역대급 업무량 ,,, 등 안좋은 부분에서 역대급을 찍은 프로젝트였기에 이제는 어떤 어이없는 요구사항이나 업무가 들어와도 당황하지않는 능력을 얻었는데요... 그러다보니 갑자기 배운 적도 없는 리액트 네이티브를 해야 한다는 말을 들었을 때 하하-!.. 2023. 11. 2.
R3F configurator 강의 후기 / three.js 로 기깔나는 인트로 페이지를 만들어보자 / 디자인과 친해지기 프로젝트 스트레스에 하루하루 말라가고 있는 요즘... 스트레스만 받고 프로젝트는 제대로 안굴러가서 바쁘지는 않는데 마감일은 다가와서 거의 뭐 뇌정지 상태에 있는 요즘... 뭐라도 해야겠다 싶어서 udemy 강의를 구경하다 요런 강의를 발견했따 https://kmooc.udemy.com/course/react-three-fiber-configurator/learn/lecture/36719356#overview 얼마 전 판교에서 강의도 들었던 react-three-fiber 로 3D configurator 도 만들고, ui animation 도 추가해서 멋드러진 인트로 페이지를 만드는 강의였당 시간도 2시간정도로 짧고, 시간 대비 꽤나 괜찮은 결과물을 만들 수 있는 것 같아서 바로 듣기 시작했다! INTRO.. 2023. 8. 18.
메타버스 캠퍼스 교육 후기 / R3F(React Three Fiber)를 이용한 인터렉티브 3D 가상환경 웹 개발 / 4일간의 판교 생활 6월 중순 쯤, 먼저 하던 프로젝트는 마무리가 되고 다음 프로젝트 제안서 작업을 할 때 즈음 팀장님께서 한 번 신청해보라며 메타버스 캠퍼스 강의 하나를 추천해주셨다! 수업은 판교에서 듣고, 10시부터 5시였기에 난 오잉 개꿀? 하며 신청했음! https://www.metaverse-campus.kr/lecture/viewAll.do?pageIndex=1&menu_idx=50&lecIdx=17&proIdx=168&selYear=&selApplyStatus= 메타버스 Campus > 교육신청 > 제작역량강화 교육 제작역량강화 교육 www.metaverse-campus.kr 사실 그 전에 유니티 관련 강의도 있었는데 그건 떨어졌던 경험이 있어서ㅋㅋㅋ조금 긴장했지만 이번 R3F 강의는 내가 three 나 bab.. 2023. 7. 11.
나의 tailwindCSS 도입기 / emotion 멈춰! / 예쁜 코드, 최적화, 성공적 프론트엔드 개발자라면 누구나 CSS 에서 어려움을 겪을 것,,,이라고 생각하는데 특히나 일을 하며 더욱 뼈저리게 느끼고 있다.. 각자 CSS 를 작성하는 스타일도 모두 다르고, 아무리 전역 스타일을 적용시켜 놓는다고 해도 각자 부분에서 덮어씌우다 보면 다른 사람의 스타일도 꺠져 있는 경우도 허다해서 큰 기능을 디버깅하는 것 보다 많은 시간과 고통이 따르기도 한다... 프론트 모두가 그 부분을 느끼고있었기 때문에, 새 프로젝트에 앞서 CSS 에 대한 고민을 함께 해보았다! 결론적으로 tailwind CSS 를 도입하기로 했는데, 미리 써본 경험과 테일윈드를 도입하게 된 계기에 대해 정리해보게따. 도입 이유? 일단 가장 큰 이유는 앞서 말했듯 팀원들간 서로 다른 스타일링 방법때문이었다! fuction Tes.. 2023. 7. 7.
compound component pattern / 리액트 디자인 패턴 / 디자인 시스템의 길은 멀고도 험하구나 저번 포스팅에서 볼 수 있듯, 이번 프로젝트를 진행하며 사내 개발팀 공용 디자인 시스템의 개발과 배포를 맡았다. 2023.01.08 - [Dev/react] - 프론트엔드라면 디자인 시스템 하나 정도는 가지고 있어야 한다 카더라 / storybook 으로 디자인 시스템 개발 / npm 배포 오류가 나거나 css 이슈 등 소소하게 패치를 하고 있었는데, 이번 연휴에 팀원들이 휴가 등으로 자리를 비우며 뜨는 시간에 팀장님께서 우리 디자인 시스템의 코드에 대해 봐주시며 리액트 디자인 패턴 중 Compound component pattern 에 대해 말해주셔서 적용해보기로 했당 리액트 디자인 패턴 일단 리액트 디자인 패턴이란 뭘까여! 재사용가능한 컴포넌트를 다른 use case 에 맞게 만들 수 있도록 컴포넌트.. 2023. 1. 30.