Front End

Client - Server Model

https://ko.wikipedia.org/wiki/%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8_%EC%84%9C%EB%B2%84_%EB%AA%A8%EB%8D%B8

https://darvishdarab.github.io/cs421_f20/docs/readings/restful/api/

• 클라이언트-서버모델에서 클라이언트와 서버는 일대일 가상연결 개념
• 클라이언트의 request(요청)과 서버의 response(응답)의 사이클로 통신이 이루어짐

Front End VS Back End

• Front End

  • 사용자와 직접 대면하는 화면관련 개발
  • 서버에 저장된 F.E 소스코드는 처리되지 않고 클라이언트로 전송
  • 클라이언트에서 실행되고 있는 브라우저가 FE 소스코드를 처리(렌더링)
  • 클라이언트에서 실행되는 브라우저 종류
    • 크롬, 엣지, 파이어폭스

• Back End

  • 서버에서 처리하는 데이터, 보안, 데이터베이스 개발
  • 서버에 저장된 B.E 소스코드는 서버에서 처리(컴파일)
  • 처리된 데이터 결과가 클라이언트로 전송
  • 서버에서 실행되는 소프트웨어
    • apache, IIS

Github

Git / Github 명령(기능)

• 버전관리

• 협업

• 저장소 repository : local repository, remote repository

• 버전관리 commit : 작업 완료된 상태 표시 push : 소스코드 파일 업로드/서버 업데이트 pull : 소스코드 파일 로컬 업데이트

• 협업 branch : 각각 독립되어 작업할 수 있도록 가지를 분리하는 것 merge : 따로 작업된 소스를 병합하는 것 pull request : 여러 작업자가 작업을 한 이후에 업데이트/병합을 관리자에게 요청

https://github.com/edu-ministori/gitac01

AJAX & SPA

• AJAX(Asynchronous JavaScript And XML)

• SPA(Single Page Application)

• 물리적으로 페이지를 구분하지 않고 하나의 페이지에 데이터를 추가/교환하는 방식으로 페이지의 콘텐츠를 표기하는 방식