728x90
반응형

Ajax 5

웹개발플러스-나만의 단어장(3)

오늘은 화요일에 못다한 공부를 이어서,,쿨럭,,, 어제 못와서 타격이 크다 /ㅅ/ 프로야근러는 마음 잡고 공부 시-작! 프로젝트 세팅 프로젝트 준비 - app.py 준비하기 로컬에서 개발시 AWS 서버에 있는 MongoDB를 바로 연결해서 코딩하면 나중에 배포할 때 DB를 복사해 옮길 필요가 없어 편하다고 한다...! **기능은 똑같음 프로젝트 준비 - index.html, detail.html 준비하기 프로젝트 준비 - 배너 이미지 준비하기 >>static폴더에 이미지파일 추가해주기 상세 페이지 전체 모습 만들기 배경과 배너 넣기 전체 wrap에다가 핑크색 배경을 깔아주고, banner에는 이미지를 넣어준 코드위 Filter 중 이미지 같은 경우는, jinja2언어를 이용해서 {{}} 통해 얘는 sta..

웹개발 2021.06.04

웹개발플러스-나만의단어장(2)

개념정리도 했으니 프로젝트 시-작!@ 플라스크로 멀티페이지 사이트 만들기 - 기초 1) 페이지 간 이동하기 Q. 메인 페이지에서 링크를 클릭하면 상세 페이지로 가고, 상세 페이지에서 다시 메인으로 갈 수 있게 하려면 어떻게 해야할까요? 준비 : 파이참 File > New project >Location 설정 >Create >this window클릭(선택) 기본 준비 늘 그렇듯, 폴더생성(static, templates), 파일생성(templates- index.html , detail.html, prohect02 -app.py) 패키지설치 flask / pymongo / requests 패키지 설치! app.py 시작 코드랑 각 html파일의 body에 으로 메인페이지, 상세페이지 글자만 넣어주니 아래처..

웹개발 2021.06.01

웹개발플러스-나홀로일기장lv.1

이번주는 나홀로 일기장을 만들어 볼 것이다 @ 오늘은 나홀로 일기장 LV1까지만 만들어야지..! ----------------------------------------------------------------------------------------------------------------------------------- 나홀로 일기장 LV1 1. 늘 그렇듯 [ new project >파일 위치 선택 > flask/pymongo 패키지 설치> app.py/templates/static 생성 ]순서를 밟아준다. 2. 만들어갈 순서 - 생김새 먼저 : HTML + CSS - 만들어야할 기능 파악(포스팅API, 리스팅API) - (서버 - 클라이언트) 연결 코드 만들기 - 포스팅 API만들기 *TIP..

웹개발 2021.05.26

웹개발플러스-이론 복습으로 공부 재 시작 'ㅅ'/

이론 복습 @@ 1.웹서비스의 동작원리 > 클라이언트는 요청하는 쪽! 서버는 요청을 받아서 무언가를 돌려주는 쪽! 2. 서버는 컴퓨터의 '역할' > DB도 돌리고, 서버도 돌리고, 게임도 하고! 3. API란? > 서버가 요청을 받게 위해 뚫어놓은 '창구' 4. -HTML은 뼈대 / CSS는 꾸미기 / JavaScript는 움직이게 하는 것! -JQuery는 라이브러리로, HTML 조작을 쉽게 하는 친구! -라이브러리는 남이 만들어 놓은 갖다쓰기 좋은 코드! 그렇기에, 임포트 필수! ( : id로 이름표를 붙여주고(id="아이디"), $('#아이디').val() 과 같이 input 박스의 값을 가져옴!) -Ajax는 서버 통신을 위해 쓰이는 친구@ - Flask는 서버를 만드는 프레임워크 = 누군가 만들..

웹개발 2021.05.25

오늘의 공부 API / Ajax

API는 은행 창구와 같은 것! 같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 가져와야 하는 것 / 처리해주는 것이 다른 것처럼, 클라이언트가 요청 할 때에도, "타입"이라는 것이 존재합니다. * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 * POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 -------------------------- 참고! Ajax는 jQuery를 임포트한 페이지에서만 동작 가능!! JQuery를 임포트 후 사용하자 'ㅅ'// 즉, http://google.com/ 과 같은 화면에서 개발자도구를 열면, jQuery가 임포트 되어있지 않기..

웹개발 2021.04.15