전체 글 썸네일형 리스트형 고차 함수(Higher-Order Function)를 알아보자! 고차함수 Higher-Order Function(HOF) 고차함수(HOF)란 함수형 프로그래밍에서 주로 사용되는 아주 중요한 개념으로, 다른 함수를 인자로 받거나, 함수를 결과로 반환하는 함수를 정의한다. 고차함수의 역할 콜백 함수 사용: 고차 함수는 콜백 함수를 인자로 받아 특정 작업을 수행하게 된다. 이는 비동기 작업이나 이벤트 처리, 배열 메서드 등에 활용되며, 자주 사용하는 예시로써 자바스크립트의 배열 메서드인 map(), filter(), reduce()가 있으며 이 메서드 모두 고차 함수이다. const numbers = [1, 2, 3, 4, 5]; const doubled = numbers.map((number) => { // map()에 들어가는 인자가 변수가 아닌 함수로 구성되어있다. .. 더보기 강남 파파이스 후기 오늘 회사에서 반차로 오전 근무만 하고 퇴근을 하게 됐는데 퇴근을 하는 김에 그동안 가보고 싶었던 강남 파파이스를 방문했다! 위치는 신분당역에서 5번출구 방향으로 쭉 가다 보면 나오는 사거리 바로 직전에 위치해 있다. 반차라 퇴근하고 나와보니 시간이 1시쯤 지나고 있을 때라 그런지 점심을 먹으러 가는 사람보단 다 먹고 난 후 카페에서 커피를 마시려는 사람이 많아 보였다 처음 지도상에서는 뒤쪽 길이 더 쉽게 들어갈 수 있어서 뒷길로 찾아갔는데 오히려 찾는데 시간이 걸렸고, 파파이스 특유의 간판 색상이 생각보다 눈에 잘 띄어서 큰길이 오히려 금방 찾을 수 있을 것 같았다. 정문으로 들어오면 바로 보이는 키오스크 메뉴판이다. 바로 앞에 외국인들이 주문을 하고 있었는데 느낌상으로는 한국인보다 외국인이 훨씬 많이.. 더보기 JavaScript ES6 (ECMAScript 2015 ) ES6 (ECMAScript 2015 ) ECMAScript 6 (ES6), 또는 ECMAScript 2015,는 JavaScript에 많은 새로운 기능과 개선사항을 도입한 아주 중요한 버전이라고 할 수 있다. 이 새로운 기능들은 JavaScript를 더 강력하고 유연한 언어로 만들어 주었으며, 개발자들이 더 효과적으로 코드를 작성하고 이해하도록 도와주게 되었다. ES6(ECMAScript 2015 )가 등장하기 전의 JavaScript는 간단한 스크립팅 언어로 시작되었다. 웹 페이지에 간단한 상호작용을 추가하거나 브라우저 동작을 제어하는 데에 주로 사용되었으며, 당시에는 모듈화, 클래스, 화살표 함수 등과 같은 고급 언어 기능이 없었기 때문에, JavaScript로 복잡한 애플리케이션을 만드는 것은 어.. 더보기 폴리필 (polyfill)이 뭘까 폴리필 - Polyfill 폴리필(polyfill)이란? 폴리필은 웹 개발에서 사용하는 용어로, 브라우저가 원래 지원하지 않는 기능을 스크립트를 통해 구현하여 해당 기능을 사용할 수 있도록 만드는 기술을 말한다. 웹 표준이나 ECMAScript(자바스크립트 표준) 같은 표준은 시간이 지남에 따라 새로운 기능이 추가되고 기존의 기능이 개선된다. 하지만 모든 브라우저가 새로운 표준을 바로바로 지원하지 않으며 추후 지원이 가능한 시점을 예상하기도 어렵다. 또한 이런 브라우저의 지원 여부와 상관없이 사용자가 오래된 브라우저를 사용하고 있다면 새롭게 지원하는 기능을 적용하여 사용할 수 없게 된다. 이런 경우, 웹 개발자는 폴리필을 사용하여 해당 기능을 이전 버전의 브라우저에서도 사용할 수 있게 할 수 있다. 가장.. 더보기 CSS - border 속성과 outline 속성 border 속성과 outline 속성 border border속성은 HTML요소 주위에 테두리를 생성하는 데 사용된다. border는 하나의 속성이 아닌 여러 하위 속성을 결합한 단축 속성이다. 구성 속성 border는 아래 속성을 포함하고 있다. border-width : 테두리의 두께를 지정한다. 값을 px (픽셀), em, rem 등으로 지정할 수 있으며, 미리 정의된 키워드인 thin, medium, thick을 사용할 수도 있다. 기본값 : medium border-style : 테두리의 스타일을 지정한다. 가능한 값은 none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset 등이 있다. 기본값 : none border.. 더보기 CSS 미디어 쿼리 - forced-colors forced-colors CSS 미디어 특성 중 하나로 고대비 모드의 사용 유무에 따라 스타일을 지정할 수 있도록 하는 기능을 가지고 있다. 저시력이거나 특정 색상을 구분하기 어려운 사용자에게 중요한 기능으로 동작할 수 있으며 이런 접근성의 향상은 사용자들에게 더 좋은 웹 경험을 제공하고 서비스를 제공할 수 있게 된다. forced-colors는 사용자가 강제로 시스템 색상을 선택했는지 여부를 감지하도록 디자인 되어있으며, 일부 사용자들은 특정 색상, 특히 고대비 색상 스킴을 사용하여 컨텐츠를 더 잘 볼 수 있게 된다. 고대비 모드란? 사용자의 컴퓨터 시스템에서 제공하는 기능 중 하나로 사용자의 시각적 경험을 향상시키기 위해 화면에 표시되는 색상 대비를 높이는 설정이다. 이 모드는 저시력 사용자나 색상을.. 더보기 JavaScript - 논리연산자 논리 연산자 논리 연산자는 프로그래밍 언어 초창기부터 존재했다. 컴퓨터가 처리하는 데이터는 이진 형태(0과 1)이기 때문에 이런 이진 논리를 표현하기 위한 도구가 필요했고 이를 위해 논리 연산자가 도입되었다. JavaScript도 이런 이유와 같으며 최초의 버전의 JavaScript 부터 지원하고 있다. 논리 연산자의 특징 복잡한 조건식 표현: 논리 연산자는 여러 조건을 결합하거나 반전시키는 등의 복잡한 조건식을 표현할 수 있게 해준다. 예를 들어, if (age >= 18 && country === 'Korea')와 같이 표현할 수 있으며 if문에서 age가 18 이상이고 country가 'Korea'일 경우를 찾는 문장을 표현할 수 있게된다. 단축 평가(short-circuit evaluation):.. 더보기 javascript - spread, rest 문법 알아보기 JavaScript에서 spread, rest 문법은 ES6(ES2015)에서 처음 소개 된 문법이고 코드의 간결성과 가독성을 향상시키기 위해 탄생한 문법이다. 기존 JavaScript에서는 배열이나 객체를 복사하거나 병합하려면 for문이나 concat, slice등의 메서드를 사용해야 했다. 이런 방식은 번거롭고 에러를 발생시키기는 경우가 많았으며, 함수에 배열의 요소를 개별 인자로 전달하려면 apply 메서드를 사용해야 했는데 이런 메서드를 사용한 복사, 병합 등의 작업은 프로젝트의 규모가 커져감에 따라 코드의 복잡도가 증가하게 되고 가독성도 저하되는 경우를 발생시켰다. 이러한 복잡하고 가독성이 저하되는 부분을 해소하기 위해 spread, rest문법이 추가되어 배열이나 객체를 쉽게 복사하거나 병합할.. 더보기 이전 1 ··· 3 4 5 6 7 8 9 다음 목록 더보기
