본문 바로가기

🖥 코드스쿼드4

웹사이트 최적화 오래되고 기능이 많은 서비스를 대상으로 해야 효과가 있다. Network 자원들이 많이 쓰이는지 서버에 갔다오는 시간이 얼마나 오래 걸렸는지 DOM content element의 로딩 시점을 알아냄 Performance -병목지점 ( 어느 부분에서 시간이 많이 소요되었는지)를 보며 성능을 측정했었다. LightHouse 로딩 속도에 대한 진단 성능 개선의 척도가 된다 FCP : FMP: 웹페이지의 성능을 결정하는 주요 요소 * 첫페이지가 느린 것 FCP, FMP * 반응이 느린 것 * 끊기는 것 (애니메이션) 최적화 작업 진행 방법 진단 -> 개선 -> 테스트 -> 진단 *참고) 프레임워크는 바닐라보다 더 많은 절차로 프로그래밍이 동작된다 . 😮 ?웹최적화에 대해서 아시는거 잇어요 Dom로딩을 빠르게 하.. 2021. 6. 1.

객체지향의 의미 - 객체지향의 사실과 오해 강의 객체지향의 사실과 오해 저자이신 조영호 님의 기술 세션에 참석하여 배운것들을 정리하려고 합니다. 객체지향을 어떻게 바라봐야 할까? 시스템은 객체는 책임을 수행하기 위한 방법을 선택하여 객체에 할당한다. 메세지 : 시스템을 처리하는 방법중 하나, 객체가 전달받는다 메서드 : 수신된 메세지를 받아서 객체가 처리하는 방법 객체지향을 짜기 위해선 어떤 사고방향으로 가져가야 할까? class의 이름을 먼저 결정하고 있는지, 책임(어떤일을 해야하고있는지)을 먼저 결정하고 있는지 책임 * 객체지향은 runtime에 어떤 작업을 수행할지 * 이 책임에 따른 정보를 누가 가장 많이 가지고 있는지에 따라서 결정 * 메서드를 먼저 결정 -> 필요한 상태를 가져와서 반영하도록 📌 코드레벨에서의 객체지향 객체 행동 + 상태 책.. 2021. 5. 26.

APi 프레임워크 라이브러리 의 차이 한 줄 설명___ API : 호출을 위한 수단 , 컴포넌트를 사용하는 규약 : 어떤 기능을 프로그래밍으로 사용하기 위한 수단 라이브러리 : 코드 구현을 하다 필요한 기능을 구현하기 위해 가져와 쓰는 것 프레임워크 : 누군가 정해둔 규칙을 따라가며 코딩을 구현하는 것 API (Application Programming Interface) 응용프로그래밍 인터페이스 - 응용프로그램에서 사용할 수 있도록 운영체재나 프로그래밍 언어가 제공하는 기능을 제어하는 인터페이스 - 어플리케이션 기능 수행을 위해 호출할 수 있는 함수의 집합 Ex) OpenGL Java API 라이브러리 - 특정 기능에 대한 도구, 함수의 집합 - 프로그래밍 기능 수행을 위한 도구의 집합 각 함수들은 독립적으로 작동하며 필요한 함수만 호출하.. 2021. 3. 15.

웹 이벤트 짜기 막막할때 유저 시나리오 작성 ex) 에어비엔비 날짜 클릭 1. 클릭-> 현재 달력 보여줌 : 클릭 -> 빈 레이어 보이게 : 달력 : 텍스트 나열 1234....31 2. 달력을 표로 표현 : 이번달 날짜 뽑아오기 : 5개 행 반복시키기 : 반복시키며 요일 맞추기 -> 함수 만들기 3. 스켈레톤 코드로 함수 작성 /* 미션 : ~~~~ 리턴 : ~~~~ */ function getDate() { } /* 미션 : ~~~~ 리턴 : ~~~~ */ function itrateDate() { } TextCase 기능이 잘 돌아가는지 test 해보는 [] 이번달 날짜들 뽑아오기 [] 4-6개 행을 반복시키기 [] 반복하며 요일 맞추기 [] 토요일 일요일 별도 처리 [] 오늘 날짜 하이라이트 구현할 기능들을 항목으로 정리.. 2021. 2. 18.

이전 1 다음

티스토리툴바