Web

Lighthouse란?구글에서 만든 웹사이트의 성능을 측정하고 개선 방향을 제시해주는 자동화 툴이다.웹사이트의 성능 점수를 측정하고 개선 가이드를 확인함으로써 어떤 부분을 중점적으로 최적화해야 하는지 알 수 있다.Lighthouse 사용법Chrome에서 설치를 클릭하면 설치를 진행하며, 설치가 완료된 경우 F12를 통해 Chrome 개발자 도구를 연다.상단 탭에서 Lighthouse를 클릭하여 성능 측정을 위한 Lighthouse 탭을 열 수 있다. 이미지와 같이 모드, 기기, 카테고리를 선택할 수 있는데 각 메뉴에 대한 설명은 아래와 같다.모드탐색: 여러 페이지 전환이나 사용자 행동을 시뮬레이션 하며 성능 및 기타 지표를 분석하는 모드기간: 일정 기간 동안 모니터링하면서 성능을 측정하는 모드스냅샷: 특..

⚙️ 2주 차 목표1주차 미션을 완료한 후 가장 먼저 한 일은 공통 피드백을 꼼꼼하게 읽어보는 것이다. 피드백을 읽어보며 나한테 부족한 부분을 개선하기로 결심하고 2학기 목표는 다음과 같이 설정하였다.MVC 패턴 적용하기테스트 코드 효율적으로 작성하기📢 MVC 패턴MVC 패턴을 적용하기 위해 먼저 MVC 패턴이 뭔지 학습을 진행하였다. Model, View, Controller를 줄여서 MVC라고 불렀는데, 각각의 역할을 알고나니 개발할 때 역할 분리하기에 좋은 패턴이라는 것을 느꼈다. 그래서 2주차 미션에 바로 적용해보고 싶었다. 그래서 자동차 경주 프로그램에서는 다음과 같이 MVC 패턴을 적용하였다.Car(Model): 자동차의 이름과 위치의 데이터를 관리하는 모델App(View): 경주에 참가할 ..

⚙️ 1주 차 목표1주 차 미션을 시작하기에 앞서 다음과 같은 목표를 세웠다.설계 능력 향상코드 리뷰 열심히 하기 🛠️ 설계설계를 모른 채로 학교 과제를 수행하거나 프로젝트를 할 때는 그냥 머릿속에 생각나는 대로 구현을 진행하였다. 하지만 아무런 계획 없이 무작정 구현하다가 코드를 갈아엎는 일이 매우 잦아서 프리코스를 시작한 계기로 설계 능력을 향상하고자 목표를 설정하게 되었다.문자열 덧셈 계산기를 구현하기 위해 아래와 같이 클래스들의 관계를 정의하였다. App프로그램이 시작되는 부분Validator사용자 입력의 유효성을 검증하는 객체Calculator문자열 덧셈 계산을 수행하는 객체1주 차 미션을 통해 유즈케이스를 간단하게 작성해 보았다. 유즈케이스는 요구 사항 분석에 사용되는 것이라고 들었지만 이것..