[리팩토링] 둥지 프로젝트

리팩토링 하는 이유 지금까지 만든 프로젝트 중 가장 만족스럽지 못한 프로젝트였고, 지금의 나는 더 많은 것을 배웠다. 새로운 기술을 배울 때마다 "이 개념을 저기에 썻으면 더 좋았을 걸" 이라 생각하며 둥지 프로젝트를 떠올랐다. 그때 당시에는 단순한 UI가 보기 싫어서 새로운 것을 도전했다. 하지만 지금와서 생각해보니 아쉬운 부분이 많았다. 쇼핑몰 페이지 성격상 단순한 UI가 많아서 나는 여러 애니메이션을 집어넣어 "특별함"을 추가했다. 하지만 애니메이션을 적용 할 수록 코드는 더 복잡해지고 원하는 동작대로 작동을 안했다. 오히려 더 난잡해지는 느낌이었다. 그래서 UI는 단순하고 깔끔하게 다시 만들고 코드 설계를 다시 짜서 성능이 더 좋아지게 만들어 봤다. 이 외에도 상세 페이지, 장바구니 페이지 등등 ..

• format_list_bulleted 프로젝트
• · 2024. 2. 23.
• textsms

[개인 프로젝트] - 포트폴리오 웹 사이트만들기

Demo : https://www.jin-hyeong.com/ github : https://github.com/7jjin/Portfolio 제작 기간 : 2023.12.17 ~ 2024.01.17 기술 스택 : React, TypeSciprt, Styled-component, Recoil 포트폴리오 사이트 내가 프론트엔드를 처음 시작했을 때 이론을 배우고 가장 먼저 클론 코딩을 한 것이 다른 사람의 '포트폴리오 사이트' 였다. 나만의 사이트가 있는 것이 멋있어 보였고, 나도 언젠가는 나를 소개하는 웹 사이트를 만들어 보겠다고 다짐했었다. 마침 취업을 준비하기 위해 포트폴리오가 필요했고, 옛 생각이 나서 만들기로 결심했다. 내가 프로젝트를 시작하면서 의도 했던 것은 아래와 같다. 나를 나타나되, 너무 투..

• format_list_bulleted 프로젝트
• · 2024. 2. 9.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 3차 개인프로젝트 - 회고록

배포링크 : https://www.mymovieapp.store 깃허브 : https://github.com/7jjin/My-Movie 🔥JinCha 리액트를 배운지 2주가 지나고 1주일 간의 짧은 개인 프로젝트 시간을 가졌다. 리액트를 처음 배웠고, 소규모 프로젝트인 만큼 어떤 새로운 아이디어를 도출해 개발하는 것 보단 클론 코딩을 통해 지금 까지 배운 리액트를 적용해보자는 마인드가 강했다. 여러 사이트가 있었지만 최근 취미를 두고 있는 영화와 관련된 사이트를 찾아봤다. 그 중 왓챠가 디자인이 맘에 들었고, 전체 적인 틀은 그대로 따라 하되, 내가 원하는 기능을 몇개 넣어봤다. ⚒️ 추가한 기능 (리액트X) 기능1 : 일별(주간) 박스오피스 정보 가져오기 + 포스터 처음 영화 사이트를 만드려고 할 때 ..

• format_list_bulleted 프로젝트
• · 2023. 10. 23.
• textsms