코딩클럽10 웹개발 플러스 2주차 더보기 더보기 정적 웹페이지 동적 웹페이지 차이 이해 정적 웹페이지 동적 웹페이지 특징 서버에 저장되어 있는 그대로 HTML 전송. 요청 정보에 따라 HTML을 처리하여 전송. 장점 1) 속도가 빠르다. 2) 서버 부담이 적다. 1) 상황에 맞게 변하는 모습. 2) 관리가 쉽다. 단점 1) 서비스가 한정적이다. 2) 내용 변경이 어렵다. 1) 보안에 취약하다. 2) 검색엔진 최적화가 어렵다. 예시 회사소개, 음식메뉴, 포트폴리오 등 블로그, 게시판, 날씨 정보 등 나만의 단어장 만들기 - 세팅 1. 나만의 단어장 만들기로 두가지 페이지를 flask로 엮어 만들기. 폴더 세팅 - static - templates ↳ index.html ↳ detail.html - app.py 패키지 세팅 - flask -.. 2021. 11. 30. 웹개발 플러스 1주차 1주차는 웹개발 종합반 내용을 전체적으로 복습하는 과정을 통해 기초과정을 다시한번 머리속에 넣어줌. 웹개발 종합반 최종 프로젝트를 마치고 여러번 사용은 했지만 사실 수업내용을 보며 복습하면서 하는게 아니면 사실 API쪽은 전혀 익숙해지지 않아서 다시한번 복습할 수 있게 되어 좋았다. 더보기 복습내용 브라우저 == 클라이언트 서버 => API 창구를 통해 클라이언트와 대화 └ 창구를 이용할 때는 규칙이 있음 예) 은행 이용시 신분증이 있어야 하는 것과 같이 요청을 받으면 HTML, CSS, JS , 데이터등 규칙에 따라 돌려줌 서버는 컴퓨터의 역할임 API는 창구 창구에 따라 POST 담당 GET 담당 역할이 따로 있음 (개인창구/기업창구처럼) HTML - 뼈대 CSS - 꾸미기 이름표 붙여주고(예 : c.. 2021. 11. 11. 프로젝트 완성 총 2페이지로 플레이어 찾기 페이지와 추천 룰북 페이지를 제작하였다. 플레이어 찾기 페이지는 전체적으로 큰 문제없이 작업이 진행되었는데 문제는 추천 룰북 페이지에서 발생했다. 우선 처음 목표는 yes24기준으로 TRPG 검색 페이지를 불러오는 작업이었는데 수업에서 배운 내용대로 진행했는데 일부는 불러와지고 일부는 다른 정보가 불러와지거나 없는 값이라는 메시지만 표시되었다. 여러 가지 방법으로 해도 내가 필요한 내용들을 전부 불러오기는 힘들어 보였다. 이대로는 작업 진행이 불가능할 것 같아 알라딘으로 기준 페이지를 변경해서 크롤링을 진행했다. 다행히 알라딘에서는 내가 필요한 부분들을 모두 불러올 수 있어서 사이트를 변경해서 진행하였다. 사실 알라딘에서도 안 불러와지면 내가 배운 내용을 잘못 이해하고 있는 .. 2021. 11. 1. 5주차 수업내용 정리 무비스타 POST연습 (좋아요 + 1) 더보기 무비스타 POST연습 (좋아요 + 1) A. 요청 정보 - 요청 URL= /api/like , 요청 방식 = POST - 요청 데이터 : 영화인 이름(name_give) B. 서버가 제공할 기능 : 영화인 이름(요청 데이터)과 일치하는 영화인 정보의 좋아요 수를 한 개 증가시켜 데이터베이스에 업데이트하고(Update), 성공했다고 응답 메세지를 보냄 C. 응답 데이터 : (JSON 형식) 'msg'='좋아요 완료!' 클라이언트 코드 - index.html function likeStar(name) { $.ajax({ type: 'POST', url: '/api/like', data: {sample_give:'샘플데이터'}, success: function (.. 2021. 10. 30. 이전 1 2 3 다음
