안녕하세요. RyuWoong 입니다. 이번에 포스팅 할 내용은 Web Performance입니다. JS와 React를 공부하며 내부 로직을 최적화 하는 것 외에, 신경 써야할 것들이 더 있다는 걸 알게모르게 눈치 채고 있었습니다. 우리가 React를 다루면서 re-Rendering이라던지, CSS IN JS를 사용하면 어떤 장단점이 있는지 등에 대해 알아가다 보면, 근본적인 무언가가 연관이 있어서 성능에 영향을 미치고 있다는 느낌을 받게 됩니다. 새로운 방법론이나, 도구가 등장하는 것은 기존의 문제나 불편함을 해소하기 위해 등장한 것이니까요. 이번에는 근본적인 것을 찾아 여정을 떠나 볼까 합니다. 저 같은 Junior 개발자들이나 입문자들에게 도움이 되었으면 합니다. Web Perfomance? Web ..

안녕하세요 RyuWoong 입니다. 이번에 다뤄볼 이야기는 HTTP에 관한 이야기 입니다. 우연히 접한 이야기였는데, 흥미로워서 포스팅하게 됐습니다. HTTP 단순하게 프로토콜인줄 알았는데 버전도 있고 버전에서 어떤변화가 있는지 함께 알아볼까요? HTTP HTTP는 Hyper Text Transfer Protocol의 약자로 HTML문서와 같은 리소스를 가져올 수 있도록 해주는 프로토콜이자 웹에서 이루어지는 데이터 교환의 기초입니다. 아주 과거에 웹사이트는 순수하게 Text로 이루어진 방식이였다고 합니다. Hyper Text라는 것이 등장하고, 이때 우리가 아는 웹사이트의 시초가 되었습니다. 사이트 내에서 '클릭'을 해 다른 페이지로 이동하는 지금은 별거 아닌 기술 같지만, 이 시절엔 엄청난 혁신이였죠...

안녕하세요! RyuWoong 입니다.봄이 오기전 날씨가 변덕을 부리는지 폭풍우가 치는 일요일입니다.오늘은 제가 차곡을 만들면서 사용한 Chart 라이브러리의 Pie Chart는 선언된 타입과 다르게 동작하거나, 빠진 Property가 존재 했습니다. 계속 이 라이브러리를 사용해야하기 때문에 수정해야겠다고 생각했습니다.Fork 하고 Clone 하기.가장 먼저 해야할 일은, 아래 링크 프로젝트를 Fork 하는 것 입니다. GitHub - DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions.The repository for high quality TypeScript type definitions...

안녕하세요. Ryuwoong입니다. 이번엔 알고 넘어가야하는 Web의 기본적인 내용들에 대해 다뤄보고자 합니다. 첫번째로 표준과 접근성입니다. 바로 이야기 해볼까요? 웹표준 Front-End 공고를 보면, 'Web 표준과 접근성에 대한 이해' 라는 항목을 보신적 있으신가요? 인터넷엔 수많은 페이지들이 존재합니다. 현재도 계속해서 만들어지고 있고 또 그것을 보기 위한 다양한 브라우저가 있습니다. 하지만 각자 마음대로 만든다면 어떻게 될까요? 사용자는 인터넷을 사용하기 매우 불편하겠죠. 특히 고령자나 장애인은 사용할 수 없을지도 모릅니다. 또한 개발자도 어떻게 만들어야 좋은지, 옳은지에 대해 물음표가 따라 붙을겁니다. W3C는 이에 웹표준을 제공하고 있습니다. 웹표준은 웹사이트를 작성할 때 이용하는 HTML..

이번에 정리할 내용은 Closure와 Lexical Scope에 관한 내용입니다. 최근 면접을 보고 있는데 자바스크립트 코어에 관한 부분에서 부실한 점이 많아 차근차근 정리합니다. 🤔 Closure? Lexical Scope? Closure가 뭘까요? 한 걸음 Closer~ 내 맘~ 아니구요. 클로저는 독립적인 변수를 가르키는 함수입니다. 아래 코드가 있습니다. function outerFunc() { var x = 10; var innerFunc = function () { var y = 20; console.log(x); }; innerFunc(); } outerFunc(); outerFunc이 선언되어 있고 함수 내부에는 innerFunc이 선언되고 실행되고 있습니다. 여기서 선언했다는 표현에 포인..