전체 글 128

[React] 리액트 Redux를 사용해 todo list 만들기

wanted 프론트엔드 프리온보딩 과정을 위한 사전과제 Redux를 사용해 todo list 만들기 과제 내용 : Add와 Delete 기능 2 가지를 만듭니다. input 창에 list1을 입력 후 Add 버튼을 누르면 input 창 하단에 list1 컴포넌트가 뜹니다. 각 list의 delete 버튼을 누르면 해당 list 컴포넌트가 삭제됩니다. 디자인은 자유롭게 해도 됩니다. 위의 2가지 버튼과 그에 따른 기능이 있으면 됩니다. 가능하면 컴포넌트를 만듭니다. (작은 단위라도 좋습니다.) 전역상태를 관리해주세요.(가능한 Redux나 Redux-toolkit을 이용해주세요.) 폴더 구조 /src /components /List /store App.tsx index.tsx 할 일 1. 컴포넌트 구조 미리..

React 2024.03.01

[React] 리액트 Redux 사용하기 + useState / Redux / Redux toolkit 비교하기

사실 상태관리를 이렇게 빨리 공부할 마음은 없었다... 핳 훅도 제대로 못 쓰는 내가 상태관리를?! 그것도 리덕스를?!!! context랑 recoil만 공부하고 다른 거 더 깊이 공부하고 redux를 쓰던 zustand를 쓰던 jotai를 쓰던 하려고 했는데... 과제에서 redux를 쓰라네? ㅠㅠ 이론 공부 쓱 하고 최소한의 정도로만 공부를 해봐야겠다는 생각에 오늘도,,, (뚠뚠) 솔미는,,, (뚠뚠) 글을 쓰네,,, (뚠뚠) 공부 할 것들... redux 공부 -> useReducer -> useRef Redux란? Redux는 JavaScript 애플리케이션에서 상태 관리를 위한 패턴과 라이브러리이다. Redux의 주요 목표는 애플리케이션의 상태를 예측 가능하고 효율적으로 관리하는 것이다. Red..

React 2024.02.29

백준 20300 C++

https://www.acmicpc.net/problem/20300 20300번: 서강근육맨 PT 첫째 날에 $1$과 $4$를 선택하고, 둘째 날에 $2$와 $3$을 선택하고, 마지막 날에 $5$를 선택하면 $M$은 $5$가 되며, 이때가 $M$이 최소일 때이다. www.acmicpc.net 문제 정리 근손실 미친놈 근손실 정도 = 입력받은 두 근손실 정도 벡터(또는 배열) 2개의 합 합의 max값이 가장 적게 되는 max(==M)을 구해라! 생각 모든 경우의 수를 전부 구해서 가장 작은 M값을 구하면 될 것 같은데... 중요한 건 두 개를 고르는 경우를 조합으로 구해야 중복도 안나고! 좋을 듯 전에 썼던 조합으로 푸는 dfs를 사용하면 될 것 같다! 근데 이렇게 어려운 문제가 아니었나보다... 그냥 정..

백준 2024.02.25

백준 1436 C++

https://www.acmicpc.net/problem/1436 1436번: 영화감독 숌 666은 종말을 나타내는 수라고 한다. 따라서, 많은 블록버스터 영화에서는 666이 들어간 제목을 많이 사용한다. 영화감독 숌은 세상의 종말 이라는 시리즈 영화의 감독이다. 조지 루카스는 스타워 www.acmicpc.net 문제 정리 1번째 영화 - 666, 2번째 영화 - 1666, 3번째 영화 - 2666 ... 이런식으로 n번째 영화의 666을 찾아라! 생각 근데 이해하는데 좀 시간이 걸렸는데 이렇게 생각하면 된다 666이 들어간 모든 숫자중에서 작은 순으로 배열이나 벡터를 만들어서 그것의 n번째 인덱스 찾기! 즉 666 1666 2666... 10666 이게 아니라 6661이 그 사이에 있다는 소리! 숫자를..

백준 2024.02.25

Node.js와 MySQL 연동하기

이어지는 글 >> https://5ffthewall.tistory.com/77 MySQL로 DB 구축하고 쿼리문으로 데이터 추가하기 https://www.youtube.com/watch?v=T5dwM_j8wmU&list=PLRx0vPvlEmdD1pSqKZiTihy5rplxecNpz&index=11 나동빈님의 React와 Node.js를 활용한 고객 관리 시스템 개발 강의 예제를 따라하다가 AWS RDS로 DB를 구축하는 과정에서 이것 대 5ffthewall.tistory.com 전 글에서 구축한 DB를 토대로 react와 연동해서 데이터를 가져와 보는 것을 할 것이다! 1. .gitignore 처리 database.json이나 database.js에 데이터베이스의 hostname이나 password를 적..

MySQL 2024.02.24

MySQL로 DB 구축하고 쿼리문으로 데이터 추가하기

https://www.youtube.com/watch?v=T5dwM_j8wmU&list=PLRx0vPvlEmdD1pSqKZiTihy5rplxecNpz&index=11 나동빈님의 React와 Node.js를 활용한 고객 관리 시스템 개발 강의 예제를 따라하다가 AWS RDS로 DB를 구축하는 과정에서 이것 대신 MySQL과 워크벤치를 사용하여 DB를 구축하기로 했다. aws 잘못쓰다가 내 피같은 돈이 나갈 것 같아서... 난 가난한 대학생이란 말이다 ㅎ 그리고 MySQL이 대중적으로 많이 쓰이는 것 같아서 이걸 쓰기로 했다! MySQL 설치하는 방법 난 brew로 MySQL을 설치후 workbench는 따로 설치했다. 1. brew update $ brew update brew 업데이트를 해준다 이런 식..

MySQL 2024.02.24
728x90