전체 글

목표를 이루기 위해서는 계획을 세우고, 단계를 나눠 하나씩 밟아 나가야한다.1. 목표 설정SMART 원칙에 근거하여,- 구체화 : 목표를 명확하게 정의한다.- 측정가능 : 목표 달성 여부가 확인 가능해야한다.- 현실적 : 현실적이고 달성 가능한 목표여야 한다.- 연관성 : 내 삶이나 가치와 맞아야한다.- 마감기한 : 기한을 설정해야 한다. 2. 목표 세분화- 장기 목표 : 전체 목표를 큰 그림으로 정한다.- 단기 목표 : 장기 목표를 달성하기 위한 구체적인 단계로 나눈다.- 세부 목표 : 각 단기 목표를 달성하기 위한 구체적인 행동을 정의한다.3. 실행 계획 수립- 행동 목록 작성 : 목표를 달성하기 위해 필요한 모든 작업을 나열한다.  - 우선순위 설정 : 중요한 작업을 먼저 수행할 수 있도록 우선순위..

그저 남들이 하는 걸 따라했다. 스스로 생각하고 행동하지 않았다. 게으르다. 의지가 약하다. 꾸준함이 없다. 하고 싶을 때 하고, 하기 싫을 때 하지 않는다. 절박하지 않다. 내 이야기다.내가 경험적으로나 지식적으로 크게 성장했을 때는, 스스로 생각하고, 그대로 행동으로 옮겼을 때 일어났다.누군가 시켜서 하는 일은 내 일이 아니게 된다. 책임을 회피하려 한다.그러나 내가 원해서 행하는 일은, 그만큼 행동으로 나타나게 된다.스스로 생각하고 행동하는 힘을 가져야한다. 수동적인 삶은 후회할 일만 가득하다.

누군가 이 글을 보고 있다고 생각하고 글을 작성하는 게, 설득하는 글쓰기 연습에 도움이 된다고 한다.'과거'라는 카테고리로 분류해놓은 글은 몇 년 전 작성했던 글이다.컴퓨터와 관련된 글이 주를 이뤘다. 그 땐 내 세상의 한계가 거기까지였다.누군가 보라고 쓸 수 있는 게 그것 뿐이었다. 정확히는 그것 뿐이라고 생각했다.몇 년이 지난 지금은, 조금은 더 다양한 경험을 했다.내 경험이 녹아져있는 글이 누군가를 설득할 수 있기를 바란다.

유튜브로 동기부여가 되는 영상을 시청했다.'내성적인 건물주' 채널의 독서와 글쓰기에 관련된 것이었다.주변사람들은 내가 바쁘다고 한다. 글을 쓸 시간이 어딨냐고 할 수도 있겠다.가슴에 손을 얹고 스스로 생각해봤다. 정말 시간이 없을까 ?시간이 없어서 못하는 게 아니다. 의지가 없어서 안하는 거다.핑계대지 말 것. 스스로를 속이지 말 것.

프로그래밍 언어가 함수를 다른 변수들처럼 취급할 수 있을 때, 이 언어를 일급 함수를 가진 언어라고 할 수 있다. 즉, 함수가 다른 변수처럼 사용될 때의 함수를 일급 함수라고 부른다. 변수에 함수 할당 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 */ 참고

typeof null; // object null instanceof Object; // false null은 어떤 값이 '비어있음(absense)'을 나타낸다. primitive value 이며 falsy 한 값으로 취급된다. https://262.ecma-international.org/5.1/#sec-11.4.3 ECMAScript Language Specification - ECMA-262 Edition 5.1 This section contains a non-normative overview of the ECMAScript language. ECMAScript is an object-oriented programming language for performing computations and m..

크롬 89 버전 이후로 details-summary spec에 변경이 있어 -webkit-details-marker pseudo class로 marker를 없앨 수 없다. 대신 list-style-type: none; 또는 display: block; 을 적용한다. 'display: list-item' by default for test1 test