분류 전체보기(43)
-
(김유선) 개인프로젝트 CCR로 처음부터 끝까지 진행하기 - 데이터 가공
개인프로젝트로 먼저 프론트엔드로 진행중인 팀프로젝트를 풀스택으로 개인적으로 진행하기로 했다.그래서 첫번째 프로젝트는 싼집털이다. 싼집털이에 대한 기획은 시퀀스다이어그램까지 끝났으니 이제 백엔드를 해보겠다.node.js와 몽고디비를 사용하겠다. 우선 엑셀파일로 되어있는 착한 가격 업소 데이터를 제이슨 형식으로 변형시켜 데이터베이스 안에 넣어야 한다. 구글창에 '엑셀을 json으로'라고 검색하면https://shancarter.github.io/mr-data-converter/ Mr. Data Converter shancarter.github.io이 사이트가 뜨는데,변환할 엑셀 파일에서 컨르롤+a를 눌러 전체 선택한 후 복사하고윗 부분에 붙여넣기를 하면 알아서 변환된다.이제 아래에 있는 것들을 복붙해서 쓰면..
2024.05.08 -
(김유선) 풀스텍 양성과정 팀프로젝트 프론트엔드 05.02
어제 푹 쉬었으니 오늘 열심히 해본다. 늦게나마 기능을 정리해보고 백엔드 친구들을 위해 시퀀스 다이어그램을 만들었다. 검색창을 통해 검색할 수 잇는 기능 회원가입을 클릭하면 회원가입페이지로 이동할 수 있는 기능 마이페이지로 이동할 수 있는 기능 카테고리로 이동할 수 있는 기능 로고를 누르면 메인페이지로 이동할 수 있는 기능 회원가입버튼 누르면 회원가입페이지로 이동할 수 있는 기능 로그인 버튼 누르면 로그인할 수 잇는 기능 업소 리스트에서 업소를 누르면 업소 상세페이지로 이동 -> 상세페이지에서는 가격 전화번호 등 상점 정보 띄워주는 기능 -> 로그인한 후 상세페이지를 누르면 리뷰도 띄워주는 기능 상세페이지에서 상점 리뷰를 작성할 수 있는 기능 카테고리를 누르면 지도를 띄워주는 기능 하트를 누르면 찜을 ..
2024.05.02 -
(김유선) 개인프로젝트 CCR로 처음부터 끝까지 진행하기 - 기획 공부(소프트웨어 아키텍쳐)
내가 기획에 대해서 모르는 게 뭔지 생각해봤다.1. 기획을 어떻게 해야 하는지 모른다.-> 그래서 그냥 디자인하는 것부터 시작했었음2. 개발해야 하는 기능들을 정리하는 법을 모른다.3. 플로우 차트 같은 것들을 모른다.4. 어떤 데이터가 필요할지 잘 모른다.그냥 다 모르는 것 같다. 내가 아는 것은 1. 캔바로 만든 것을 그대로 퍼블리싱하기라서 그냥 캔바로 대충 만들어보고 따라해보고 그대로 바로 개발했다.그래서 작은 기능 같은 게 자꾸 바뀌었고, 필요한 데이터도 바뀌었다. 내가 생각해보니 기획은 이렇게 해야 하는 것 같다.1. 어떤 웹사이트를 개발할지 생각한다(필요성, 시장성 등 고려).2. 개발할 웹사이트에 어떤 기능을 넣어야 할지 플로우차트로 작성한다.3. 플로우차트를 토대로 어떤 페이지들을 만들건지..
2024.05.02 -
(김유선) 개인프로젝트 CCR로 처음부터 끝까지 진행하기 - 기획 및 디자인(1)
이제 다시 기획부터 새롭게 혼자 개인프로젝트를 하려고 한다. 저번과 같이 node.js를 사용해서 개발할 거고, 저번과 달리 csr이 아니라 ssr로 개발할 것이다. 이번엔 저번 프로젝트에 느꼈던대로 기획을 오랜 시간 동안 하고, 사용자 입장에서 생각하며 개발해보겠다. 우선 이번엔 디자인툴로 캔바가 아니라 개발 디자인으로 많이 쓰는 피그마를 사용할 것이기 때문에 피그마 사용법 영상을 보고 간단하게 사용법을 익혔다.https://www.youtube.com/watch?v=ESxsgBYuMB8
2024.04.30 -
(김유선) 풀스텍 양성과정 팀프로젝트 프론트엔드 04.30
오늘도 퍼블리싱을 했다.카테고리를 선택했을 때 나오는 카테고리 상세 페이지이다.딱히 api를 만들지는 않았고 카카오맵에서 html 태그 복사해서 만들었다. html 태그 복사하는 방법은모자이크 안 되어있는 저 부분을 클릭하면이게 뜨는데 여기서 HTML 태그 복사를 클릭하면 된다(아주 쉬움).소스 생성하기 ㄱㄱ복사해서 갖다가 쓰면 된다. 끗. 그리고 로그인 팝업창도 퍼블리싱했다(이건 팀원이 디자인해줬는데 이뻐서 그대로 퍼블리싱함). 그리고 검색 결과 페이지를 어떻게 구현할지 고민해서 이렇게 하기로 했다(이건 디자인만 함). 그외에 딱히 한 것 없다... 끗
2024.04.30 -
(김유선) 풀스텍 양성과정 팀프로젝트 프론트엔드 04.29
4월 22일부터 프론트엔드인 팀장으로서 풀스텍 양성과정 팀프로젝트를 진행하게 되었다. 일정표지금까지 기획을 하면서 일정표도 위와 같이 만들어졌다.그래서 기획을 모두 끝마치고 오늘부터 퍼블리싱을 하게 되었다.일정표에서는 개발이라고 적고 나누었지만 퍼블리싱을 먼저 하고 기능을 넣기로 했다.(그게 더 편할 것 같음... 확실히) 퍼블리싱검색결과 페이지는 아직 못 완성했고 메인, 상세, 회원가입 페이지는 퍼블리싱 완료했다.메인 페이지회원가입 페이지(로그인은 팝업창으로 제작할 예정)상세페이지(상가마다 있는 페이지) 그럼 남은 건 로그인 팝업, 카테고리 페이지, 검색결과 페이지, 마이페이지 가 되겠당 오늘의 느낀 점 역시 트랜지션의 힘은 대단하다... 부자연스러웠다가 멋있어졌다 굿
2024.04.29