Hello It's good to be back ^_^

Mutation (데이터 변경): 클라이언트가 서버 데이터를 바꾸는 것 ex. 좋아요, 댓글 등 Pessimistic Update : 데이터 변경을 서버 응답을 기다린 후 반영하는 것, 구현은 단순하고 정합성이 보장되지만, 사용자가 매번 로딩을 기다려야 함 Optimistic Update (낙관적 업데이트): 데이터 변경을 먼저 UI를 바꾸고 서버 응답으로 검증하는 것, 사용자 경험은 즉각적이지만, 실패 시 롤백 처리와 동시성 제어가 까다로워진다 useMutation()Mutation이 일어나면 서버에는 반영되나 화면(클라이언트)에는 반영되지 않기에 개발자는 쿼리를 실행에 실제 데이터베이스에 추가해야 한다이전에는 Mutation이 일어날 때 마다 개발자는 일일히 쿼리를 수동으로 다시 실행하는 코드를 매번..

보호되어 있는 글입니다.

브라우저 (Web Browser): 컴퓨터나 스마트폰에 있는 소프트웨어(애플리케이션)로, HTTP 프로토콜을 통해 서버와 통신해서 받은 HTML, CSS, JavaScript 코드를 해석하여 화면에 그려주는 렌더링 엔진(Rendering Engine)이다 예시 - 크롬, 사파리, 파이어폭스 등 역할 - 사용자가 입력한 URL 주소를 해석해서 서버에 데이터를 요청하고 받아온 데이터를 사람이 읽을 수 있는 그래픽 형태로 변환한다 웹 사이트 (Web Site): 인터넷의 특정 주소(Domain)에 저장되어 있는 데이터와 파일의 집합으로 웹 서버의 하드웨어에 저장되어 있는 HTML 문서, 이미지, 동영상, 스크립트 파일 등의 묶음이다. 예시 - https://google.com, naver.com, github..

들어가기 전에 앞서, 솔직히 나는 훅이 뭔지, useState가 뭔지도 잘 모르기 때문에 우선 개념 정리가 필요했다 개념정리 자바스크립트에서 화살표 함수의 형태 //기본 형태const 함수명 = (매개변수) => { 함수내용 }//사용 예시const Button = ({ onClick, text }: ButtonProps) => { return {text};};//해석// Button이라는 함수는 ButtonProps 타입의 객체를 매개변수로 받으며,// 이를 구조 분해해 만든 버튼 요소를 리턴한다 JSX: JavaScript + HTML/XML 로 둘의 문법이 혼용해서 사용한다. 참고 영상https://www.youtube.com/watch?v=hyNQpRdS0rY&list=PLo3AHtncM26..

교재: Do it! 5일 만에 끝내는 깃&깃허브 입문 6장 ~ 8장공부한 페이지: pp. 203 ~ 261실습한 내용: https://github.com/HongYeonLee/ECC-Frontend-Study GitHub - HongYeonLee/ECC-Frontend-Study: ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입니다. Contribute to HongYeonLee/ECC-Frontend-Study development by creating an account on GitHub.github.com 목차 6 깃허브에서 다른 사람과 소통하기6-1 깃허브 프로필 관리하기6-2 README 파일 작성하면서..

교재:  소플의 처음 만난 리액트 14 ~ 16공부한 페이지: pp. 390 ~ 513실습한 내용: https://github.com/HongYeonLee/ECC-Frontend-Study GitHub - HongYeonLee/ECC-Frontend-Study: ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입니다. Contribute to HongYeonLee/ECC-Frontend-Study development by creating an account on GitHub.github.com 목차14 컨텍스트14.1 컨텍스트란 무엇인가?14.2 언제 컨텍스트를 사용해야 할까?14.3 컨텍스트를 사용하기 전에 고려..

교재:  소플의 처음 만난 리액트 11 ~ 13공부한 페이지: pp. 318 ~ 386실습한 내용: https://github.com/HongYeonLee/ECC-Frontend-Study GitHub - HongYeonLee/ECC-Frontend-Study: ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입니다. Contribute to HongYeonLee/ECC-Frontend-Study development by creating an account on GitHub.github.com목차 11 폼11.1 폼이란 무엇인가?11.2 제어 컴포넌트11.3 textarea 태그11.4 select 태그11.5 F..

교재:  소플의 처음 만난 리액트 06 ~ 10공부한 페이지: pp. 184 ~ 314실습한 내용: https://github.com/HongYeonLee/ECC-Frontend-Study GitHub - HongYeonLee/ECC-Frontend-Study: ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입니다. Contribute to HongYeonLee/ECC-Frontend-Study development by creating an account on GitHub.github.com 목차 06 State와 생명주기6.1 State6.2 생명주기에 대해 알아보기6.3 State와 생명주기 함수 사용하기07..