비동기적으로 동작한다= 데이터가 들어오거나, 어떤 이벤트가 일어날 때 까지 계산을 멈추고 대기하는 일이 잦다.웹 브라우저의 자바스크립트 프로그램은 이벤트 주도적이다.프로그램이 실제로 무엇인가 실행하기 전에 사용자가 무언가 클릭하고 탭하여 이벤트를 발생시켜야한다.자바스크

본문은 자바스크립트 완벽가이드를 읽고 정리한 글입니다.

클린한 코드를 작성하기 위해 공부를 시작하면 항상 함수형 프로그래밍이란 단어를 듣게된다. 함수형 프로그래밍은 무엇이며, 어떤 이유 때문에 우리에게 익숙한 객체지향 프로그래밍이 아닌 함수형 프로그래밍이 떠오르고 있는지 알아보자.함수는 입력이 주어지면 어떤 처리 과정을

알고리즘 공부를 하다보면 백트래킹이라는 개념이 나온다. 문제의 효율성을 높이기 위해서 백트래킹 기법을 사용하여 탐색을 진행해야한다. 왜 백트래킹을 사용하면 효율성을 높일 수 있는지 백트래킹 예제를 보며 공부해보고자 한다.모든 조합의 수를 살펴보는 것인데, 단 조건이 만

접속한 사용자들이 실시간 소통을 통해서 “생선을 훔쳐 간” 고양이를 찾는 컨셉의 채팅 기반 웹 게임입니다. 사용자들은 실시간으로 대화하면서 생선을 훔쳐 간 마피아 고양이를 찾아야 합니다. 이를 위해서 사용자에게 재미있는 게임 요소를 주어 사용자들이 투표를 통해서 마피아

2021/10/19 ~ 2021/10/21스낵 게임이란?별도의 설치 없이 언제 어디서든 이용이 가능한 무료 미니게임이다.어렸을 때 하던 스낵 게임을 자바스크립트로 구현해보며 프로그램 구현 실력을 향상시킨다.변수들을 안전하게 변경하고 유지할 수 있도록 한다.가독성이 좋은

전통적인 브라우저 렌더링 방식의 완전한 HTML파일을 서버로부터 제공받는 방식의 한계를 해결하는 Socket.io는 웹 페이지에서 사용자와의 활발한 상호작용을 간편하게 제공한다. socket.io를 사용하면 실시간 채팅 기능과 서버와 클라이언트단의 활발한 통신이 필요

프론트 엔드 개발자라면 브라우저 렌더링 과정을 알아야한다. 그리고 브라우저 렌더링 과정에서 핵심은 reflow이다. DOM 요소를 다룰 때, reflow가 최대한 발생하지 않도록 조심해야 한다. 따라서 이 글을 작성하며 브라우저 렌더링과정과 리플로우에 대해서 알아보고자

프론트엔드 프로그램을 개발할 때, 자바스크립트를 이용하여 사용자의 입력을 브라우저가 닫혀도 기억하고 싶은 경우가 있다. 이 때 자바스크립트에서 window.localStorage를 사용하면 사용자의 입력을 key/value 쌍으로 저장할 수 있다. 따라서 todo li

프론트엔드 개발을 하다보면 로그인 폼에서 사용자의 입력이 아이디로 사용 가능한 입력인지 확인하거나, 회원가입시 사용자가 입력한 비밀번호가 숫자와 영문자와 특수문자를 포함한 번호인지 확인하는 과정이 필요하다. 이는 정규 표현식을 통해서 확인할 수 있으며, 자바스크립트

소수 찾기는 간단하게 구현하면 쉽지만, 시간 복잡도를 줄이기 위해서는 에라토스테네스의 체를 사용해야한다. 소수를 찾는 문제는 간단하지만 라이브코딩으로 출제될 수 있으므로 알아두면 좋다.참고 : 위키백과에라토스테네스의 체는 소수를 찾는데 사용된다.2부터 소수를 구하고자

많은 서로소 부분 집합들로 나눠진 원소들에 대한 정보를 저장하고 조작하는 자료 구조이다.어떤 원소가 주어졌을 때 이 원소가 속한 집합을 반환한다.어떤 원소가 속한 집합을 대표하는 원소를 반환하는데, 이를 위해 어떤 원소와 각 대표 원소들 간의 파인드 결과를 비교하여 같

너비 우선 탐색 (BFS)으로 그래프를 탐색해보자.하나의 정점으로 시작하여, 차례대로 모든 정점을 한 번씩 방문하는 것이다.특정 도시에서 다른 도시로 갈 수 있는지 없는지, 전자 회로에서 특정 단자와 단자가 서로 연결되어 있는지 알아볼 수 있다.BFS는 그래프에서 넓게

깊이 우선 탐색(DFS)으로 그래프를 탐색해보자.하나의 정점으로 시작하여, 차례대로 모든 정점을 한 번씩 방문하는 것이다.특정 도시에서 다른 도시로 갈 수 있는지 없는지, 전자 회로에서 특정 단자와 단자가 서로 연결되어 있는지 알아볼 수 있다.DFS는 탐색에서 깊은 것

다이스트라(Dijkstra) : 하나의 점에서 출발했을 때 다른 모든 정점으로의 최단 경로(최소비용)를 구하는 알고리즘. 플로이드 와샬 : 모든 정점에서 모든 정점으로의 최단 경로(최소비용)를 구하고 싶을 때 사용한다.거쳐가는 정점을 기준으로 최단 거리를 구하는 것문

CERN(유럽 입자 물리학 연구소)의 팀 버너스 리 박사는 멀리 떨어져있는 동료 연구자와 지식을 공용할 수 있는 시스템을 고안하였다. HyperText에 의해 상호간에 참조할 수 있는 WWW(World Wide Web) 의 기본 개념이 되었다.하이퍼텍스트(Hyperte

자바스크립트에서 메모리를 관리하는 가비지 컬렉터가 소스 코드가 실행하기 위한 환경을 제공하는 실행 컨텍스트와 관련하여 어떻게 동작하는지 알아보자.가비지 컬렉터는 애플리케이션이 할당한 메모리 공간을 주기적으로 검사하여 더 이상 사용되지 않는 메모리를 해제하는 기능이다.아

📌 개념 다지기 이분 탐색 탐색 기법중 하나로, 탐색하고 싶은 범위를 두 부분으로 분할해서 찾는 방법이다. 두 부분으로 계속 분할해서 조건에 맞는지 찾아가기 때문에, 시간 복잡도가 O(log n)으로 매우 빠른편이다. ✔️탐색하는 방법 배열이 정렬(sort

함수 선언문과 함수 리터럴은 형태가 동일하다. 그러면 자바스크립트는 어떻게 해석하는가?문맥에 따라 함수 선언문이여야 하는지, 함수 리터럴이여야 하는지를 판단한다.아래 예제를 보자.위에서 function add를 함수 선언문이라고 가정하면, 할당 연산자에 의해서 변수에

함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수를 콜백 함수 callback function이라고 한다.콜백 함수는 고차 함수에 의해 호출되며, 이때 고차함수는 필요에 따라 콜백 함수에 인수를 전달할 수 있다.자바스크립트는 비동기 프로그래밍을 위한, 즉 이벤트