복잡한뇌구조마냥

0. 와이어프레임 - Figma를 이용한 와이어프레임 구성 * 링크 공유 https://www.figma.com/file/Bw9QKCyhOGq3JgxhAP04QU/Untitled?node-id=0%3A1 Figma Created with Figma www.figma.com 1. 프로젝트 개요 올바른 약속 문화 만들기 상호 합의간에 조건을 걸고 조건을 지키면 서로 패널티가 없으나, 한쪽 상대방이 어기면 패널티를 지급하는 사이트 자신과의 약속, 상대방과의 약속, 팀과의 약속으로 구분하여 다양한 약속을 처리하는 기능 2. 프로젝트 계획 ( 9/16 ~ 10/28 ) 1주차 API설계, 화면구성 구체화 아이디어 회의 메인기능 구현 시작 2주차 우선순위 기능 구현 시작 기능구현 점검 및 추가 기능 구현 MVP 발..

0. 개발 목표 - 와이어프레임 대신 어플리케이션을 캡쳐하여 최대한 비슷하게 구현하자 정함 - 메인기능인 마켓 거래를 위한 홈, 상세보기, 거래신청, 채팅 - 동네생활은 간단한 커뮤니티, 댓글 - 내근처는 위치기반으로 잡아야해서 시간배분상 불가능으로 판단하여 포기 - 채팅은 메인 거래기능이랑 연동하여 동작하도록 설정 - 마이페이지는 프로필, 판매내역, 구매내역, 관심목록을 만들어서 좋아요, 구매 프로세스, 판매 프로세스에 따라 구현 1. API 설계 회원가입 로그인 전화번호 중복 검사 닉네임 중복 검사 주소등록 로그아웃 게시글 작성 게시글 수정 게시글 삭제 게시글 조회 게시글 전체 조회 사진 업로드 수정사진 업로드 상품상태변경 (판매중, 예약중)_ 상품상태변경 (거래완료, 나눔완료)_ 판매글id당 채팅방..

0. 와이어프레임 1. FormData를 이용한 사진등록 // 확장자 정규식을 통한 관리 가능 var fileForm = /(.*?)\.(jpg|jpeg|png|gif|bmp|pdf)$/; const onChange = async(e) => { // input file에서 선택된 file을 img로 지정 const img = e.target.files[0]; // 이미지 파일이 아니면 이후 동작을 생략하고 경고문구 출력 if(!img.name.match(fileForm)){ alert("이미지파일(.jpg, .png, .bmp)만 올려주세요.") return } // 폼데이터 형식 선언 const formData = new FormData(); // api에서 요구하는 key값과 value값 지정 (ke..

프로젝트 SpartaTravler 어찌저찌 끝났다. 솔직히 어디서부터 손대서 뭘 해야할지 막막했는데 좋은 팀원분들과 함께해서 좋은 결과물도 나오고 협업이라는 과정도 순탄하게 잘 경험한 것 같다. 프로젝트 주제는 여행지, 맛집 등 장소를 리뷰하는 플렛폼 SpartaTraveler 입니다. 프로젝트는 22.8.1 - 22.8.4 로 진행되었고 첫 프로젝트의 과제의 난이도치고는 시간이 짧지 않았나싶다. 하지만 단기간에 성장하는 양은 앞도적이였던 것 같다. 이전 현재 상황 글을 보면 수준이 단순히 로그인, 회원가입을 그냥 만들어내는 수준이였는데, 막상 본격적으로 이렇게 작업을 시작하니 로그인 하나, 회원가입 하나에도 다양한 방법과 방식이 존재했다. 뭐 아무튼 잡설은 짧게하고 프로젝트를 분석하며 뜯어보려고 한다...

github 쓰는법 어려워서 못쓰는줄 알았는데 강의를 통해 올리게 되었습니다. https://github.com/Yoepee/til.git GitHub - Yoepee/til: 이노베이션 프로젝트 이노베이션 프로젝트. Contribute to Yoepee/til development by creating an account on GitHub. github.com 폴더 등록법을 찾아보니까 명령어를 통해서 올려야한다고 해서 따라해봤는데 잘 안됐습니다. 강의를 통해 sourcetree 프로그램을 이용하여, 폴더를 등록해주고 같이 올리면 됩니다. 미리만들면 편할듯 로컬 repo - 본인 컴퓨터, 원격 repo - 서버(github) push - 로컬 -> 원격 pull - 원격 -> 로컬 기준은 로컬이라고 생각..

/0차 22.07.31 진행과정 0. 주제 : 미정 1. Materialize 프레임워크 - 반응형 제작에 용이 (반응형 - 휴대폰처럼 화면 크기에 따라 반응) https://materializecss.com/ 2. 핵심기능 - jinja2 템플릿 엔진이용한 서버 사이드 렌더링(SSR) ssr은 html에 채우는거보다 서버를 통해 데이터를 받아와서 렌더링(보여주는) 방식 장점으로는 화면을 받아오는 속도가 빠름 *csr은 html에서 다 받아와야 화면이 출력되지만, ssr은 빈 html공간에 서버에서 데이터 받을때마다 화면에 나오기때문에 빠른거처럼 느껴짐 - jwt를 이용한 로그인 기능 구현 (쿠키의 암호화버전이라 생각하면 편함) session 방식 - 로그인 요청시 서버에서 session값을 확인하여 클..

회사홈페이지 느낌으로 만들어봤다. 메인화면에서 html형식을 여러개 만들어서 서버에서 링크클릭시 넘겨주는 방식이다. 데이터베이스는 mongo DB를 통해 아이디, 비밀번호, 이름, 연락처, 이메일 등을 저장하는 방식이다. 로그인인 session 기능을 이용하였고, 로그인을 하면 세션에 id를 통해 이름이 저장되어 로그인시 이름을 출력하도록 하였다. 네이버 api를 이용하여 지도를 사용하였고, 로컬환경으로 영상을 촬영하였지만, 현재 AWS를 통해 서버구현하여 도메인적용까지 되어있다. 그림 솜씨가 수준급이다 너무 수준급