본문 바로가기

개발65

[쇼핑몰 프로젝트] 2. 리액트 화면 구현 피그마를 리액트로 옮기는 과정에서 생각보다 시간이 많이 걸린다는 것을 느꼈다. 그래도 하나하나 페이지를 완성해나가면서 프론트에 대해서 익힐 수 있어서 좋다고 생각하며 개발 중이다. 리액트 화면 구현 리액트를 시작하기에 앞서 리액트와 JavaScript의 활용법과 장점들을 공부하고 가면 좋겠어서 아래 링크에 새로 리액트와 JavaScript에 대한 정보를 적어 놓았다. https://hoozy.tistory.com/entry/React-%EB%B0%8F-JS-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%B0%8F-JS-%EC%A0%95%EB%B3%B4%EC%99%80-%ED%99%9C%EC%9A%A9%EB%B2%95 홈페이지 쇼핑몰 프로젝트의 메인 페이지로, 한 페이지당 6개의 상품을 제공하고.. 2023. 10. 29.
[쇼핑몰 프로젝트] 1. 페이지 기획(feat. 피그마) 피그마에 대해서 처음 사용해보며 처음에는 복잡하고 어렵지만, 사용하다보니 html과 css를 직접 작성하며 페이지를 구현하는 것 보다 훨씬 빠르고 협업에도 좋은 기능들이 많아 매우 좋았다. 피그마(Figma) 피그마는 온라인에서 사용할 수 있는 디자인 툴이며, UX/UI 디자인 및 프로토타입 제작을 위한 기능들을 제공한다. 웹/앱/인터페이스 디자인 등 다양한 분야에서 사용되며, 디자인과 개발 과정에서 필요한 여러 협업 기능을 제공한다. 피그마를 사용하는 이유 피그마는 다른 디자인 툴과 비교해 협업 기능이 매우 강화되어 있어 디자이너, 마케터, 개발자 간에 더욱 활발한 소통이 가능하게 만들어준다. 핸드오프 기능 디자인 단계에서 개발 단계로 전달하는 과정을 핸드오프라고 한다. 피그마는 피그마 하나로 디자인,.. 2023. 10. 28.
[쇼핑몰 프로젝트]PG 시스템을 공부하기 위한 쇼핑몰 토이 프로젝트 기획 개발 동기 몇 개월 전에 PG 사에 면접을 보러 갔었다. 비록 2차에서 불합격했지만, 이때 처음 들어보는 개념이라 공부하면서 관심이 생겨 PG 시스템에 대한 토이 프로젝트를 취직 후에 만들어 볼 생각이었지만, 아직 취준생으로 PG 시스템을 배울 겸 취업 준비 포트폴리오에 추가할 겸 코드 기초와 개념들을 다질 겸 시작해 보려고 한다. PORTONE(전 IAMPORT) 사의 국내외 PG 사들과의 연동 서비스를 알고 이를 활용해서 PG 시스템의 전반적인 개념을 공부해 보면서 실제 쇼핑몰의 상품 선택부터 상세 페이지에서 결제 페이지까지 이어지는 실제 결제가 어떻게 이루어지는지 알고 싶어서 개발을 생각했다.. Kubernates를 한 번 사용해 보고 싶었지만, 어렵기도 하고 컨테이너도 적어서 프로젝트 완성 후에 .. 2023. 10. 28.
[알고리즘 이론] 15. 펜윅트리 펜윅트리 세그먼트 트리의 가장 흔한 사용 예는 바로 구간 합을 빠르게 구하는 것이다. 이 경우 세그먼트 트리 대신 쓸 수 있는 세그먼트 트리의 진화 형태로 펜윅트리(Fenwick Tree) 혹은 이진 인덱스 트리(Binary Indexed Tree) 라고 불린다. 구간 합 대신 부분 합만을 빠르게 계산할 수 있는 자료구조로 만들어도 구간 합을 계산할 수 있다. 세그먼트 트리는 아래 게시글 참조 https://velog.io/@kimdukbae/%EC%9E%90%EB%A3%8C%EA%B5%AC%EC%A1%B0-%EC%84%B8%EA%B7%B8%EB%A8%BC%ED%8A%B8-%ED%8A%B8%EB%A6%AC-Segment-Tree 필요없는 구간 지우기 tree 배열은 오른쪽 끝 위치가 arr인 구간의 합이.. 2023. 5. 9.