본문 바로가기
MVC 패턴 소프트웨어 아키텍쳐 와 디자인 패턴 - 소프트웨어 아키텍처란, 소프트웨어의 특성을 고려하여 소프트웨어의 구성요소들 사이의 관계를 표현하는 것으로 이후 소프트웨어의 설계와 업그레이드를 통제하는 원칙이된다. - 디자인 패턴이란, 소프트웨어의 모듈들이 어떤 기능을 하는지, 클래스의 범위, 함수의 목적 등 코드 수준의 디자인을 표현하는 것으로, 상황에 따라 자주 쓰이는 설계 방법들을 정리하여 재사용하기 좋은 형태로 패턴화 시켰다. MVC (Model , View , Controller) 패턴 - 정의 : 대표적인 디자인 패턴중 하나로, 하나의 애플리케이션을 Model , View , Controller 세가지의 역할로 구분한 패턴 - 장점 : 사용자 인터페이스로부터 비즈니스 로직을 분리하여 애플리케이션의 시각적.. 2020. 10. 30.
브랜디 백오피스 풀스택 개발 인턴십 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.

티스토리툴바