본문 바로가기
브랜디 백오피스 풀스택 개발 인턴십 Description (주)브랜디는 SNS상의 인플루언서와 사용자를 연결해주고, 빅데이터를 활용한 업계 최초 '새벽배송' 서비스를 제공하는 쇼핑 플랫폼입니다. 쇼핑몰부터 개인 블로그마켓까지 4천개 이상의 입점 브랜드와 일 평균 2만 5천 건 이상의 출고 물량을 관리하는 백오피스 풀스택 개발 인턴으로 참여하여 백오피스 주문관리 페이지, 쿠폰관리 페이지를 클론하였습니다. 팀원 : 프론트개발 2명, 백엔드개발 3명, 풀스택개발 1명 개발기간 : 2020-09-14 ~ 2020-10-15 (31일) Tech Stacks : Vue.js, Vuex, axios, Flask, Sqlalchemy, AWS EC2 ,AWS RDS, Github : What I did Backend 선분이력을 적용하여 데이터베이스 모델.. 2020. 10. 25.
SpaceCloud 백엔드 개발 Description 스페이스클라우드(SpaceCloud)는 스터디룸, 회의실, 연습실, 워크샵, 코워킹스페이스등 사용자에게 최적화된 공간에 대해 예약, 결제, 검색, 마케팅을 종합적으로 지원하는 서비스입니다. 팀원: 프론트개발 4명, 백엔드개발 2명 개발기간: 2020.08.31 ~ 2020.09.11 Tech stack : Node.js, Express, Mysql, Sequelize, AWS EC2, AWS RDS Github : github.com/eymin1259/11-PrettyCloud-backend Demo Video What I did 정규화를 통한 데이터 모델링 프로젝트 구조 설계 Sequelize ORM을 통한 API 구현 Pagination을 적용하여 공간 리스트 조회 API 구현 .. 2020. 10. 25.
Watchapedia 백엔드 개발 Description 왓챠피디아(Watchapedia)는 영화평가를 기반으로 사용자의 취향을 분석하고, 이에 따라 추천까지 해주는 서비스입니다. 팀원: 프론트개발 3명, 백엔드개발 2명 개발기간: 2020.08.18 ~ 2020.08.28 (10일) Tech stack : Django, Selenium, Mysql, AWS EC2, AWS RDS Backend Github : github.com/eymin1259/11-WeCha-backend Demo Video What I did 정규화를 통한 데이터 모델링 Selenium 을 통해 영화 데이터 크롤링 Bcrypt를 활용하여 비밀번호 암호화 및 회원가입 로직 구현 JWT를 활용하여 access token 생성 및 로그인 로직 구현 Access token.. 2020. 10. 25.
11. Asynchrony (비동기작업) 1. Asynchrony ? 2. axios 3. 예제 1. Asynchrony ? 정의 : 비동기작업은 이전 작업이 끝날때 까지 기다릴 필요 없이 다른 작업을 진행하는 것. Ajax (Asynchronous Javascript And Xml) : 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 callback : 특정 로직이 끝났을때 실핼항 동작을 정의하고 있는 함수 promise : 어떤 작업이 성공했을 때(resolve), promise 객체의 then() 함수에 넘겨진 파라미터(함수)를 단 한번만 호출하겠다는 약속. callback 의 경우 제어권이 호출되는 함수로 넘어가 버리기 때문에 신뢰성이 다소 .. 2020. 10. 25.
10. SPA 와 Routing 1. SPA 2. Routing 3. react-router를 이용한 SPA 4. SPA단점 및 해결방안 traditional page vs SPA 1.SPA, single-page application 정의 : 한 개의 페이지로 이루어진 애플리케이션 기존의 웹 애플리케이션은 화면 전환이 일어날 때마다 html을 서버에 새로 요청하면 사용장의 인터페이스에서 사용하고 있던 상태를 유지하기 어려웠다. 또한 바뀌지 않는 부분까지 새로 불러와 보여주므로 불필요한 로딩이 존재하여 비효율적이었다. SPA는 기본적으로 웹 애플리케이션에 필요한 모든 정적 리소스를 최초에 한번 다운로드한다. 이후 새로운 페이지 요청 시, 페이지 갱신에 필요한 데이터만을 전달받아 페이지를 갱신하므로 전체적인 트래픽을 감소할 수 있고, 전.. 2020. 10. 25.
9. immer를 사용한 불변성(Immutability) 유지 1. Immutability ? 2. immer 사용법 1. Immutability ? 정의 : Immutability(변경불가성)는 객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미 Javascript에서 객체는 참조(reference) 형태로 전달하고 전달 받는데, 그 객체가 참조를 통해 공유되어 있다면 그 상태가 언제든지 변경될 수 있기 때문에 문제가 될 가능성도 커지게 된다. 이 문제의 해결 방법은 비용은 조금 들지만 객체를 불변객체로 만들어 프로퍼티의 변경을 방지하는 것이다. React에서 immutability React 컴포넌트의 state 를 변경해야 한다면 객체의 값을 직접적으로 수정하면 절대 안되고, 무조건 setState( ) 를 통해 state 를 업데이트 해주어야한.. 2020. 10. 25.

티스토리툴바