No error , No gain

Wecode/위코드 한 달 반차에 맞은 두 번째 프로젝트 프로젝트 소개 http://www.patagonia.com - Website clone 프로젝트 구성원 - 백엔드 2명 - 프론트엔드 2명 사용된 기술 - django + python - MySQL 주어진 시간 - 2주 느낀 점 1차때와 다를 것이라고 생각했던 것이 큰 오산이었다. 가야 할 길을 알기 때문인가 더욱더 힘이 안 났다. 백엔드로써의 소명을 다하고 싶은 마음 가득. 우려와 걱정은 실제로 일어나지 않을 것이기 때문에 일단 시작했다. 대상 웹 사이트에 대해 연구가 많이 부족했었던 것을 느꼈다. 구현할 화면들에서 알지 못했던 기능들이 속속들이 나오기 시작하고 크롤링하지 않았던 데이터들이 (놓친 것들) 나오기 시작했을 때 암담했었다. 하지만 정..

Keyword - SPA(Single Page Application) : 하나의 HTML파일로 이루어져 있음. - CSR(Client Side Rendering) : 클라이언트 쪽 위주로 해서 웹페이지가 구성이 됨. 빈 html에서 클라이언트의 요청(?)에 따라 비어진 부분이 채워지는 개념 - SSR(Server Side Rendering) : 서버에서 이미 렌더링이 된 화면을 보내는 것. - MPA(Multi Page Application) : 여러 html파일로 페이지마다 구성하는 것 - SEO(Search Engine Optimization) : 검색 엔진(ex.구글, 네이버)회사에서 봇으로 웹사이트를 평가하여 점수를 내려 점수에 의해 검색에 노출되게 하는 것 - Hydration : CRA와 같은..

카카오톡이나 페이스북을 통해 로그인을 하게 해주는 것 카카오톡을 예로 설명 시작 카카오에서 토큰을 받을 것임. 예) api /kakaologin 에 토큰이 옴 그리고 다시 kakao에 토큰을 보내서 토큰에 해당하는 유저가 누구인지 물어본다. 그리고 우리가 원하는 유저의 정보들을 카카오서버에서 응답을 받는다. 응답 받은 후 로그인인지 회원가입인지 판별 후 토큰을 발행하여 프론트에게 다시 줌.

시스템을 테스트할 때 크게 3가지 방법이 있다. - UI Testing / End-To-End Testing - Intergration Testing - Unit Testing 여기서 UI Testing이 가장 어렵고 까다롭다. Manual Testing은 실행하기 쉽다는 장점이 있지만 비용이 많이 들고 부정확 하며 실행 시간이 오래 걸림. 자동화 할 수 있지만 UI Testing은 자동화 하기가 가장 까다롭고 또 실행하기도 까다로움. Integration Testing이 그 다음으로 힘듬. Unit Testing이 가장 쉬우며 가장 효과가 좋음. UI Testing은 10%, Integrating Testing은 20%, 그리고 Unit Testing을 70% 전체 테스트 coverage를 구현 하는것..

Wecode 한 달 차에 맞은 첫 프로젝트 프로젝트 소개 https://laka.co.kr - Website clone 프로젝트 구성원 - 백엔드 2명 - 프론트엔드 2명 사용된 기술 - django + python - MySQL 느낀 점 한 달, 30일 동안 열심히 배운 모든 것(?)을 활용한 프로젝트. 갓 개발자의 길에 들어선 풋내기들이 멋지게 개발하는 척했던 지난 2주. 진정 개발은 아닐 테지만 뜻깊은 시간이었다. 모든 게 낯설고 모든 게 처음인 우리에게 이 프로젝트는 대단한 의미였으리라. 협업은 결코 쉽지 않았고 소통은 노력에 따라 크게 좌우가 되었다. 어느 하나의 '삔또'도 소중하지 않을 수 없었다. 걱정에 비해 서로의 성향이 서로를 해치진 않았다. 프로젝트까지 오기 전 많은 상처를 통한 경험이..

