프로그래밍 삽질 중

* Nuxt, Next, Nest 차이 설명한 글 https://velog.io/@jsleemaster/Nuxt-Next-Nest-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%B8%EA%B0%80 Nuxt, Next, Nest? 무엇이 다른가 출처 : https://tenmilesquare.com/resources/software-development/nuxt-next-nest-my-head-hurts/Nuxt, Next, Nest에 차이점을 알아보기 위해 찾다가 이 원글이 가장 설명을 잘해놓은 것 velog.io ▶ Nuxt – 범용 렌더링을 지원하는 Vue 애플리케이션을 만드는 프레임워크 ▶ Next – 범용 렌더링을 지원하는 React 애플리케이션을 만드는 프레임워..

참고 : https://onlydev.tistory.com/114 'digital envelope routines' 에러 시 해결 방법(Node.js 버전 관리) React Admin을 사용해보고 싶어서 CRA로 세팅을 했는데 서버가 켜지지 않는 에러가 발생했다. 처음 있는 일이라 당황하다가 에러 키워드로 구글링해보니 금방 해결방법을 찾을 수 있었다. 알고보니 onlydev.tistory.com 참고 : https://codepathfinder.com/entry/NVM-Nodejs-%EB%B2%84%EC%A0%84-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0 [NVM] Node.js 버전 변경하기 NVM(Node Version Manager)은 말 그대로 Node.js의 버전을 관리..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * Cotext API - 부모와 자식 관계가 다층적일 때 props 물려주기 힘듦 - 예를 들어 부모는 MineSearch.jsx 자식은 Table.jsx > Tr.jsx > Td.jsx일 때 Td가 MineSearch에서 데이터를 가져오고 싶을 때 MineSearch > Table > Tr > Td 순으로 물려줘야..

출처 : http://www.yes24.com/Product/Goods/107478270 보통의 취준생을 위한 코딩 테스트 with 파이썬 - YES24 이 책은 손에 잡히는 코딩 테스트 합격 방법을 제시한다. 바로 “백준 플래티넘 5 & 코드 포스 파란색 랭크”로 목표 설정을 구체화한 것이다. 이 수준을 달성하면 웬만한 기업의 코딩 테스트 문 www.yes24.com * 큐(18258) ▶ 스택과 달리 먼저 삽입된 데이터가 가장 먼저 출력 ▶ 배열로도 가능하지 않나? → 배열로 큐의 기능 구현 시 먼저 삽입된 데이터가 삭제될 때마다 Ο(데이터 크기)만큼 소요 //예시 1 2 3 4 5 순서대로 배열 A의 입력에 들어오면 배열 A는? A[0] = 1, A[1] = 2, A[2] = 3, A[3] = 4,..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * useReducer란? - state가 많아지면 변수들이 많아짐 → 한 번에 모아서 관리하면 어떨까? ▶ 이 기능을 담당하는 것이 useReducer * (1) state를 모아서 action을 통해 바꿈, (2) action을 dispatch하면 action이 실행됨 ▶ (3) reducer에서 정의한대로 sta..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * HOC (하이오더컴포넌트) = 고차 컴포넌트 ▶ 컴포넌트 로직을 재사용하기 위해 사용되고 컴포넌트를 가져와 새 컴포넌트를 반환 ▶ 컴포넌트를 인자로 받거나 반환하는 함수 ▶ 컴포넌트를 감싸는 것 (예시에서는 memo 의미)) 참고 : https://itprogramming119.tistory.com/entry/Re..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com https://ba-gotocode131.tistory.com/240 에서 이어짐 [웹 게임을 만들며 배우는 React] - 가위바위보, 라이프사이클 출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | ..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * 라이프 사이클(컴포넌트의 일생) - 컴포넌트(SPClass.jsx)가 클라이언트(client.jsx)에서 불려와서 렌더링됨 - 컴포넌트가 DOM에 붙는 순간이 있음 - 특정한 동작 가능 ▶ class에서는 아래의 3개가 담당한다면 함수 컴포넌트에서는 useEffect가 이 역할을 담당(1대1 대응은 아님) comp..