본문 바로가기

전체 글21

Front-end) 쇼핑몰 프로젝트 로그인 화면 리펙토링 및 소셜 로그인 이전 포스터 Front-end) 쇼핑몰 프로젝트 홈 화면 설계이전 포스터 Front-end) 프로젝트 GraphQL 연동과 커스텀 Hook이전 포스터 Front-end) 프로젝트 아토믹 디자인 패턴 적용이전 포스트 Front-end) 프로젝트 설계 및 기초 세팅쇼핑몰 기능 구상1. 메인 화면Hedmltn3426.tistory.com✅Intro로그인 로직 리펙토링 이전 문제점로그인 로직에서의 개선방향 생각하기리펙토링 이후에 개선된 점소셜 로그인을 진행하면서 생겼던 문제점네이버 로그인과 카카오 로그인 통합 소셜 로그인 개발 로그인 로직 리펙토링 이전 문제점이 무엇이였는지?1. Template, Page에서 서비스 로직처리를 하지 않음아토믹 디자인 구조를 짜게 되면 보통적으로 Template나 Page 부분에.. 2024. 11. 4.
Front-end) 쇼핑몰 프로젝트 홈 화면 설계 이전 포스터 Front-end) 프로젝트 GraphQL 연동과 커스텀 Hook이전 포스터 Front-end) 프로젝트 아토믹 디자인 패턴 적용이전 포스트 Front-end) 프로젝트 설계 및 기초 세팅쇼핑몰 기능 구상1. 메인 화면HeaderLogo카테고리캐릭터만화게임개인커스텀문의간편 메dmltn3426.tistory.com✅Intro홈 화면 설계홈 화면에 들어갈 기술들쇼핑몰 프로젝트 홈 화면을 제작하면서 생겼던 문제점최적화와 암호화 생각하기 홈 화면 디자인과 설계 과정쇼핑몰 프로젝트에서는 앞서 설명했듯이 아토믹 디자인 구조 설계하기로 하였다.간단하게 아토믹 디자인을 상기 시키자면 atoms, molecules, organisms, templates, pages로 원자적 구조로 나누어 재활용성을 높여서 .. 2024. 11. 1.
Android) 버리다(Throw) 프로젝트 기초 설계 BeomboosBeomboos has 2 repositories available. Follow their code on GitHub.github.com버리다 기초 구상1. 메인화면지도 화면쓰레기 태그 선택 분류QR 인증(마일리지 정립)3, 4, 5km 마다 주변 가게 검색마이페이지회원 정보(Name, Email)적립 마일리지프로필 수정가게 관리마일리지 랭킹 조회로그아웃로그인 화면로그인 규칙 적용회원가입계정 조회2. 유저 기능로그인이미 접속한 유저는 동시 접속 방지회원가입아이디, 비밀번호, 비밀번호 확인, 이메일 중복 회원 체크프로필 수정아이디, 비밀번호, 이메일 수정마일리지 적립qr 촬영 시 마일리지 적립3. 가게 유저 기능 가게 등록, 수정, 삭제사업자 등록 번호, 사업자 등록 번호 인증전화 번호, .. 2024. 10. 30.
Front-end) 프로젝트 GraphQL 연동과 커스텀 Hook 이전 포스터 Front-end) 프로젝트 아토믹 디자인 패턴 적용이전 포스트 Front-end) 프로젝트 설계 및 기초 세팅쇼핑몰 기능 구상1. 메인 화면HeaderLogo카테고리캐릭터만화게임개인커스텀문의간편 메뉴북마크찜장바구니로그인메인 화면 상품 목록진행중인dmltn3426.tistory.com✅ IntroGraphQL을 간단하게 공부하고 이것의 장단점 대해 간략하게 설명해보자.GraphQL을 적용하고 설계해 보자.커스텀 Hook useGraphQL 만들어 보자GraphQL을 왜 쇼핑몰 프로젝트에 적용할 생각을 하였는지. 🔍 GrapQL이란 무엇인가?기존의 Rest-API가 가지고 있던 한계점을 극복하기 위해 개발된 쿼리 언어이다.Over-Fething 이슈 해결REST API를 이용하면 백엔드(BE.. 2024. 10. 28.
Front-end) 프로젝트 아토믹 디자인 패턴 적용 이전 포스트 Front-end) 프로젝트 설계 및 기초 세팅쇼핑몰 기능 구상1. 메인 화면HeaderLogo카테고리캐릭터만화게임개인커스텀문의간편 메뉴북마크찜장바구니로그인메인 화면 상품 목록진행중인 이벤트월간 인기 상품엄선 추천 상품신규상품최신dmltn3426.tistory.com✅ Intro아토믹 디자인 패턴을 간단하게 공부하고 이것의 장단점 대해 간략하게 설명해보자.아토믹 디자인 패턴을 적용하고 설계해 보자.아토믹 디자인 패턴에서도 단점이 명확하게 존재하는데 왜 쇼핑몰 프로젝트를 진행할 때 해당 구조를 왜 선택했지를 파악해보자.아토믹 디자인 기초 설계 🔍 아토믹 디자인이란?아토믹 디자인 패턴은 UI 설계 방법 중의 하나로, 화면을 분해 가능한 가장 작은 단위인 원자 단위까지 나누어, 각 컴포넌트의 재.. 2024. 7. 6.
Front-end) 프로젝트 설계 및 기초 세팅 GitHub - S-OSTeam/shop-webContribute to S-OSTeam/shop-web development by creating an account on GitHub.github.com쇼핑몰 기능 구상1. 메인 화면HeaderLogo카테고리캐릭터만화게임개인커스텀문의간편 메뉴북마크찜장바구니로그인메인 화면 상품 목록진행중인 이벤트월간 인기 상품엄선 추천 상품신규상품최신 상품 리뷰2. 유저 기능로그인아이디 찾기전화번호로 본인인증 후 메시지를 전송한다.일치 하는 경우 아이디 출력한다.비밀번호 찾기전화번호로 본인인증 후 메시지를 전송한다.일치 하는 경우 비밀번호 변경 창 출력한다.회원가입아이디, 비밀번호, 비밀번호 확인, 이메일, 이메일 인증 체크중복 회원 체크비회원 주문 조회회원 정보확인이메일.. 2024. 7. 3.