티스토리

We can become

검색하기

블로그 홈

We can become

chunws13.tistory.com/m

천우산__ 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

[클론 코딩] 스카이 스캐너(Skyscanner) 클론 코딩 - 후기 지난 번에 구현한 항공편 조회 기능과 함께, 다른 분이 구현한 로그인, 예매하기, 예매 내용 확인하기 등의 기능을 합쳐 서버에 배포하고, 정상 작동을 확인한 후 이번 프로젝트는 마무리하였다. 개인적으로는 시간이 조금 남아서, socket.io 라이브러리를 이용해 실시간 채팅 기능도 구현하였는데이 부분은 실제 서비스에서는 해당하지 않는 부분이라서 다른 항목 게시판에 추후 게시할 예정이다. 소감 그동안 프로젝트를 진행하면서 다른 팀원이 막힌 부분에 대해서 대신 구현을 해주는 방식으로 프로젝트를 진행했었는데,이번에는 온전히 팀원을 믿었고, 팀원이 막히는 부분에 대해서 조언을 해줄지언정, 대신 하지는 않았다.더 높은 완성도를 위해서 내 구현 범위를 완성한 이후에 적극적으로 개입했어야했을지, 아니면 이번 처럼 온.. 공감수 0 댓글수 0 2023. 6. 12.
[클론 코딩] 스카이 스캐너(Skyscanner) 클론 코딩 - 서비스 구조화2 지난 글에서 서비스 구조화에 대해서 정리했고, 이번에는 내가 구현하고 싶은 서비스를 구조화 하는 작업을 진행했다. 먼저, api/ 를 포함한 요청이 들어오는 경우를 받아주기 위해 app.js에서 app.use를 이용해 라우터를 등록해주었다. // app.js const express = require("express"); const app = express(); const flightsRouter = require("./routes/flightsRouter"); // 내가 구현한 api router app.use('/api', [flightsRouter]); // '/api'를 포함한 요청이 들어오면, 등록된 router 안에서 찾아서 제공 실행 파일에 내가 만든 서비스 router 를 넣어주었으니, 이.. 공감수 0 댓글수 1 2023. 6. 7.
[클론 코딩] 스카이 스캐너(Skyscanner) 클론 코딩 - 서비스 구조화 시작 계기 스터디를 목적으로 프로젝트를 진행하다 보면, 기능 구현에 더 많은 시간을 쏟는 바람에 자신도 모르게 가독성을 떨어지게 코드를 짤 때가 많다. 기능별로 분담을 해서 진행하는 소수 인원으로 구성된 프로젝트를 진행하거나, 개인 프로젝트를 진행하는 경우에 더욱 그렇다고 생각하는 것이 일단 나 자신만 해도 그랬기 때문이다. 이 프로젝트를 시작하기 전, 아키텍처에 관한 개념과 구성 방식을 접할 기회가 있었고, 이 방식이 그동안 해왔던 방식보다 보기에 더 깔끔하다고 생각했기 때문에 적용을 해보기로 결심했다. 아키텍처란 무엇인가? 단어 그대로의 의미는 건축학이라는 의미지만 여기서는 시스템, 소프트웨어 또는 컴퓨터 시스템의 구조 또는 설계의 의미를 가진다. 웹 / 앱의 서비스 구조, 구성요소, 데이터 흐름 및.. 공감수 0 댓글수 0 2023. 6. 1.
[클론 코딩] 스카이 스캐너(Skyscanner) 클론 코딩 - 시작하기 주제 정하기 저번 쇼핑몰 프로젝트에 이어 실제 서비스중인 웹사이트의 핵심 기능을 구현해 보는 클론 코딩 프로젝트를 진행해 보기로 했다. 클론 코딩 하면 가장 많이 대상으로 삼는 곳인 카카오톡, AirBnB, 유튜브 등은 관련 자료가 많기도 하고 많이 보기도 해서 다른 사람들이 잘 하지 않는 사이트를 찾다가 스카이 스캐너를 클론 코딩 해보기로 의견을 모았다. 핵심 기능 탐색 스카이 스캐너는 전 세계의 항공 티켓 및 차량 렌트와 숙박을 검색하고, 예약할 수 있는 기능을 제공하는 사이트이다. 이 모든 기능들을 다 구현하기에는 시간의 제약이 있으며, 세 기능 모두 예약 가능한 데이터들만 제공하고, 예약 및 결제를 진행한다는 유사성을 가지고 있으므로, 항공 티켓 예약 기능을 먼저 구현해 보기로 했다. 유저는 출발.. 공감수 0 댓글수 0 2023. 5. 30.
[미니 프로젝트] 쇼핑몰 플랫폼 만들기 - 그 이후 https://chunws13.tistory.com/24 [미니 프로젝트] 쇼핑몰 플랫폼 만들기 - 판매자용 API 그동안 배웠던 node js 실습을 위해 미니 프로젝트를 진행하게 되었고, 컨셉은 쇼핑몰로 잡았다. 프로젝트 시작에 앞서, 구현이 필요한 기능들을 정리하였다. 스터디용으로 작성하였기 때문에 실 chunws13.tistory.com https://chunws13.tistory.com/25 [미니 프로젝트] 쇼핑몰 플랫폼 만들기 - 구매자용 API https://chunws13.tistory.com/24 [미니 프로젝트] 쇼핑몰 플랫폼 만들기 - 판매자용 API 그동안 배웠던 node js 실습을 위해 미니 프로젝트를 진행하게 되었고, 컨셉은 쇼핑몰로 잡았다. 프로젝트 시작에 앞 chunws1.. 공감수 0 댓글수 0 2023. 5. 25.
[미니 프로젝트] 쇼핑몰 플랫폼 만들기 - 구매자용 API https://chunws13.tistory.com/24 [미니 프로젝트] 쇼핑몰 플랫폼 만들기 - 판매자용 API 그동안 배웠던 node js 실습을 위해 미니 프로젝트를 진행하게 되었고, 컨셉은 쇼핑몰로 잡았다. 프로젝트 시작에 앞서, 구현이 필요한 기능들을 정리하였다. 스터디용으로 작성하였기 때문에 실 chunws13.tistory.com 이전 쇼핑몰 플랫폼 - 판매자용 API 작성에 이어 이번에는 구매자용 API를 작성을 진행했다. 구매자용 API는 아래 기능이 포함되어야 한다. 상품 보기 (전체, 특정 상품) 장바구니 기능 (CRUD) 구매하기 각 API 구현 전, 판매자용 API와 마찬가지로 구매자 인증을 통해 구매자 인증이 된 유저들만이 해당 서비스를 이용하도록 구현하였다. // checkB.. 공감수 0 댓글수 1 2023. 5. 25.
[미니 프로젝트] 쇼핑몰 플랫폼 만들기 - 판매자용 API 그동안 배웠던 node js 실습을 위해 미니 프로젝트를 진행하게 되었고, 컨셉은 쇼핑몰로 잡았다. 프로젝트 시작에 앞서, 구현이 필요한 기능들을 정리하였다. 스터디용으로 작성하였기 때문에 실제 쇼핑몰에서 제공하는 다양한 서비스들을 완벽하게 구현하기에는 다소 무리가 있었기 때문에, '쇼핑몰' 이라고 부를 수 있는 필요한 필수적인 기능 위주로 구현하기로 했다. 그 중 나는 서버 API 를 만드는 역할을 맡았고, 필요한 기능은 아래와 같았다. 로그인 (판매자, 구매자 구별) 판매자용 기능 - 상품 등록하기 - 상품 조회하기 (판매자가 등록한 상품들만) - 상품 정보 (가격, 수량) 수정하기 - 상품 삭제하기 구매자용 기능 - 상품 전체 목록 조회하기 - 상품 세부 정보 조회하기 - 장바구니 관련 기능 ( 추.. 공감수 0 댓글수 0 2023. 5. 25.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.