Redux란 Redux는 JavaScript 애플리케이션에서 상태(state)를 관리하기 위한 도구입니다. Redux는 "단방향 데이터 흐름"을 기반으로 합니다. 애플리케이션의 상태는 하나의 "스토어"에 저장되고, 상태를 변경하는 모든 작업은 "액션"을 통해 이루어집니

React의 useRef Hook은 함수형 컴포넌트에서 DOM 요소에 접근하거나, 이전 상태를 저장하거나, 부수 효과를 실행하는 등의 작업을 수행하는 데 사용됩니다.useRef와 useState 모두 React Hooks로, 함수형 컴포넌트에서 상태를 관리하거나 DOM

react 의 component 에는 생명 주기 (Life Cycle)이라는 것이 있습니다.말그대로 컴포넌트가 표시되고 사라지는 순간까지를 하나의 생명 주기라고 표현합니다.우리가 사용할 시점은 크게 3가지로 나뉩니다.mount (컴포넌트가 표시될 때) → update

이번 과정 중 진행하는 과제 중에 특정 행동을 했을 때의 시간이 저장되어 api에서 불러와서 활용하는 방식이 꽤나 필요했다.제공된 api의 시간대가 한국시간이 아니라 내가 수행한 시간과 날짜가 달라서 이를 변환하기 위한 작업이 필요했다. 처음에는 단순히 시차만큼 시간을

하나의 함수에서 자신을 다시 호출하여 작업을 수행하는 방식으로 주어진 문제를 푸는 방법이다프로그래밍을 수월하게 할수 있다변수 사용을 줄여준다.반복문보다 메모리 사용량 많고 수행시간이 길어질수 있음무한반복이 일어나게되면 에러가 발생함.꼬리 재귀는 '재귀 호출이 끝나면 아

해시 테이블은 (Key, Value)로 데이터를 저장하는 자료구조 중 하나로 빠르게 데이터를 검색할 수 있는 자료구조이다. 해시 테이블이 빠른 검색속도를 제공하는 이유는 내부적으로 배열(버킷)을 사용하여 데이터를 저장하기 때문이다. 해시 테이블은 각각의 Key값에 해시

연속된 세 개의 정수를 더해 12가 되는 경우는 3, 4, 5입니다. 두 정수 num과 total이 주어집니다. 연속된 수 num개를 더한 값이 total이 될 때, 정수 배열을 오름차순으로 담아 return하도록 solution함수를 완성해보세요.연속된 수이기 때문에

\*\*\*등차수열 혹은 등비수열 common이 매개변수로 주어질 때, 마지막 원소 다음으로 올 숫자를 return 하도록 solution 함수를 완성해보세요.

전 글에서 설명한 영화 검색 사이트 구현에 로딩화면을 구현해보는 태스크가 있었다.오늘은 이를 구현한 과정에 대해 써보겠다.먼저 자바스크립트 코드CSSCSS에서 모양을 만들어주고 이를 회전시켜서 우리가 익숙한 동그라미가 회전하면서로딩이 진행되고 있는 듯한 모습을 구현해놓

새로운 과제가 나왔다. 영화를 검색하여 그 결과를 출력해주는 것이 과제의 대략적인 목표다.아직 과제를 진행중이지만 과제의 개요와 검색하는 기능의 구현 방법에 대해 올려보겠다.\-영화 제목으로 검색 가능하고 검색된 결과의 영화 목록이 출력돼야 합니다.\-jQuery, R

프론트엔드 과정에서 그룹스터디를 진행하는데 나는 코딩테스트 연습 그룹에 들어갔다.앞으로 주기적으로 코딩테스트 문제를 풀고 이를 블로그에 올려서 설명 후 조원들끼리 이를 보고토의하는 식으로 스터디가 진행될 예정이다.이번에 푼 문제는 OX퀴즈이다.덧셈, 뺄셈 수식들이 'X

과제로 사이트 레이아웃 클론코딩을 하게 되었다.아직 과제를 진행중인 단계이기 때문에 자세한 후기는 다음에 작성하도록 하겠다.과제의 목표는 자신의 수준에 맞는 사이트를 선택하여 HTML과 CSS 파일을 작성하여 최대한 비슷하게 만드는 것이다.시맨틱 태그를 활용하고 CSS

지난주 수업 중에 Github로 협업하는 간단한 팀 프로젝트를 진행하였다.팀장을 정하고 팀원들과 역할을 분배하여 Github를 제대로 활용할 수 있는지가 과제였다.프로젝트의 주제는 인디언포커, 피보나치킨 등의 게임을 만드는 것이었지만 개발 역량이 부족한 관계로 자기소개