내일배움단 11일메이킹챌린지 6일차

·2021년 7월 24일
0

1. 서버세팅

우선 내가 과제용으로 만들었던 AWS 서버를 이용해봤다.
1. 기존에 돌아가던 내 파일들을 중지했다. kill -9 ----
2. 서버에서 명령어 git clone으로 파일들을 받아왔다.
3. app.py에 필요한 모듈들(flask_admin)등을 pip install 명령어로 설치했다.

토요일 본격적인 코딩!

2. 장바구니

로그인 기능을 만들지 않고 장바구니를 구현하려니, db를 이용하기가 어려울 것 같아서 로컬스토리지localStorage를 이용하면 어떨까 생각했다. 이전에 javascript로 localStorage에 데이터를 저장해놓고 해당 브라우져로 접속한다는 전제하에 계속 데이터를 이용할 수 있는 걸 본 적이 있다.

이전에 Nomad Coder에서 구글크롬 확장프로그램 만들기 강좌에서 ToDoList를 localStorage에 저장했던 소스코드를 다시 열어봤고, 구글링을 통해 로컬스토리지에 대해 기본적인 사항을 좀 더 공부했다.
특히 Vue.js긴 하지만 기본적으로 js코드를 통해 장바구니 기능을 구현한 아래 링크에서 도움 받았다.
https://velog.io/@sdsdsrd/localStorage%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EC%9E%A5%EB%B0%94%EA%B5%AC%EB%8B%88-%EA%B5%AC%ED%98%84

다만 이 소스코드를 적용했더니 문제가 있었는데,
key값을 아무리 1, 2, 3 순서대로 저장해도, 저장되고 나서 순서가 뒤죽박죽 되어서 for문으로 불러올 때 key 1보다 key 2가 먼저 나와버리면서 중복검사가 제대로 되지 않는 문제가 생겼다. 내일 해결해야겠다.

profile
백엔드 개발자. 공동의 목표를 함께 이해한 상태에서 솔직하게 소통하며 일하는 게 가장 즐겁고 효율적이라고 믿는 사람.

0개의 댓글

관련 채용 정보