Pricy 웹 버전 만들기~!

이진우·2023년 1월 16일

개발일기

개발일기 1일차!

사실 별 생각이 없었는데...

그렇다 사실 개발일기 같은건 생각을 안해봤다.

그런데...왜?

내가 어떤 과정을 거쳤는지 성장 과정을 보고 싶어서~
그렇다면? 자 드가자~

도전의 시작

왜 와이 갑자기?
최근 지인에게 어케 해야 개발자로서 성공 할 수 있을까? 하는 질문을 했었는데 답변으로
생각할 시간에 움직이라는 말과 일단 하라는 말을 들어서 일단 해보려고한다.

개인 프로젝트를 한번도 진행해 본적이 없어서 한번 진행해 보려고한다.
물론 처음이라 여러가지 문제가 있을 듯하나 그래도 도전하다보면 개선될 것이라고 생각한다.

레포 생성

처음부터 문제가 생겼다.
레포를 만들어야되는데 갑자기 라이센스를 선택하라 해서 ??? 이건 처음보는데요 선생님?
바로 구글링! 굿

결과: React, Angular, Vue 모두 MIT 라이선스라고 하더라 / 남이 상업용으로 써도 상관없다면? MIT써도 된다~
라이센스 관련 참고 글

git pull

생성하자 마자 바로 다음 문제 봉착!
내 레포를 어떻게 보여주지?

바로 프로젝트 폴더를 보여줘야할까?
아니면 GDSC에서 했던 것 처럼 파일을 한번 더 감싸서 보여줄까?

고민끝의 결과: 그냥 GDSC에서 했던 것 처럼 해보자~
다음에 할때 다른방식으로 해보면 되지~

프로젝트 생성

과거의 나! 이거 해보고싶었구나!
프로젝트를 만들려고 했는데 이미 프로젝트가 생성이 되어있었다. 물론 생성만 해뒀음...

여튼 가보자고!
기본 세팅 후 npm run dev를 하면서 외쳐보자 랑데부!

왜...? 저런 주문을?
그 이유는 npm dev run과 npm run dev를 헷갈려 했기에 가장 쉽게 외운 방법이 랑데부였음 ㅇㅇ
저거 한 뒤로 안헷갈림 !
헷갈린다면? 랑데부를 외쳐 보아요

레이아웃 짜기

막상 생성했는데 생각해보니까 어떻게 보여줄지는 생각 안해봤넹...
자 피그마 드가자~~

아마 KAMIS랑 비슷하게 짤듯?
그러면 참고하러 드가자~

일단? 고!

헉 레이아웃짜려고 KAMIS들어갔다가 몇 가지 아이디어가 떠올랐다.
뭘 보여주고 싶지??
1. 오늘의 시장 물가 -> 우리는 소매가 중요하니 소매가로!
2. 월별 물가 추이 -> 클릭 시 페이지 이동 or modal에 hover해서 보여주기!
3. 알뜰 장보기 -> 이거좀 히트임 이거는 보니까 img파일들 넣어둔거라서 링크 쏘는게 좋을 듯!
4. 아! 짜피 알뜰 장보기에서 다 하니까 나는 품목 고르면 장바구니 담기 같은 기능을 써보자!