먹짱 - 쇼핑몰 프로젝트

제대로 해보는 첫 프로젝트 > 스터디 활동에서 첫 미니 프로젝트를 끝내고, 부트캠프 진행하는 정규 프로젝트를 바로 시작하게 됐다. 오늘을 기준으로 이틀 전에 시작했다. 이번 프로젝트는 리액트가 아닌 순수 vanillna javascript와 node.js를 통해 쇼핑몰을 구현하게 된다. > > 우리가 구현할 쇼핑몰은 도매, 소매로 식료품을 구분하여 판매하는...

애자일 > 개발을 하는 사람이라면, 또는 스타트업에 종사하는 사람이라면 애자일 방법론을 한 번쯤은 들어봤을 것이다. > > 나도 스타트업에서 일할 때 많이 들었던 개념이고, 언젠가 내가 PO가 된다면 학습하고 적용해보고 싶었다. 개발 프로젝트에선 거의 필수적으로 활용하는 개념이라고 하기에, 우리의 프로젝트에도 적절한 방식으로 적용해보고 싶었다. 우리 팀만...

개요 > - 내가 담당한 기능 중 상품 목록(전체, 카테고리 별)를 무한 스크롤로 구현해봤다. 무한 스크롤을 선택한 이유는 두가지이다. > 1. 이번 프로젝트는 바닐라 스크립트로 SPA처럼 동작하는 것처럼 만들어보고 싶었고 새로고침이 발생하는 pagination보다 자연스럽게 렌더링되는 무한 스크롤이 사용자 경험에서 더 나을 것이라 생각했다. ...

개요 > - 내가 담당하는 상품 상세 페이지에서 장바구니 기능을 sessionStorage를 활용하여 구현했다. > 보통 쇼핑몰에서는 webStorage를 통해 장바구니 기능을 활용한다고 한다. 로그인을 하지 않은 상태에서도 장바구니를 등록하고 결제까지 이어질 수 있는 편리성을 제공하고, 장바구니는 수시로 바뀌는 데이터인데, 매번 db에 요...

5/24-5/26 3일간의 1차 스프린트가 진행됐다. 그 사이에 내가 설계했던 협업 시스템을 돌아보고 5/28부터 진행할 2차 스프린트를 더 나은 방식으로 적용해보려고 한다.체크인 체크아웃의 기능은 생각했던 것보다 더 효과적으로 작용하고 있다. 그 이유는 다음과 같다.

- 그동한 작성한 코드를 가지고 현업 개발자분에게 코드 리뷰를 받았고, 지적받은 사항이였던 일관성 있는 Promise 사용을 위해 then chaining을 async, await으로 바꾸는 작업을 진행했다. > > 상품 상세 페이지에 사용했던 코드를 예시로 가져와서

학습자료 > - 또 다른 지적사항은 무지성으로 querySelector 선택자만을 사용하여 DOM 요소를 찾는 것이다. > - 그렇다. 내 코드에는 querySelector와 querySelectorAll 이외에는 사용되지 않았다. > - 정신적 스승인 zeroCho의 가르침 중 하나는 같은 역할을 하는 코드처럼 보여도 다른 동작을 하며, 그 차이를 알고...

**[학습자료 : 1분 코딩 - 자바스크립트 이벤트 위임 핵심 정리 ](https://www.youtube.com/watch?v=-fFNuNsR8q4&t=1079s)** > - 이번 프로젝트에서는 데이터 배열을 가공해서 insertAdjacenthtml을 통해 다양한 노드로 생성하여 렌더링하고 반복문을 사용하여 각 요소마다 이벤트를 걸어주는 패턴을 상당히...

개요 > 이번 프로젝트에서 내가 담당한 페이지 중 하나인 어드민 페이지를 구현하는 과정에서 느낀 문제점과 그 해결 방법 그리고 그에 대한 스스로의 피드백을 작성해봤다. 만난 문제점 > - 어드민 페이지에 들어갈 기능은 '상품에 대한 CRUD'와 '주문 조회/취소'가 해당된다. > - 지금까지는 하나의 페이지에 하나의 js로만 구현해봐서, 어드민 페이지처...

📑 개요 > - 어드민 페이지 기능 중 하나인 '상품 등록'을 구현하는 과정에서 마주친 문제인 'input을 통해 서버에 이미지 저장하고 화면에 띄우기'를 어떻게 해결했는지 정리하여 작성했다. 이미지를 등록하고 화면에 띄우기까지의 흐름 이번 프로젝트에서 우리가 이미지를 띄우는 과정을 간단하게 표현해봤다. (발표 자료로 사용) ❗ 문제 해결 과정 (1)...

개요 > 1차 스프린트가 끝나고 2,3차(5/28-6/1) 스프린트를 설정하고 진행하는 과정에서 생긴 문제점과 해결 방법에 대해 작성했다. 🏃‍♀️ 2, 3차 열심히 달려ㅂ... 원래라면 2차에 MVP를 완성하고, 3차에서 추가 기능과 기능 개선 작업을 진행하려고 계획했다. 원래라면... 이라는 말이 앞에 붙었듯이 스프린트의 진행 과정에서 이슈가 발생했...

프로젝트 마무리 감상 및 총평 > - 2주 간의 프로젝트가 마무리됐다. 프로젝트치고 짧은 기간인데다가 제대로 된 프로젝트를 처음해보는거라 더더욱 짧게 느껴졌다. 설상가상으로 팀장까지 맡아서 발표까지 해야됐기 때문에 발표 준비로 인해 실제 프로젝트 기간은 남들보다 더 짧았던 셈이다. > > > - 현업에서의 개발 프로세스을 완전히 이해하는 건 다소 어렵겠...