기존에는 하드웨어적으로 관리를 하고 관리하는 사람들이 있었다. 서버 점검은 주기적인 이벤트이자 오프라인이 불가피했다. AWS는? 2006년 정식으로 서비스 출시하여 EC2 , S3(Simple Storage Service)등을 제공하기 시작. 현재는 전체 클라우드 사용자 중 40%이상의 점유율을 가지고 전세계 1위 클라우드 서비스로 자리 잡음. 클라우드 컴퓨팅 서비스는? 기존의 직접 서버를 구입해서 IDC에 넣고 관리하는 비용보다, 사용한 만큼의 비용만 지불하는 방식이 기업 입장에서 경제적으로 다가옴. 기존 호스팅 서비스와 다른점은 가상이지만, 독립적으로 인프라 각각의 요소를 제어 가능하고, 원하는 대로 구성해서 사용하는데 간편한 인터페이스를 제공해서 고객은 생산적인 부분에만 집중할 수 있게 됨. 주요 ..

프로젝트 얼마 안 남았는데 코드 리팩토링하면서 해야함. 페이지네이션(paging, pagination) 목록형 UI에서 데이터를 한 번에 가져오는 것이 아니라 필요한 만큼, 또는 화면에 보이는 만큼만 백앤드에 요청하고 응답받아 사용하는 방식을 말한다. 꼭 게시판처럼 1~10페이지가 있는 형식 뿐 아니라 인스타그램처럼 가장 하단의 스크롤로 내려왔을 때 새로운 데이터를 가지고 오는 것도 모두 페이지네이션이다. 페이지네이션을 구현하기 위해서는 해당 api에 대해 백엔드와 미리 약속이 되어있어야 한다. 페이지네이션에서는 주로 limit과 offset이라는 parameter를 사용한다. limit or Page size : 한 페이지에 보여줄 데이터 수 Offset : 데이터가 시작하는 위치(index)

1. Tree 트리는 일반적으로 대상정보의 각 항목들을 계층적으로 연관되도록 구조화 시키고자 할때 사용하는 비선형 자료구조입니다. 데이터 요소들의 단순한 나열이 아닌 부모-자식 관계의 계층적 구조로 표현이 됩니다. 트리는 그래프(Graph)의 한 종류이며 사이클이 없습니다. 트리 자료구조는 여러유형이 있지만 그 중 가장 기본은 binary tree(이진 트리)구조가 대표적입니다. 이진 트리는 두개의 자식노드를 가진 트리 형태입니다. 트리 자료구조는 데이터를 거꾸로된 나무 형태로 저장하는 모양입니다. 계층적인 관계의 표현에 쓰이고, 윈도우와 리눅스의 파일시스템 구조도 트리로 표현됩니다. 대용량의 데이터를 저장할때도 많이 쓰입니다. Node : 트리 구조의 교점입니다. Node가 데이터를 가지고 있고 또한 ..

장고를 이용하여 프론트의 리액트와 함께 웹페이지를 하나 지정하여 복사하기를 하고 있다. 프로덕트가 보여지는 창을 프론트와 맞춰보기 위해서 product/views.py를 작성했다. 일단 product/models.py는 이런 구조이다. 지난번에 웹크롤링한 것을 넣는 작업을 통해서 이런 구조의 테이블에 모든 데이터가 꽉차있다. 이것들을 활용하여 product/views.py를 작성해봤다. 일단 프론트에서 필요한 정보를 요약해서 들었다. 홈페이지를 보면서 내가 파악할 수도 있지만 정확하게 하기 위해 필요한 요소들을 프론트에게 전달 받고 어떤 형식으로 받고싶은지도 들었다. 이런 캡쳐를 보내주었다. 이것들을 보고 작성한 views.py 사실 get만 있어서 쉬웠던 것 같기도하다. 대부분 리스트 표현식을 썼다. ..