공부/CS 2

MVC Pattern

ⅰ) Model !!→ 데이터(data)가공을 책입지는 컴포넌트(component) - 모델은 어플리케이션의 정보, 데이터를 나타냄 - 데이터베이스, 초기화 된 상수나 값, 변수 등을 뜻함 - 비지니스 로직을 처리한 후 모델의 변경 사항을 컨트롤러와 뷰에 전달함 - Model의 규칙 - 사용자가 편집하길 원하는 모든 데이터를 가지고 있어야 함 - 뷰나 컨트롤러에 대해서 어떤 정보도 알지 말아야 함 - 변경이 일어나면, 변경 통지에 대한 처리 방법을 구현해야만함 ⅱ) View !! → 사용자에게 보여지는 부분, 즉 유저 인터페이스(User interface)를 의미함 - MVC 패턴은 여러 개의 뷰가 존재할 수 있으며, 모델에게 질의하여 데이터를 전달받음 - 뷰는 받은 데이터를 화면에 표시해주는 역할을 가..

공부/CS 2024.03.04

개발자 도구 Network tab

📌 Network tab의 기능 개발자도구의 네트워크 탭은 서버와 데이터를 주고 받을 때 편리하게 디버깅을 할 수 있도록 도와주는 도구. 각 소스들을 불러올 때 속도, 응답 등 네트워크 측면에서 확인 가능하며, 문제시 비교, 분석을 할 수 있게 해줌 http 네트워크 통신 확인, API 크롤링, 페이지 로딩 성능 테스트, 이미지, 영상 등의 소스(mock data 활용)등에서 사용할 수 있음 ❗Network 패널의 여러 가지 탭의 종류와 기능 살펴보기 📚 탭 최상단 왼쪽 상단에 빨간 불이 들어와 있으면 통신을 기록하고 있다는 뜻 빨간 불 옆에 삭제 버튼을 눌러 받아온 리소스 기록을 삭제할 수 있음 필터를 통해 모든 리소스를 확인하거나, Fetch/XHR, JS, CSS 등 여러가지 데이터를 형태별로 걸러..

공부/CS 2024.02.02