봉보로봉봉

리액트 쿼리 공식문서가 표가 아니라서 보기 불편하길래 특별 선생님으로 ChatGPT를 초빙했다. 😀👏 useQuery useQuery(queryKey, queryFn, options) queryKey (required) : This parameter is a unique identifier for the query. It can be a string or an array of strings and/or objects. The queryKey is used to cache the query results and manage query state. it should be unique for each query. If the queryKey changes, the query will be invalidated..

svelte를 공부를 시작해보겠습니다~😀 svelte가 좋은 점 1. 코드가 적다. React.js의 useState나 Vue.js의 data()와 같은 코드들이 없이 let, const로 state 선언이 가능하다. 2. 가상돔이 없다. svelte는 React나 Vue처럼 컴파일시 번들링 된 엔진이 들어가지 않고 바닐라 자바스크립트 코드로 변환해준다. 그래서 코드량이 적다. 3. 반응성 코드 let 으로 선언한 state에서 파생되는 다른 state를 만들고 싶을 때 $:와 같은 반응성 함수 키워드를 붙이면 바로 만들 수 있다. 코드가 짧고 바로 적용되는 반응적인 코드이다. 템플릿 프로젝트 생성 svelte에서 권하는 방법 중에 템플릿 프로젝트를 생성하는 방법으로 공부를 진행하려고 한다. npx de..

Recoil Selector atoms나 다른 selectors를 입력으로 받아들이는 순수 함수(pure function)다. 상위의 atoms 또는 selectors가 업데이트되면 하위의 selector 함수도 다시 실행된다. 컴포넌트들은 selectors를 atoms처럼 구독할 수 있으며 selectors가 변경되면 컴포넌트들도 다시 렌더링된다. Selectors는 상태를 기반으로 하는 파생 데이터를 계산하는 데 사용된다. 최소한의 상태 집합만 atoms에 저장하고 다른 모든 파생되는 데이터는 selectors에 명시한 함수를 통해 효율적으로 계산함으로써 쓸모없는 상태의 보존을 방지한다. get 함수만 제공되면 Selector는 읽기만 가능한 RecoilValueReadOnly 객체를 반환한다. ge..

리덕스 (Redux) Store => createStore import { createStore } from 'redux' Reducer 리듀서 함수를 선언하고 그 함수를 넘겨서 store를 생성하면 된다. export const todosReducer = (state = [], action) => { switch (action.type) { case ADD_TODO: return state.concat({ id: action.payload.id, text: action.payload.text, completed: false }) case TODO_TOGGLED: return state.map(todo => { if (todo.id !== action.payload.id) return todo retur..

클래스형 컴포넌트 라이프 사이클 함수형 컴포넌트 라이프 사이클

프로그래밍 패러다임 프로그래밍 방법론. 시대에 따라 사람들이 갖는 공통적인 인식체계를 패러다임이라고 한다. 프로그래밍에서도 시대에 따라 패러다임이 변했다.(제한된 상태와 적은 메모리를 가진 초기의 시기, 컴퓨터가 대중화된 시기, CPU가 여러 개의 코어를 가진 동시성이 중요해진 요즘 시기) 명령형 프로그래밍, 함수형 프로그래밍, 논리 프로그래밍, 객체 지향 프로그래밍으로 나눌 수 있다. 프로그래머가 추구하는 사고 방식 및 코드를 쓰고 설계하는 코드 작성 방식. 언어에 종속적이지 않다. 한 언어에도 다양한 패러다임이 있을 수 있다. 모든 패러다임은 장단점이 있기 때문에 필요에 따라서 선택하고 결합하여 사용하면 된다. (OOP와 FP는 대척점에 있지 않다.) 명령형vs 선언형 명령형(Imperative) 프..

필기시험을 볼 일이 있었다. 열심히 풀었으나 확인했더니 다 틀렸다! 하하하하하 😀 스코프와 호이스팅을 공부하는 시간을 가졌다! 콘솔에 출력되는 값은 무엇인가요? Q1. 답 : 에러 a를 출력하면 function이 나오고 b를 출력하면 undefined가 나온다. 그러므로 b를 호출하면 에러가 발생한다. 함수 b는 함수 선언식이 아니라 함수 표현식으로 선언되었으므로 호이스팅이 일어나지 않았다. 또한 var로 선언했으므로 a가 호출될 때 b함수가 할당되므로 에러가 난다. var a = function b() { return 10; }; console.log(typeof b()); // ReferenceError: b is not defined 이렇게 함수 선언식으로 함수를 선언하면 접근 가능하다. funct..

commit 메세지를 잘 적으면 나중에 변경 사항을 살펴보기 쉽다. commit 메세지를 효율적이고 통일되게 적고 싶어서 한 번 정리를 하려고 했는데 드디어 하게 되었다! 😀 여기에 깃모지를 붙여서 사용해야지! commit 메시지를 적을 때 지키면 좋은 점 대문자와 구두점 첫 번째 단어는 대문자로 쓰고 마지막에 구두점을 쓰지 않는다. 일반 커밋(git commit -m )을 사용하는 경우 모두 소문자로 작성해야한다. 줄 바꿈 제목과 내용 사이에 공백을 두는 것이 좋다. 내용의 문단이 달라질 때는 문단 사이에 공백을 두는 것이 좋다. 분위기 제목 줄에서 명령적인 분위기를 사용한다. ( 예 : Add fix for dark mode toggle state ) commit 타입 commit 타입을 지정한다. ..