사용자의 uid와 할 일이 생성된 날짜를 기준으로 생성된 투두리스트를 불러오고, 할 일을 추가하는 기능을 구현하려 한다.사용자가 AddButton을 클릭하면 modalIsOpen 상태가 토글되며, AddTodo 컴포넌트가 조건부로 렌더링 되게 함modalIsOpen 상

페이지 중 메인페이지는 로그인한 회원만 진입이 가능한 페이지고, 로그인 페이지와 회원가입 페이지는 로그인한 회원은 진입하지 못하는 페이지 이다.그러나 지금은 URL을 통한 접근 시 로그인 하지 않아도 접속이 가능하다.인증 기능을 추가하여 해당 문제를 해결해보자 !이런

🔴 프론트엔드에서 비동기를 왜, 어떻게 처리해야 할까?사용자와의 상호작용을 이끄는 프론트엔드 영역에서는 주기적으로 발생하는 인터랙션을 처리하면서 자연스레 대기 시간이 발생함. 대기시간이 반복적으로 발생하면 웹 이용률의 하락을 이끌 것임무언가를 기다려야 하는 건 유저가

Firebase Authentication, Firestore 기능을 이용해 로그인, 회원가입 기능을 구현할 것이다. Firebase 인증 초기화 getAuth 모듈을 import해 Firebase 인증을 초기화 Firebase 로그인 방법 설정 Firebase

WEB 커리큘럼 6주차에는 스프링 시큐리티를 이용하여 회원가입, 로그인과 로그아웃 기능을 구현하였다. 먼저, 회원 정보를 위한 엔티티를 생성한다.SiteUser 엔티티unique = true: 유일한 값만 저장할 수 있음을 의미다음으로, User 리포지터리와 서비스를

알고리즘 스터디 5주차 과제로 프로그래머스 ‘소수찾기’ 문제를 풀이하였다. 해당 문제는 순열로 숫자 조합을 모두 찾고, 각 숫자가 소수인지 아닌지 판별하는 두 과정이 필요하다고 생각했다.먼저, 완전탐색에서 재귀를 활용해 permutation함수로 문자열 numbers에

이번 챕터에서는 지하철 노선도를 예시로 들며 시작한다.지하철 노선도 디자인에서 가장 중요한 것은 얼마나 사실적으로 지형을 묘사했느냐가 아니라 역과 역 사이의 연결성을 얼마나 직관적으로 표현했느냐 이다초기 지하철 노선도실제와 유사한 구불구불한 운행 노선과 불규칙적인 역간

4가지 dependency 모두 다운로드 받기redux-promise, redux-thunk는 미들웨어redux store의 state을 변경하고 싶으면, dispatch 호출과 액션을 통해 변경해야하는데 action은 객체 형식이어야함. 스토어에서 항상 객체 형식으로

React-Redux는 React용 공식 Redux UI 바인딩 라이브러리가장 많이 사용하는 상태 관리 라이브러리로 컴포넌트끼리 상태를 공유해야 할 때 여러 컴포넌트를 거치지 않고 쉽게 상태값을 전달하거나 업데이트할 수 있음 기존 리액트에서는 여러 컴포넌트에 걸쳐 있는

알고리즘 스터디 4주차 과제로 프로그래머스 ‘가장 큰 수’ 문제를 풀이하였다. 코딩테스트 연습 - 가장 큰 수 | 프로그래머스 스쿨 (programmers.co.kr)자바에서는 배열을 정렬할 때, 사용하는 정렬 알고리즘을 메서드로 제공한다.배열 혹은 리스트로 구성된 원

특정 원소들을 번호순이나 사전 순서와 같이 일정한 순서대로 열거하는 알고리즘컴퓨터 분야에서 중요시되는 문제 중 하나 이며, 탐색에 용이함.프로그래밍과 알고리즘 이해에 많은 도움이 됨 → 프로그래밍 기초 문법인 for문 if문, 분할 정복 알고리즘, 자료구조, 시간 복잡

리액트 라우터란?사용자가 입력한 주소를 감지하는 역할로 사용자가 요청한 각각의 URL에 따라 선택된 페이지를 렌더링 해주는 라이브러리MPA 방식에서는 여러 페이지를 분리해두고 페이지 간의 이동으로 이 라우트 시스템을 구축을 하지만, 그러나 SPA 방식의 리액트에서 라우

리액트 앱에 firebase를 추가하려면 우선 firebase 프로젝트를 만들고 해당 프로젝트에 앱을 등록해야함https://console.firebase.google.com/ 해당 링크로 들어가 '프로젝트 만들기'버튼을 클릭하여 프로젝트를 생성한다. 파이어베

Node.js와 NPM 설치하기Node.js는 javascript로 네트워크 어플리케이션을 개발할 수 있게 해주는 환경https://nodejs.org/en 해당 사이트에 접속해 Node.js를 설치해준다.(최신 버전보다는 왼쪽의 안정적이고 신뢰도 높은 버전

객체지향 패러다임은 지식을 추상화하고 추상화한 지식을 객체 안에 캡슐화함으로써 실세계의 문제에 내재된 복잡성을 관리한다. 객체를 발현하고 창조하는 것은 지식과 행동을 구조화하는 문제다.해당 목차에서는 객체 지향을 인간의 인지 능력과 관련해 설명한다. 인간은 세상이 포함

먼저, 이 책의 화자는 실세계의 모방이라는 객체지향의 개념은 실무적인 관점에서는 부적합하지만, 객체지향이라는 용어에 담긴 기본 사상을 이해하고 학습하는데 효과적이라 말하며, 소프트웨어 객체란 실세계 사물의 모방이라는 전통적인 관점에서 객체 지향의 다양한 개념을 설명한다

알고리즘 스터디 3주차 과제로 프로그래머스 ‘이중우선순위 큐’ 문제를 풀이하였다. 코딩테스트 연습 - 이중우선순위큐 | 프로그래머스 스쿨 (programmers.co.kr)Java에서는 Collection으로 Heap이 없음하지만 Max-Heap과 Min-Heap을 

알고리즘 스터디 2주차 과제로 기능개발 문제 풀이를 진행하였다.코딩테스트 연습 - 기능개발 | 프로그래머스 스쿨 (programmers.co.kr)먼저 progresses 배열로 받은 각 작업의 남은 작업 시간을 계산하여 remainedDays 배열에 추가하였다.각

알고리즘 스터디 1주차 과제로 해시와 관련된 문제 중 폰켓몬 문제 풀이를 진행하였다. 코딩테스트 연습 - 폰켓몬 | 프로그래머스 스쿨 (programmers.co.kr) 💡HashMap이란? HashMap은 Map인터페이스를 구현한 대표적인 Map 컬렉션이다.

원소 하나를 저장하고 검색하는데 평균 O(n)의 시간 소요자료의 개수와 비례하는 시간이 걸리게 됨효율적으로 자료를 저장할 수 있는 방법이 없을까?원소 하나를 저장하고 검색하는데 평균 O(logn)의 시간 소요저장된 자료의 양에 상관없이 원소 하나를 저장하고 검색하는 것