TIL_221110 🚩client - server - db 구조와 동작 원리 특강

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

1. 두목님 웹개발 특강
<client - server - db 구조와 동작 원리>

• 컴퓨터 = 웹서버 / 내 컴퓨터 = localhost = 127.0.0.1
  

• id,pw를 url에 담아서 post 방식으로 server에 보낸다.
  -> server에서는 입력값을 확인
  -> 해당 회원 유무에 따른 응답 값을 브라우저에 보내준다.
  -> 로그인이 되었다면 로그인 된 페이지를 보여줘야 하니까 rendering도 같이 해서 보낸다.

  • render: 어떤 상태가 되도록 만드는 것

---

① flask로부터 render template 등을 가져왔기 때문에 내가 따로 render~ 를 설정하지 않아도 제 역할을 하는 것
② @app.route(경로) - 클라이언트로부터 요청이 들어오면 어디로 가게끔 하는 것. 고객이 요청을 보낸 경로를 ('/여기') 여기에 넣음.
③ def home() 홈을 아래 내용으로 정의한다.
-> render template을 통해 브라우저에게 템플릿(index.html)을 찾아서 반환해준다.
-> 서버와 통신하는 두 가지 방식인 url, method(경로, 방법)이 맞아야 def 밑으로 들어간다!

④ 마지막 줄에 port=5000번을 부여한 결과
->localhost:5000
-> 5000 = 서버로 들어갈 수 있는 port(항구)의 고유 번호
-> 서버로 들어오는 모든 요청을 일단 막고 들어온 요청만 여는 것이 더 효율적!
⑤ app.py를 실행
-> 서버가 돌고 있다(Running) = request를 기다리고 있다.
-> 마지막 172.30~ 부분은 내 IP주소

• logging을 통해 코드가 잘 작동하는지 터미널에서 파악한다.

  • ex. python = print / Javascript = consol.log

• home route가 아닌 (다른 url을 가진)route에 print로 쓴 내용이 터미널에 찍혀 있었음.
  -> main.js를 보니 문서가 준비되면 바로 show template을 호출하는 함수가 있었기 때문!
  원래는 home route의 print 내용만 출력되어야 함

---

• Get / Post
  • 표시 없으면 = Get(기본값)
  • Get: 파라미터 노출
    -> ex. id, pw(파라미터. 클라이언트에서 서버로 전송되는 것들)이 노출되기 때문에 get은 간단한 rendering 정도를 할 때 쓴다
    -> request.form[]을 통해 전달이 된다
  • Post: 파라미터 노출X
    -> 대부분 DB통신이 이렇게 이뤄진다.
    ⭐기억할 것: 파라미터(매개변수)를 주고 받는다

---

• 동기 / 비동기 처리 방식
  • 동기 처리 방식:
    1, 2, 3가지의 요청을 순차적으로 처리
    = 앞 요청이 오래 걸리면 멈춘다
  • 비동기 처리 방식:
    1, 2, 3가지 요청을 한 번에 처리하는 것
    = 앞의 요청이 끝날 때까지 기다리지 않는다
    = 응답 값을 바로바로 준다
    = 쾌적한 UX(사용자 경험)을 만드는데 도움이 된다
    • skeleton ui: 데이터를 가져오는 동안 하얀 화면만 나타나지 않도록 콘텐츠를 표시
• 터미널 명령어 정리
  • clear
  • pwd 현재의 경로를 확인
  • ls 목록 보기
  • cd 경로이름 해당 경로로 가기
  • cd.. 상위 경로로 가기
  • python3 app.py 실행

---

2. Algorithm_Python_2주차

• 어레이와 링크드 리스트
  • Array - 데이터 조회
  • LinkedList - 데이터 삽입, 삭제
  • Python의 list = LinkedList와 Array 모두 쓸 수 있게 만든 효율적인 자료구조
  • sum()은 파이썬의 내장함수
    -> linked_list_sum 변수 이름은 이런 식으로 정하기

3. Algorithm 특강

• 어느 자료구조를 쓰든 고려해야 하는 것:
  <삽입 시간, 삭제 시간, 검색 시간, 정렬 여부>
• Double LinkedList: 양방향 소통

4. 프로그래머스

• Day2 <사칙연산, 조건문, 배열>
  • 몫 구하기에서 소수점 떼는 것에 Math.floor()를 배워서 사용함
    -> Math.trunc 정수 부분 반환
    -> parseInt 문자열을 받는 함수. 문자열이 아닐 때는 숫자로 변환하지만 그래도 본래 함수 의미에 맞게 문자열에 쓰기
• Git repo에 내가 푼 문제 올리고 싶은데 왜 안 올라가니ㅜㅜ

---

🚩

내 생각

• 커리큘럼대로 따라가고는 있는데 정말 '잘' 따라가고 있는 것인가?
  • 오늘 오전에 들은 WEB 특강은 너무너무너무 좋았다. 내가 미니프로젝트에서 MongoDB를 연결했지만 잘 모르는 채로 그냥 수업 코드만 따라 붙인 것 같아 답답했는데 오늘 그 코드가 이해되면서 빈 부분이 채워진 것 같았다. 그래서 내용을 정리하는데 시간을 꽤 썼는데도 내 지식이 +1되는 것 같아 좋았다.
  • 특강 듣고 정리, 원격 강의 듣고 정리, 이번 주부터 할 주말 스터디(git, js), 개인적으로 html과 css 유튭 강의 참고해서 공부하기, 프로그래머스 깔짝..
    할 건 많고 더 많아지는데 나는 충분히 내 지식으로 만들면서 해내고 있는가..? 이런 저런 생각들이 정리가 안 된채로 둥둥 떠다니는 기분..!
    일단 내가 하고 있는 것들은 계속 이렇게 정리해가며 공부하고 다음 주에 학습방향, 태도 다시 점검해보기!