공부 !/Django·Web
-
REST 도대체 뭘까 ?공부 !/Django·Web 2022. 4. 5. 16:46
REST 도대체 뭐냐 .. 채용 공고를 읽어보면 RESTful API 라는 말이 많이 보인다 졸업작품을 할 때도 DRF ( DjangoRESTFramework )를 사용했지만 개념을 물어보면 아 그거는 .. 면접의 단골 질문으로도 유명하고 필요역량으로 많이 요구하니 이번 포스팅을 통해 REST 란 무엇인가 ! RESTful API 란 무엇인지 ! 확실히 이해해보려한다 REST & RESTful API REST ( Representational State Transfer ) 는 " 대표젹인 상태 전달 " 즉 웹에 존재하는 모든 자원에 대한 고유한 URI 를 부여해 활용하는 것으로 자원을 정의하고 자원에 대한 주소를 지정하는 방법론으로 이해하면 된다 RESTful API 는 REST 의 특징을 지키면서 AP..
-
Django 클론코딩으로 인스타그램을 ! 4탄공부 !/Django·Web 2022. 4. 2. 19:26
게시글 업로드 구현하기 이번 게시글에서는 인스타그램의 새 게시물 만들기 기능에 대해 공부해보자 ! 실제 인스타그램 pc 버전의 화면을 캡처해왔다 ! 사진을 업로드한 후 이후 글을 작성하여 업로드 하는 간단한 UI/UX 를 제공하고 있다 기존 화면 위에 새로운 화면이 그려지는 모달로 새 게시물을 생성하는 화면을 제공한다 우리도 피드 생성 모달을 만들어보자 아래 순서대로 css 와 html 추가하자 .modal_overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; backgroun..
-
Django 클론코딩으로 인스타그램을 ! 3탄공부 !/Django·Web 2022. 4. 1. 22:41
백엔드 시작 ! 드디어 백엔드를 하나씩 구현해보자 ! 지난 포스팅들에서 html 를 이용해 보여지는 요소들과 화면을 구성했다 서버 없이 클라이언트에서 알아서 데이터를 생성하고 피드를 만들었기 때문에 정적 .. 이다 ! 이번 포스팅에서는 모델을 정의하고 모델에서 데이터를 받아와 피드를 구성하도록 해보자 ! MTV 장고는 MTV 구조를 이루며 MTV는 각 Model, Template, View 를 의미한다 먼저 모델은 데이터의 형태를 의미한다 우리가 만든 프로젝트에서는 피드를 예시로 이해하면 된다 피드라는 모델은 프로필사진과 아이디, 본문사진과 본문내용, 좋아요수와 댓글이라는 데이터 모음으로 구성된다 모델 정의하기 장고에서 모델은 클래스로 표기한다 Instapp/models.py 파일 내 피드 클래스를 정의..
-
Django 클론코딩으로 인스타그램을 ! 2탄공부 !/Django·Web 2022. 3. 31. 14:56
이전 포스팅에서 ... 이번 포스팅에서는 인스타그램의 피드를 구현해보자 ! 피드 구상하기 왼쪽 오른쪽 피드 왼쪽에는 사진과 글 내용이 오른쪽에는 추천친구가 뜨도록 화면을 분할해야한다 div 로 화면을 분할하고 css 의 display 옵션을 사용하여 좌우로 정렬하면된다 왼쪽과 오른쪽 div 에 각 배경색을 넣어 확인하면 좌우 영역이 분할된 것을 확인할 수 있다 글씨에 맞는 영역은 우리가 원하던 영역 분리가 아니므로 영역을 수동으로 설정해보자 ! 왼쪽 오른쪽 width와 height 옵션을 사용하면 수동으로 영역의 크기를 조정할 수 있다 왼쪽 width 영역이 1000px 이 되며 스크롤이 생성되었다 ! 실제 인스타그램은 상단바와 오른쪽 노란부분이 고정되어 있다 때문에 이를 수정해야한다 ! fixed 옵션..