렌더링이란 HTML,CSS, 자바스크립트 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정을 말합니다. 브라우저 마다 다르지만, 브라우저는 렌더링을 수행하는 렌더링 엔진을 가지고 있습니다. 크롬은 블링크(Blink), 사파리는 웹킷(Webkit) 그리고 파이어폭스는 게코(Gecko)라는 렌더링 엔진을 사용합니다. 렌더링 과정 사용자가 브라우저를 통해 웹 사이트에 접속하면, 서버로 부터 HTML, CSS 등 웹 사이트에 필요한 리소스를 다운로드 받습니다. 브라우저가 페이지를 렌더링 하려면 먼저 HTML 코드는 DOM, CSS는 CSSOM 트리를 생성해야합니다 …

Svelte는 User Interface(사용자 인터페이스)를 구축한다는 측면에서 React나 Vue와 같은 자바스크립트 프레임워크와 비슷합니다. 하지만 매우 중요한 차이점이 있는데 Svelte는 구현된 애플리케이션을 런타임에 해석하는 것이 아니라 이미 빌드 시점에 자바스크립트로 변환을 합니다. (React나 …

어떠한 라이브러리나 프레임워크를 쓰지 않는 자바스크립트를 ‘바닐라 JS’라고 부릅니다. 예전에는 이렇게 별도로 ‘바닐라 JS’라고 부르는 용어가 없었습니다. 그런데 어느 순간 이렇게 바닐라 JS라는 용어가 생겨났습니다. 왜 이런 용어가 생겨났을까요? 현재 거의 모든 웹 애플리케이션은 jQuery, Angular …

프로그래밍 씽킹에서 가장 중요한 것은 관찰이다. 관찰을 통해 관찰 대상의 프로세스에 대한 이해로 이어지는 것이다. 여기서 프로세스란 특정 목적물, 그게 물리적인 제품 일수도 있고, 소프트웨어 프로그램의 특정 기능 혹은 서비스가 실행이 되면서 발생하는 모든 단계를 지칭하는것으로 하겠다. 아주 단순한 제품에 대해서도 어 …

The core of the programming thinking methodology is to find the best way to derive the result after defining the result. So, programming thinking methodology starts with firstly hearing from the customer what the customer wants the result. While many business methodologies, including design thinking, focus on determining what a…

Vue.js는 Progressive Javascript Framework입니다. 여기서 프로그레시브라는 것은 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발된 것을 뜻합니다. 예를 들어 웹의 경우는 별도의 설치 없이 브라우저만 있으면 접속이 가능하기 때문에 접근성이 매우 뛰어납니다. 그리고 네 …

프로그래밍 씽킹 방법론의 핵심은 이미 결과를 정의한 후 정해진 결과를 이끌어 낼 수 있는 최적의 방안을 찾는 것에 있다. 그래서 프로그래밍 씽킹 방법론은 가장 첫번째로 고객으로 부터 고객이 원하는 결과가 무엇인지를 듣는것에 부터 시작한다. 디자인 씽킹을 비롯한 많은 비즈니스 방법론이 문제가 무엇인지를 파악하고 그 …

회사에 신입개발자가 입사를 하게되면, 꼭 시간을 내서 신입개발자와 함께 짝 프로그래밍을 하는 시간을 가졌다. 아마 대다수의 신입개발자들은 나처럼 경력이 오래된 사람이 옆에서 지켜보고 있으면, 잘 할 수 있는 코딩도 많은 실수를 저지르게 된다. 내가 짝 프로그래밍을 하는 시간을 갖는 이유는 다음과 같다. 첫번째, 입사한 신 …

실제 제품이 완성이 되기전에, 제품을 사용하면서 발생할 수 있는 모든 경우의 수를 생각해 보는 과정은 제품의 완성도 뿐만 아니라 시장 경쟁력을 높이는데 매우 중요한 역량이 됩니다. 오늘날처럼 빠르게 변화하는 시장에서는 단순한 결점 하나가 제품이 소비자로 부터 외면 받기에 충분한 이유가 됩니다. 그럼 아직 개발도 …