2일차 개발일지 - Ajax 와 Jquery,

# 개발 업무내용

오늘은 웹 개발 종합반 중반부를 복습하며, 아래 내용을 학습했다.  

(1) Ajax 콜

(2) 크롤링해서 몽고 DB에 저장하고 불러오기 

(3) Flask 로 API 만들기. 

 

# 오늘의 배움 

(1) 파이썬 

 

파이썬의 변수, 자료형, 함수, 조건문, 반복문만 있으면, 거의 모든 로직을 구현할 수 있다.

여기서 프로그래밍에서의 함수란 정해진 동작을 수행하는 것을 말한다. 
파이썬은 타 언어와 달리 중괄호가 없는데, 이는 indentation (띄어쓰기)가 로직을 내포하기 때문이다. 

def sum(num1, num2): 
print('안녕') 
    return num1 + num2

파이썬 가상환경이란?

 

파이썬은 이미 개발 된 라이브러리와 패키지가 풍부하다.  

여기서 가상환경이란? 내가 원하는 환경을 구축하기 위해서 필요한 모듈만 담아놓는 공구함 같은 것이다. 

예를 들어, 나는 B 패키지를 쓰는데 회사에서 B'를 회사에서 쓰자고 하면, 두 개가 충돌된다. 그래서 가상환경을 별도로 구축함으로써 프로젝트의 환경을 독립적으로 분리시킨다. 
#virtual environment 라고도 불리고, 프로젝트가 생성될 때 venv 라는 폴더도 함께 생성된다.  앞으로 설치할 라이브러리들이 담길 것이다. 그렇기 때문에 venv에 파일을 만들면 절대 안된다. 

참고: https://medium.com/@psychet_learn/python-%EA%B0%80%EC%83%81%ED%99%98%EA%B2%BD-a87fc6e4d12b

 

(2) 들여야 할 습관

함수를 구현할 때는 늘 console.log로 제대로 작동하는지 띄워본다.

(2) ajax와 Jquery의 차이 

Ajax와 Jquery 의 공통점은.

-Ajax는 서버에 데이터를 요청하고 받아볼 때 쓰인다. 'Get' (데이터를 받아옴)과 Post (데이터를 게시) 요청이 대표적이다. 

-Jquery 는 Javascript 문법으로 HTML 을 쉽게 제어할 수 있게 해주는 라이브러리다. 

1) 코드를 짧고 단순하게 쓰기 위해 2) 브라우저의 호환성을 위해서 등장했다. 

 

 

 

*만약 console 창에서 ajax 문법을 썼는데, $.ajax is not a function 이라는 에러가 나온다면, 

이는 코드에 Jquery 가 import 되지 않았다는 뜻이다. 

아래 코드를 입력해줘야 Jquery 실행이 된다. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

 

JQuery에서는 id 값을 통해($'#id') 특정 button, input-box 등을 가리킨다. 

 

(3) DB

NoSQL은 딕셔너리 형태로 데이터 저장하는 DB이다. SQL DB는 이미 Key 값이 정해져있고, 그렇기 때문에 구조화된 데이터를 활용하기 쉽다. 반면, 데이터 형식의 자유도가 낮기 때문에 유연성은 떨어진다. NoSQL 은 딕셔너리 형태이기 때문에, 자유롭게 Key 와 value 를 사용할 수 있다. 

 

여기서 DB는 컴퓨터 같은 하드웨어라고 이해하기보다, PPT, 포토샵 같은 프로그램이라고 받아들이자. DB 역시 프로그램이자 역할이다.

# 오늘의 에러 

Pycharm 에서 Scanning files to index 가 계속 돌아가서, run app 을 할 수가 없었다.

구글링을 해보니 pycharm 이 모든 폴더를 index 하느라 느린 것이니, 안쓰는 폴더를 setting 에서 marked as excluded 로 표시하라는 답변을 찾았다. 아래 답변으로 로딩 문제를 해결할 수 있었다. 

코딩을 하다보면, 설계대로 구현하는 것의 어려움 못지않게, 이런 설치와 구동의 에러를 자주 맞닥뜨린다. 

고무적인 점은, 이것도 몇 달 하다보니, 익숙해지고 스택오버플로우를 해석하는 것도 점점 쉬워진다는 것이다.

https://stackoverflow.com/questions/34976058/pycharm-scanning-files-to-index-is-taking-forever

Pycharm: "scanning files to index" is taking forever

# To-do List

브라우저의 동작 원리 정리해보기 (렌더링, 파싱의 정의 등) - 19일까지.