실무공부

함수형 프로그래밍이란? 함수형 프로그래밍은 객체지향, 절차적 프로그래밍와 같은 프로그래밍 패러다임중 하나이다. 함수형 코드는 객체지향보다 간결하고, 테스트하기 쉬운 경향이 있지만 함수형 코드에 생소하다면 복잡해 보일 수 있다. 함수형 프로그래밍을 이해하기 위해선 몇

모바일 앱과 같은 경험을 주는 웹 앱앱 아이콘, 오프라인, 모바일 푸시, 보안(Https) 등의 기능을 제공네이티브 앱과 달리 HTML,JAVASCRIPT, CSS를 이용하여 구현반응형(Responsive) : 데스크탑, 모바일, 테블릿등 여러 기기에서 동일한 사용자

이 글은 함수형 프로그래밍과 명령형 프로그래밍의 차이점을 학습하기 위해 인프런 함수형프로그래밍 강의를 따라하며 개인적으로 정리한 내용이다. https://pul8219.github.io/javascript/js-fp-step49/ add_maker 예제

오늘은 요즘 핫한 CSS 프레임워크인 Tailwind CSS를 Nextjs 환경에서 적용해보며 배워볼 예정이다.Tailwind CSS 는 Utility-First Fundamentals로 이루어진 CSS 프레임워크이다. 아래 예제를 보며 tailwind css를 이

일단 RxJs가 무엇인지를 설명하기에 앞서 두 가지 용어를 먼저 이해할 필요가 있다.Reactive Programming (RP)Functional Reactive Programming (FRP)Reactive Extensions (Rx)Reactive programm

해당 내용은 인프런 "함수형 프로그래밍과 Javascript ES6+"라는 강의를 보며 개인적으로 정리하는 내용이다코드가 계산 (Evaluation) 되어 값을 만드는 것값으로 다를 수 있다변수에 담을 수 있다함수의 인자로 사용될 수 있다함수의 결과로 사용할 수 있다함

추상화 (Abstraction) 소프트개발에서의 추상화란 복잡한 자료, 모듈, 시스템등으로부터 핵심적인 개념 또는 기능을 간추려내는 것을 말한다.

앞서 만들어 뒀던 map, fiter, reduce를 모듈화 해놓고 사용해보자. 아래 코드는 정상적으로 잘 작동하지만 중첩되어 있어서 이해하기 어렵다. 해당 코드와 똑같은 기능을 하는 코드를 좀 더 사용 친화적인 코드로 변환해보자

이터러블 중심 프러그래밍 실무에 적용해보기 앞서 만들어 놓은 여러가지 이터러블 프로토콜 기반의 함수들을 실무적인 코드에 적용하는 방법을 알아보도록 하자 비동기: 동기성 프로그래밍 자바스크립트에서 비동기 동기성 프로그래밍을 하는 방법은 크게 두가지이다. callb

이미지 사이즈를 불러올 때 레티나 디스플레이 같은 해상도를 대응하기 위해 기본 이미지 사이즈의 2배가 사용자가 사용하기 편하다. 물리적 거리의 한계를 극복하기 위해 소비자(사용자)와 가까운 곳에 컨텐츠 서버를 두는 기술이미지 CDN 프로세스를 활용해서 받아올 이미지 사

유데미 클린코드 자바스크립트 강의를 학습하며 실제로 적용해볼 수 있는 사례나 이론을 기록한 내용이다. Early Return을 활용한 else if 피하기 else if 및 else로 nested 된 이해하기 어려운 코드를 ealry return을 통해 좀 더 간결

본 포스트는 프론트엔드 성능 최적화를 보며 개인적으로 정리한 내용이다. Intersection Obeserver을 활용한 Lazy 로딩 이미지 최적화 기법에는 다양한 방법이 존재한다. 그 중 하나인 Intersection Obeserver API를 사용한 Lazy 로딩에 대해서 알아보도록 하자. Intersection Obeserver API란? I...