개발 강의 6

스파르타코딩클럽 웹개발 종합반 - 4주차

4-1 오늘 배울 것 4주차에서는 파이썬을 이용한 웹 프레임워크인 플라스크를 배우고 이를 활용해 웹페이지를 만드는 방법을 배운다. 서버: 컴퓨터에 돌아가는 하나의 프로그램! 포토샵이니 엑셀이니와 같이! 근데 웹페이지를 만들려면 서버와 클라이언트가 각각 있어야 하는데 컴퓨터가 각각 있어야 되나? 그러면 컴터 한 대 더 사야되나? 놉! 내 컴에 서버 만들고 내 컴 브라우저에서 접속한다! => 로컬 개발 환경 4-5주차는 로컬 개발환경에서 웹페이지 만드는 걸 배우고 => 이후에는 클라우드에다가 올려서 작업하는 걸 배운다! => 24시간 내 컴을 켜놓지 않아도 모든 사람들이 접속 가능! 4-3 Flask 시작하기 : 서버 만들기 프레임워크, 라이브러리 둘 다 남이 짜둔 걸 가져다 쓰는 것. 그러면 무슨 차이일까..

스파르타코딩클럽 웹개발 종합반 - 3주차

3주차는 파이썬을 활용한 웹 크롤링을 중점적으로 공부한다. 파이썬으로 웹에서 데이터를 끌어온 다음, mongoDB에 저장하는 과정을 공부한다. 3-3. 연습 겸 복습 - 나홀로 메모장에 openAPI 붙여보기 1, 2주차에 작업했던 나홀로 메모장을 다시 열어보자. 이것을 어떻게 바꿀 것이냐? 아래와 같은 방식으로 바꿀 것이다. 첫 번째로 해야 할 일은 뭘까? "이 API를 언제 호출해야 할까?" 완성된 결과물을 보면, 새로고침 했을 때 따로 뭔가 누르지 않고도 위의 사진과 글이 자동으로 나온다. 로딩이 되자마자 데이터를 불러온다! => 앞에서 숙제에서 했던 방식! 을 가져와본다. $(document).ready(function () { function_name(); }); function function..

스파르타코딩클럽 웹개발 종합반 - 2주차

2-0. Intro [수업 목표] 1. JavaScript 문법에 익숙해진다. 2. jQuery로 간단한 HTM을 조작할 수 있다. 3. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. 셋다 생활코딩 공부에서 가볍게 맛봤던 만큼, 이번 주차 강의에서 복습하면서 체화시켜보자. 2-1. 2주차에서 배울 것: jQuery & Ajax - html 파일이 있을 때, JS로 다시 서버에 데이터를 요청하고 받는 법 - jQuery를 이용해 JS로 HTML을 쉽게 제어 - Ajax를 이용해 다시 서버에 데이터를 요청하고 받기 * Ajax => 웹페이지 url을 이동하지 않고 그 상태에서 백단에서 데이터를 받아와 업데이트해주는 기술! (비동기 처리) 2-2. JavaScript 복습 한 번 클릭하면 ..

스파르타코딩클럽 웹개발 종합반 - 1주차

1-1. 1주차에 배울 것들 크롬 웹브라우저를 열어서 네이버 메인 화면으로 가보자. 중간쯤에 보이는 "네이버뉴스" 텍스트 위에 마우스 커서를 놓고 오른쪽 클릭 후 "검사"를 누르면 온갖 코드로 범벅인 창이 하나 뜬다. 네이버 뉴스 링크를 검사했으니 창은 네이버 뉴스 태그에 하이라이트 되어 있다. 토글 키를 누르면 "네이버뉴스"라고 적혀있는 걸 볼 수 있다. 이걸 수정할 수 있을까? 답은 "그렇다"이다. 전세계 모두가 보는 웹페이지를 나 혼자 싹다 고칠 수는 없지만 적어도 지금 내가 보고 있는 페이지는 가능하다. 어떻게? "네이버뉴스"를 더블 클릭하고 내가 바꾸고 싶은 글자로 바꿔보자. 나는 "WOONY뉴스"로 하겠다. 이 행위를 통해 웹페이지의 역할 세 가지를 유추할 수 있다. 내가 보는 웹페이지에 한해..

생활코딩 - 파이썬 웹 개발 복습 2(웹페이지 동적 구현)

*저번까지 코드 #!/usr/local/bin/python3 print("Content-Type: text/html") print() print(""" WEB CSS HTML """) 1. 웹페이지 동적 구현 우리는 현재 웹페이지를 동적으로 구현하고 싶다. 현재 코드에서는 CSS 링크를 누르면 CSS 웹페이지로 이동하는 구조로 되어 있다. 이를 타 웹페이지로의 이동 없이 현재 페이지 내에서 특정 링크에 들어있는 내용을 불러오고 싶다는(=웹페이지 동적 구현) 말이다. 이를 위해서는 특정 내용을 URL을 통해 불러오는 Querystring을 이용한다. 태그 하위에 있는 li 태그를 보자. 현재는 "CSS", "HTML"이라는 특정 링크로 이동하게끔 되어 있다. 이를 현재 index.py 하위에 링크를 불러오..

개발 강의 2021.09.08

생활코딩 - 파이썬 웹 개발 복습 1(CGI로 홈페이지 구현)

생활코딩 파이썬 웹 개발 강의를 수강완료하고서 다시 처음부터 복습하는 중이다. 막힐 때마다 어디서 왜 막혔는지 기록해두면서 어떤 점에 취약한지를 확인하고자 글을 쓴다. (전체 복습 링크: https://opentutorials.org/course/3256/19817#:~:text=%EB%B6%80%EB%A1%9D%20-%20Sound%20of%20coding) (해당 이슈 관련 링크: https://opentutorials.org/course/3256/19817) 오늘의 Error log 시작부터 바로 삐걱인다.. 실행해보니 아래와 같이 두 개의 에러가 에러 로그에 기록된 것을 확인했다. Error log: [Mon Sep 06 09:20:01.295080 2021] [cgid:error] [pid 23..

개발 강의 2021.09.06