반응형 Project8 [NextJS, NestJS] 오픈프차 - 프랜차이즈 정보 분석 🎙️ 오픈프차 - 프랜차이즈 정보 분석공정거래위원회의 가맹사업 정보공개서를 기반으로 창업 전, 프랜차이즈 본사 정보, 브랜드의 매출, 가맹점 수, 인테리어 금액, 창업 비용 정보를 편리하게 확인할 수 있습니다.1차 완성 후 회원, 로그인, 게시판 기능을 추가하려 했으나 취업하는 바람에 계속해서 미뤄지고 있습니다.완성도 2달 전에 했는데 이제서야 올리고 있네요. 원래 남들 돈 얼마버나 관심이 많아 관련 유튜버를 즐겨보는데, 특정 프랜차이즈 본사 분석하는 영상을 보며 순간적으로 아이디어를 얻게 되었습니다.아이디어 떠오르자마자 바로 만들기 시작해 프론트, 백엔드 개발과 배포까지 2주 정도 소요되었습니다.나름 구경하는 재미가 있으니 한번 씩 들려주세요~~URL오픈프차Github FrontendGithub Ba.. 2025. 1. 10. 프론트엔드 개발자 포트폴리오 📒 프론트엔드 개발자 포트폴리오포트폴리오 용도로 개발한 웹사이트입니다.링크 장성우 포트폴리오 - 프론트엔드프론트엔드 개발자 장성우 포트폴리오lasbe.kr📌 기술 스택Nextjs firebase docker github-action최대한 가볍게 만드려고 최소한의 의존성으로 개발애니메이션은 기존에 제가 만들었던 라이브러리로 구현firebase는 우선 조회수 집계용으로만 사용📌 배포github hosted runner에서 앱 및 docker 빌드 후 pushssh로 자취방 노트북에 이미지 받아오고 컨테이너 올리는 명령어 전송배포2024.10.18 - [Server] - github-action에서 Docker와 SSH로 Nextjs 원격 배포하기 github-action에서 Docker와 SSH로 Ne.. 2024. 10. 18. Nextjs 토이프로젝트, 안성재 요리 평가 GPT 📒 Nextjs 토이프로젝트, 안성재 요리 평가 GPT 안성재 GPT안성재의 요리평가 GPTansungjae-gpt.vercel.app항상 방문자가 많은 개인 프로젝트를 만들고 싶은 야망을 마음속에 품고 살았습니다. 그러다 최근 흑백 요리사의 안성재 쉐프님의 어록이 밈이 되는 현상을 보고,숟가락 하나 올리면 괜찮겠다 싶어 잽싸게 만들어봤습니다.📌 개발 기간2024.10.08 ~ 2024.10.098일 오후부터 9일 아침까지 12시간 안쪽으로 1차 완성했습니다. 하필이면 이 아이디어 떠오른게 흑백요리사 마지막화 나온 날이라관심도가 떨어지기 전에 완성을 시켜야 한다는 압박을 느꼈습니다. 이 밈이 화제가 된 게 지난 주 였는데 그 때 만들었으면 더 좋았지 않았을까 생각합니다.역시 인생은 타이밍입니다. 📌.. 2024. 10. 10. React 카드 인터랙션 애니메이션 라이브러리 📒 React 카드 인터랙션 애니메이션 라이브러리">NPMGithub카드 뷰에 인터랙션 애니메이션을 적용하는 라이브러리를 하나 만들어 봤습니다.https://www.youtube.com/watch?v=YDCCauu4lIk예전에 본 코딩 애플님의 영상을 기억에 담아뒀다 심심했던 차에 리액트 패키지로 재구성했습니다.📌 라이브러리 정보🔎 install$ npm i @lasbe/react-card-animation🔎 exampleimport { CardAnimation } from '@lasbe/react-card-animation';export default function App() { return ( ... ... .. 2024. 9. 21. [React] 세상 쉬운 리액트 모달 라이브러리 📒 너무나 쉬운 리액트 모달 라이브러리저에게 딱 맞는 스타일의 모달 컴포넌트, 재사용하려고 라이브러리로 만들었습니다.6개월 전 대충 만들다 말았던 코드 기반으로 구조 다시 짜느라 토할 뻔 했습니다.다른 종속성 없이 react context를 이용해 만들었습니다.모달 조작에 관련된 로직만 추상화하고, 스타일과 UI 렌더 관련 로직은 최대한 headless 하게 만들어 어느 프로젝트에서도 사용할 수 있도록 만들었습니다.다중 모달 기능은 UX적으로 그닥이라 추가하지 않았습니다.전체 적용 기본 스타일은 provider에게, 개별 적용할 스타일은 openModal() 함수에게.진짜 쉽고 간편하니까 한번만 써주세요📌 @lasbe/react-modal @lasbe/react-modal누구나 쉽게 사용할 수 있는 .. 2024. 5. 7. [React] 리액트 스크롤 애니메이션 라이브러리 개발 📒 @lasbe/react-scroll-animation @lasbe/react-scroll-animation리액트에서 손쉽게 사용하는 스크롤 애니메이션. Latest version: 2.0.2, last published: a month ago. Start using @lasbe/react-scroll-animation in your project by running `npm i @lasbe/react-scroll-animation`. There are no other projects inwww.npmjs.com GitHub - devlasbe/react-scroll-animation: 리액트로 손쉽게 스크롤 애니메이션을 구현할 수 있는 라이브러리액트로 손쉽게 스크롤 애니메이션을 구현할 수 있는 라이.. 2024. 3. 13. [React, 사이드 프로젝트] 링모(LINGMO), 당신의 링크 모음 📒 당신의 링크 모음, LINGMO(서버 내려간 상태입니다) 링모(LINGMO) - 당신의 링크 모음개성 있는 나만의 링크 모음을 만들어보세요!lingmo.me주변 사람들이 자신의 링크 모음을 인스타그램 프로필에 올려두는 것을 보고 시작하게 된 사이드 프로젝트입니다. 비슷한 링크 모음 서비스를 찾아보며 완전히 따라잡기는 무리라고 생각해 기존 기능은 가져가되,링모에서는 더 다양하고 자유롭게 색을 사용할 수 있는 것을 차별점으로 가져갔습니다. 회사를 다니며 혼자 기획과 디자인, 개발을 하다 보니 처음부터 많은 기능들을 넣기엔 무리가 있어 핵심 기능에만 집중하고 추후 더 다양한 기능들을 추가할 생각입니다.📌 개발 기간2023년 2월 ~ 2023년 3월 / 2023년 6월 ~ 2023년 7월초반에 핵심적인.. 2023. 8. 21. [Spring 웹 프로젝트] 숙박 플랫폼 GOING 🎒숙박플랫폼 GOINGJava와 Spring MVC를 기반으로 제작한 프로젝트입니다.기존 Model2로 만든 세미 프로젝트를 스프링 형태로 바꾼 뒤 개선작업과 추가 기능을 삽입했습니다.고객과 사업자(숙소), 관리자 파트로 기능을 나누어 플랫폼 형태의 서비스를 구축했습니다.프로젝트 제작 기간 : 2022.04.21 ~ 2022.05.13제작 인원 : 2인역할 : 전체 디자인, 로그인 및 회원가입, 고객 기능, 검색 기능, 찜하기 기능, 리뷰 기능, 관리자 페이지, 로깅⚡️프로젝트 작동 영상⚡️프로젝트 살펴보기 숙박플랫폼 GOING🎒숙박플랫폼 GOINGfate-close-2ba.notion.site ⚡️Github GitHub - LasBe-code/going-springContribute to LasB.. 2022. 5. 20. 반응형 이전 1 다음
오픈 채팅
