본문 바로가기

frontend

4주차 개발일지 (Week I learned)

서버

갖다줄 파일 미리 만들어뒀다

서버를 만들어서 요청을 받고 뭔가 파일을 갖다주든지

아니면 뭔가 db에다 작업을 하든지

이런 서버를 만들어야된다..

그래서 서버??  컴퓨터에 돌아가고 있는 하나의 프로그램

로컬개발환경(일반적인 경우)]내가 서버를 만들고 내컴퓨터로 브라우저로 접속해봄

5주차 후반부 여태까지 만들어놓은 서버의 결과물 특정 컴퓨터를 사서

그 쪽에다가 올리는 작업할예정 (모든사람이 접속을 할수있게 만드는..)

app.py 서버를 돌아가게 만드는 파일 통상적으로 app.py 이름을 왠만하면 통일

웬만하면 모든 개발자들은 서버를 만들 떄 프레임워크를 가져다 쓴다

라이브러리 framework 남이 만들어다놓은걸 쓴다

남이 짜준 규칙이나 틀 안에서 내가 코딩을 자유롭게하는거 =framework
라이브러리 내 마음대로 짜는데 남이 만들어놓은걸 중간에 가져다 쓰는거

통상적으로 프레임워크는 하나의 framework에서 라이브러리들을

막 가져다쓴다 

포트라는 개념 5000

나라 밖에다가 뚫어놓은 문 = > 포트 5000번의 문으로 뚫어놓은 그런 개념

static css나 이미지 파일을 담아둘 때 사용

templates 아주 중요 

render_templates 템플릿 폴더 안에있는 파일을 우리한테 가져다가

클라이언트한테 뿌린다

localhost:5000 내 컴퓨터에서 만든 서버지만
내가 서버에다가 요청을 해서 서버에서 가지고있던 index.html파일을
받아와서 그렸다

http://localhost:63342/prac/templates/index.html?_ijt=ag46shd77g0jj9idh6mlahhfk4&_ij_reload=RELOAD_ON_SAVE
내가 이 index.html을 연거다(pycharm 안에서)

api 규칙  주소 

api 2가지 종류 get, post 여러가지 종류가 많긴함 ㅎ

get 통상적으로 데이터를 조회할때

post 통상적으로 데이터를 바꿀때 ex)회원가입

클라이언트 요청(api 만들고) => ajax call 

ajax로 콜을 해가지고 그 ajax로 가지고 온 것을 api에서 뭔가 처리해서
response주고 그거를 (고객)ajax가 response에서 (Ex)console.log로 찍어서 볼수있게 해주는경우도있다

스스로 정리해보면 ajax로 요청을 받고 그걸 api(server)에서 처리한다음
그거에대한 요청에대한값을 다시 ajax가 response해서 행동을한다라고 본다..

리뷰 저장 기능 => 책리뷰 project

 

flask ,pymongo,requests,bs4

나홀로 메모장 project 세팅을 위한 패키지  세팅

이미지,제목,링크,요약,comment 5개

제목,설명,url,이미지,코멘트

- 18) 프로젝트 설계 - 만들 API 설계
    
    <aside>
    ✅ 포스팅API  - 카드 생성 (Create)
    
    </aside>
    
    **A. 요청 정보**
    
    - 요청 URL= `/memo` , 요청 방식 = `POST`
    - 요청 데이터 : URL(url_give), 코멘트(comment_give)
    
    **B. 서버가 제공할 기능** 
    
    - URL의 meta태그 정보를 바탕으로 제목, 설명, 이미지URL 스크래핑
    - (제목, 설명, URL, 이미지URL, 코멘트) 정보를 모두 DB에 저장
    
    **C. 응답 데이터**  
    
    - API가 정상적으로 작동하는지 클라이언트에게 알려주기 위해서 성공 메시지 보내기
    - (JSON 형식) 'result'= 'success'
    
    <aside>
    ✅ 리스팅API - 저장된 카드 보여주기 (Read)
    
    </aside>
    
    **A. 요청 정보**
    
    - 요청 URL= `/memo` , 요청 방식 = `GET`
    - 요청 데이터 : 없음
    
    **B. 서버가 제공할 기능** 
    
    - DB에 저장돼있는 모든 (제목, 설명, URL, 이미지URL, 코멘트) 정보를 가져오기
    
    **C. 응답 데이터**  
    
    - 아티클(기사)들의 정보(제목, 설명, URL, 이미지URL, 코멘트) → 카드 만들어서 붙이기
    - (JSON 형식) 'articles': 아티클 정보

리스팅 api는 로딩이 끝나면 바로 호출 

요청 
 
ajax콜을 버튼에다하나 로딩이 끝나면 나오는곳에 ajax콜을 하나 만든다~

크롤링 ex)

사람이 들어가는 메타태그의 순서와 python 코드가 접속했을때 순서가
다른경우가있다

'frontend' 카테고리의 다른 글

2022-04-14  (0) 2022.04.14
2022-04-13  (0) 2022.04.13
4주차 숙제 : 원페이지 쇼핑몰 완성하기  (0) 2022.04.12
2022-04-12  (0) 2022.04.12
2022-04-11  (0) 2022.04.12