일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Runtime Execution
- State Control
- ortholinear
- 오버로딩과 오버라이딩
- JavaScript
- super 메소드
- 글자 지우기
- 영수증 가계부
- version specifications
- Sync & Async
- 탭 관리 프로그램
- 날개셋 한글 입력기
- Paste Into File
- static 키워드
- 자소 단위 삭제 해제
- 쿼티
- 글자 단위 삭제
- 이벤트 위임
- 프리오닉
- 구현 패턴
- 브라우저 렌더링
- 복사한것을파일로
- 절차 지향과 객체 지향
- colemak
- olkb
- 창 그룹화
- 프론트엔드 개발환경
- 콜맥
- details marker 제거
- 개발자 도구 활용
- Today
- Total
목록Web App (7)
What got you here won't get you there
프로그래밍 언어가 함수를 다른 변수들처럼 취급할 수 있을 때, 이 언어를 일급 함수를 가진 언어라고 할 수 있다. 즉, 함수가 다른 변수처럼 사용될 때의 함수를 일급 함수라고 부른다. 변수에 함수 할당 const foo = () => { console.log("foobar"); } // 변수를 통해 호출 foo(); 익명 함수를 변수에 할당할 수 있고, 변수를 이용해 함수를 호출할 수 있다. 익명 함수가 아니어도 할당과 호출이 가능하다. 함수에 이름을 주는 것은 디버딩에 도움이 되지만 함수 호출에 영향을 주지는 않는다. 함수를 인자로 전달 function sayHello() { return "Hello, "; } function greeting(helloMessage, name) { console.log..
목차 WEB 클라이언트와 서버 HTTP 웹 브라우저 HTML CSS JS 브라우저의 Rendering Web 인터넷에 연결된 컴퓨터를 통해 하이퍼텍스트 형식으로 표현된 다양한 정보를 효과적으로 검색할 수 있는 전 세계적인 정보 공간(정보 검색 시스템) 하이퍼텍스트는 웹 브라우저라 불리는 프로그램을 통해 웹 서버에서 '문서'나 웹 페이지등의 정보 조각을 읽어 컴퓨터 모니터에 출력하는 형태로 보이게 된다. 각 페이지에 있는 하이퍼링크에 따라 다른 문서로 이동하거나 그 페이지를 서비스하고 있는 서버로 정보를 보낼 수도 있다. 하이퍼링크를 따라 이동하는 행위를 흔히 웹 서핑 또는 웹 브라우징이라 한다. 이런 웹 페이지들의 집합을 웹 사이트라 한다. 월드 와이드 웹은 다음의 세가지 기능으로 요약할 수 있다. UR..
TOAST UI의 성능 최적화를 보고 정리한 글입니다. 목차 성능 최적화에 필요한 이론과 측정 도구 브라우저의 로딩 과정 레이아웃과 리페인트 블록 리소스와 주요 렌더링 경로 성능 개선 지표 성능 측정 도구 웹 페이지 로딩 최적화 블록 리소스(CSS, 자바스크립트) 최적화 리소스 요청 수 줄이기 리소스 용량 줄이기 웹 페이지 렌더링 최적화 레이아웃 최적화 애니메이션 최적화 맺음말 성능 최적화에 필요한 이론과 측정 도구 브라우저의 로딩 과정을 다루고, 각 과정에서 사용되는 용어와 성능을 측정하는 데에 사용되는 지표를 설명한다. 성능 측정 도구로 크롬 개발자 도구를 살펴본다. 브라우저의 로딩 과정 브라우저는 웹 페이지에 필요한 리소스를 내려받고 해석한 다음 여러 계산 과정을 거쳐 콘텐츠를 화면에 보여준다. 이..
1 : 숫자 - 오름차순 2 : 문자열 - 먼저 나온 순 3 : Symbol - 먼저 나온 순 const obj = { [Symbol('first')]: 3, '011': '1', '022': 'a', 1: 2, '123d': 1, [Symbol('last')]: 3, }; console.log(Reflect.ownKeys(obj)); // [ '1', '011', '022', '123d', Symbol(first), Symbol(last) ] for (const i in obj) { console.log(i); } /* 1 011 022 123d */ 참고