프로그래밍 삽질 중

createStore로 강의 내용 : 섹션 2 Redux 연동하기 https://www.inflearn.com/course/%EB%85%B8%EB%93%9C%EB%B2%84%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EB%89%B4%EC%96%BC/dashboard [리뉴얼] React로 NodeBird SNS 만들기 - 인프런 | 강의 리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다., - 강의 소개 | 인프런... www.inflearn.com * 지금의 포스팅은 아래의 'Next.js와 리덕스 설명(로그인, 로그아웃)'의 수정 부분 https://b..

출처 : https://www.youtube.com/watch?v=bpbLq6NxIm8&t=38 * 출처 : https://github.com/mayank7924/nextjs-with-redux/tree/redux-toolkit ▶ components는 깃허브를 참고하는 게 좋습니다 GitHub - mayank7924/nextjs-with-redux Contribute to mayank7924/nextjs-with-redux development by creating an account on GitHub. github.com 출처 : https://redux-toolkit.js.org/api/createslice createSlice | Redux Toolkit redux-toolkit.js.org re..

* 출처 : https://www.youtube.com/watch?v=1EaRWZjTwYM&list=PLxXAf_cvJP9SAByj4a9BVySaeqzEpcOTp&index=4&t=883s 참고 : https://leehyungi0622.github.io/2021/05/17/202105/210514-React_with_NextJS/ 210517 React with NextJS TIL - Next Redux Wrapper, HYDRATE, redux-thunk, 제너레이터 함수에 대한 이해, redux-saga 2021/05/17 - redux-thunk 내용추가 Next Redux Wrapper일반적으로 React에 Redux를 붙일 때에는 하나의 Redux store만 존재하기 때문에 어렵지 않다.하지..

* RTK를 사용하는 이유는? 출처 : http://blog.hwahae.co.kr/all/tech/tech-tech/6946/ Redux Toolkit (리덕스 툴킷)은 정말 천덕꾸러기일까? Redux Toolkit 최근 훅 기반의 API 지원이 가속화되고 React Query, SWR 등 강력한 데이터 패칭과 캐싱 라이브러리를 사용하면서 리덕스 사용이 줄어드는 방향으로 프론트엔드 기술 트렌드가 변화하고 있 blog.hwahae.co.kr * 강의를 들은 이유 (강의 영어임, 자막 나오니까 괜찮음) - 리덕스가 createStore에서 configureStore로 변경하라고 알림 뜸 - 이에 대해 next에서 redux toolkit을 정확이 어떻게 써야하는 지, 리덕스에 대한 개념을 다시 잡기 위해 ..

https://www.acmicpc.net/problem/2750 2750번: 수 정렬하기 첫째 줄에 수의 개수 N(1 ≤ N ≤ 1,000)이 주어진다. 둘째 줄부터 N개의 줄에는 수 주어진다. 이 수는 절댓값이 1,000보다 작거나 같은 정수이다. 수는 중복되지 않는다. www.acmicpc.net * N개의 수가 주어졌을 때, 이를 오름차순으로 정렬하는 프로그램을 작성하시오. * (틀린 답안) 처음 제출 ▶ 숫자를 넣을 때 아래로 넣는데 이 방식은 옆으로 넣음 ▶ 반복문으로 만든 다음 list로 만들어서 배열이 최종값으로 되는데 문제는 숫자만 세로로 나열했어야 함 a = list(map(int, input().split())) b = list(set(a)) print(b) * (맞는 답안) 제출 ▶..

출처 : https://www.inflearn.com/course/%EB%85%B8%EB%93%9C%EB%B2%84%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EB%89%B4%EC%96%BC/dashboard [리뉴얼] React로 NodeBird SNS 만들기 - 인프런 | 강의 리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다., - 강의 소개 | 인프런... www.inflearn.com * 전통적인 웹사이트 - 브라우저가 요청 ↔ 프론트 서버 ↔ 백엔드 ↔ 데이터베이스로 동작 - 장점 : 모든 페이지가 화면에 그려짐 - 단점 : 모든 페이지가 화면에..

* 이전에 올린 프로젝트(영단어) 로그인 중 오류 생김 - 이전에 ubuntu에 이미 파일을 올렸다고 가정 - kakao api는 .env에 저장함 * 원인 : REST API 키 기간 만료된 것으로 추정 1. 카카오(https://developers.kakao.com/)에 로그인 후 내 애플리케이션 들어가기 2. "앱키"에 들어가기 3. REST API 재발급 받기 4. ubuntu에서 .env 파일의 기존 내용 변경 //관리자모드 sudo su //.env 있는 폴더로 이동 cd 폴더이름 //기존 .env 파일 내용 확인 cat .env //내용 변경 vi .env //내용 변경 원함 i //내용 수정하고 저장 키보드 자판기 esc버튼 누르기 //최종 저장하고 나긱 :wq!

출처 : https://www.inflearn.com/course/%EB%85%B8%EB%93%9C%EB%B2%84%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EB%89%B4%EC%96%BC/dashboard [리뉴얼] React로 NodeBird SNS 만들기 - 인프런 | 강의 리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다., - 강의 소개 | 인프런... www.inflearn.com * antd로 디자인 중, 일부 항목은 스타일을 변경해야 함 * (오류) 직접 인라인 스타일링 하는 경우 ▶ 문제점 : test 함수 내 return 부분 중 div..