WooDaeHyun Blog

WooDaeHyun Dev-Blog

etc,  til

레이아웃 box 배치 연습하기

사진에 맞게 박스들을 배치하는 연습을 했다. 개발을 하면서 가장 기초가 되는 부분이면서도 제대로 배치하지 못하면 수정하기 가장 힘든 부분이다. 따라서 여러 가지 방법을 생각해 보면서 box 배치를 연습해보았다.

animation과 같은 화려한 UI를 가져가는 것이 좋을지 아니면 최대한 가독성을 좋게 만들지를 고민했으나 기존의 유명한 IT회사들의 사이트를 참고하여 가독성을 높이고 그 내부에서 다양한 형태의 UI를 구성하는 것을 목표로 했다.

개인적으로 UI에서 멋있는 기능 중 하나라고 생각한 drag and drop을 직접 구현해보았다. React Beautiful DnD와 같은 라이브러리를 사용하는 간단한 방법도 있지만 직접 구현해보는 과정에서 겪었던 경험들을 정리해 보려고 한다.

자바스크립트를 기반으로 한 비동기 통신 방식인 Ajax 통신을 하면서 후속 처리를 하기 위해서 필수적으로 알아야 하는 개념이 바로 Promise 인데, 오늘은 Promise가 어떻게 동작하는지 그 원리를 정확하게 파악해보려 한다.

개발을 하면서 우리는 수도 없이 많은 API를 사용하게 된다. 그리고 HTTP 통신을 할 때도 API를 사용한다. 그리고 한 번씩 REST API라는 개념을 듣게 된다. 한 번 알아두면 좋을 내용이라 생각해 간단하게 정리해보려 한다.

프론트엔드 개발자가 시장에서 주목받게 된 가장 큰 이유 중 하나가 바로 Ajax의 등장이 아닐까 생각한다. 오늘은 Ajax가 무엇인지 정의하고 어떤 특징을 갖고 있는지 또 어떻게 동작하는지에 대해서 정리해 보고자 한다.

오늘은 까다롭다면 가장 까다로울 수 있는 부분 중 하나인 비동기 프로그래밍에 대해서 정리해 보려고 한다. 비동기 프로그래밍이 왜 나오게 되었는지 또 어떻게 동작하는지 그 동작 원리를 정확하게 이해하는게 목적이다.

오늘은 호출 스케쥴링을 위한 타이머 함수에 대해서 깊이 있게 좀 알아보려고 한다. 타이머 함수가 어떤 원리에 의해서 동작하는지 그리고 타이머 함수를 활용한 디바운스와 스로틀에 대해서 자세히 알아보려고 한다.

이벤트는 프론트엔드 개발자라면 분리할 수 없는 개념이라고 생각한다. 이벤트를 통해서 사용자와 상호작용을 할 수 있기 때문이다. 따라서 오늘은 이벤트의 주요 동작 원리에 대해 다뤄보려 한다.