web
-
Flask 기본 개념WEB/flask 2021. 9. 3. 01:52
자! 기본적으로 web service는 response(Status line, Headers, Body)와 request(Start line, Headers, Body)의 관계로 끝난다! 그렇다면 Flask는?! 1. Response - Response() 로 객체를 만든다 첫번째 인자는 표시할 문자열, 두번째 인자는 status line, 세번째 인자는 Header+Body - make_response() 로 보내야 큰 데이터를 보낼 때 서버도, 클라이언트도 가볍다 -Response의 속성들 - environ 은 플라스크의 환경 변수를 담고 있다 environ[‘REQUEST_METHOD’]처럼 부를 수 있다 - start_response라는 함수를 인자로 받음 - return make_response..
-
서버와 클라이언트 기본 구조WEB 2021. 9. 3. 01:44
- 기본적으로 원래의 서버와 클라이언트의 소통은 다음과 같다 (클라이언트-서버-DB로 이루어진 단순 구조 ) 하지만 정적인 요소보다 동적인 요소들을 추가하기 위해(페이스 북처럼 동시에 옆에 방금 로그인한 사람 알려줌/ 페북 메시지 알림 등 동적으로 작동) 백엔드 서버와 프론트 엔드 서버를 구분하게 되었다. (https://it-eldorado.tistory.com/85) (https://www.youtube.com/watch?v=wcsVjmHrUQg) 1. 프론트 서버 프론트 서버는 어떤 주소에 대한 요청을 보냈을 때, markup Language (html ,css) 를 보내줘서 사용자에게 GUI 환경을 제공해주는 서버를 의미한다. (화면을 그려주는 역할) react, next, styled compo..
-
Web에서의 페이지 전환 방법 2가지WEB 2021. 9. 3. 01:41
웹은 현재 작업중인 페이지에서 다른 페이지로 이동하기 위해 2가지 페이지 전환 기능을 제공합니다. 오늘은 2가지의 페이지 전환 방법의 차이와 사용법에 대해 알아보도록 하겠습니다. 1. Forward 방식 Forward는 Web Container 차원에서 페이지의 이동만 존재합니다. 실제로 웹 브라우저는 다른 페이지로 이동했음을 알 수 없습니다. 그렇기 때문에 웹 브라우저에는 최초에 호출한 URL이 표시되고, 이동한 페이지의 URL 정보는 확인할 수 없습니다. 또한 현재 실행중인 페이지와 forward에 의해 호출될 페이지는 Request 객체와 Response 객체를 공유합니다. 위와 같이 Foward는 다음으로 이동 할 URL로 요청정보를 그대로 전달합니다. 그렇기 때문에 사용자가 최초로 요청한 요청정..
-
Jinja2 기본 문법WEB 2021. 9. 3. 01:39
jinja는 아래처럼 되어 있는 문서를 받아서, 해당 문서의 필요한 부분들, content2와 같은 부분을 변경해주고, 웹브라우저가 인식할 수 있는 html로 변환해주는 기능을 수행합니다. 즉, jinja2는 어떤 파일, 실재하는 파일에 어떤 변수들을 집어넣어서 약간 변경시켜서 html로 만들어주는 엔진, 같은 것이다 출처: https://ddaaadd.tistory.com/276 jinja2란 Jinja2의 정의 Jinja2는 파이썬에서 가장 많이 사용되는 템플릿 엔진 중 하나입니다. Django의 템플릿 시스템에서 영감을 얻었지만 템플릿 작상자에게 더 강력한 도구 세트를 제공하는 표현 언어로 ddaaadd.tistory.com https://jinja.palletsprojects.com/en/3.0...
-
HTTP 구조 및 핵심 요소WEB 2021. 9. 3. 01:36
1. HyperText Transfer Protocol 2. HTTP 핵심 요소 2-1. HTTP 통신 방식 2-2. HTTP Request 구조 2-2-1. Start Line 2-2-2. Headers 2-2-3. Body 2-3. HTTP Response 구조 2-3-1. Status Line 2-3-2. Headers 2-3-3. Body 3. 자주 쓰이는 HTTP Methods 3-1. GET 3-2. POST 3-3. OPTIONS 3-4. PUT 3-5. DELETE 4. 자주 쓰이는 HTTP Status Code 4-1. 200 OK 4-2. 301 Moved Permanently 4-3. 400 Bad Request 4-4. 401 Unauthorized 4-5. 403 Forbidden..
-
[21.02.21] Javascript 셋째 날WEB/study log 2021. 8. 29. 23:54
진도: ~수업을 마치며까지 WEB 공부를 마치며... 결국 javascript 강의까지 끝! 진짜 내 자신이 정말 대단하다! 강의를 다 듣고 나니 이 웹페이지에도 개선점이 여러모로 많다는 것을 느꼈지만, 그건 다음 3학년 1학기 웹페이지에 반영하기로... ㅋㅋㅋㅋ 이 다음 목표! 일단 생활코딩으로 html, css, javascript 강의까지 가볍게 들었으니, 이제는 노마드 코더의 웹 개발 커리큘럼을 따라 2학년 겨울방학 때 배운 내용들(html+css+javascript)를 좀 더 다져볼 예정이다. 다 들을 수 있을진 모르겠지만, 듣고 싶은 강의가 크게 네 가지 강의가 있다! 코코아톡 클론 코딩 (html+css) -> 2주 예상 바닐라 JS로 크롬 앱 만들기 (javascript) -> 2주 예상 ..
-
[21.02.19] Javascript 둘째 날WEB/study log 2021. 8. 29. 23:53
진도: ~배열과 반복문의 활용까지 3. 웹페이지 제어하기 -> CSS 선택자는 크게, 태그, id, class 선택자 있음 제어할 태그 선택하기 ->document.querySelector(".myclass"); #".myclass" = 이 웹페이지의 모든 태그 중에 클래스 명이 myclass인 태그를 선택하는 선택자 선택한 태그의 style 바꾸기 -> document.querySelector("body").style. style 중에서 background-color:black으로 바꾸고 싶다 -> document.querySelector("body").style.backgroundColor='red'; 4. 조건문 4-1. 비교연산자와 불리언 -비교연산자는 좌항와 우항 값을 비교 후, 불리언을 반환함..
-
[21.02.17] Javascript 첫째 날WEB/study log 2021. 8. 29. 23:52
javascript 자, 드디어 이 2학년 겨울방학의 마지막에, html과 css 강의를 다 듣고 마침내! Javascript를 시작하게 되었다! 진짜 html이나 css까지는 그래도 호딱호딱 재밌게 들었는데, JS를 시작하려니 막막... 하기도 하고(생활코딩 강좌만 30개) 그냥 딱 깔끔하게 개강하고 나서부터 시작할까? 싶기도 했다. 하지만 또 막상 생각해보니 개강하면 개강하는대로 과제와 밀린 강의에 치여 살 게 뻔하고 방학 때도 꾸준히 하기 어려운 자기 공부가 학기 중이라고는 잘 될까 싶어서 얼른 시작했다! 또 막상 강의 수강 계획을 짜보니 (아주 낙관적으로) 하루에 6~8개 정도 들으면 생활코딩 JS 강의도 개강하기 전에 끝낼 수 있겠더라! 동기 부여 차원에서 나의 우물 안 개구리 시절을 생각해보자..