react

var의 문제점 var로 변수 선언 시 var 키워드 생략 가능 \- 예시를 통한 설명 var로 변수 선언 후 중복 선언 가능 \- 예시를 통한 설명 지역/전역 변수 구분 불가 \- 예시를 통한 설명 변수 호이스팅 \- 예시를 통한 설명

원래 클래스형 컴포넌트에서는 state(상태)를 사용할 수 있으며 각종 라이프사이클 및 메서드를 이용하여 컴포넌트가 마운트 혹은 언마운트 될 때 추가 작업을 수행시키는 등의 조작이 가능했었지만,Hook이 등장한 이후부터 함수형 컴포넌트에서도 대부분 구현이 가능하게 됨➡

GET 데이터를 요청 (데이터를 가져온다고 생각하면 간편)단순 데이터 (ex.페이지) 요청의 경우 예시를 통한 설명파라메터를 이용한 데이터 요청의 경우예시를 통한 설명POST 데이터를 전송 (보통 데이터를 Message Body에 포함시켜 전송)예시를 통한 설명PU

기본기부터 다시 다지자는 마음으로 react 공부를 하던 중, {}와 ()의 사용 위치가 어떻게 되는 것인지 알고 싶어졌다. 프로젝트를 할 때에는 대충 구글링을 하거나 느낌상 여기에는 {}가 사용된 것 같다 싶으면 넣고, 오류가 발생하면 넣어보는 식으로 진행했는데, 이

리액트 처음부터 기초를 다지던 중, event handling을 공부하다가 state 관련해서 제대로 정의를 할 수 없다는 것을 깨닫고 setState부터 공부해보았다. setState() 리액트의 함수형 컴포넌트 내에서 상태를 관리하기 위해 사용하는 hooks인 u

변수나 함수, 클래스 맨 앞에 export 붙이기example선언부와 떨어진 곳에 export 붙이기example예시와 같이 목록을 만들어 import{...} 작성example일반적으로 개체 하나만 선언되어있는 모듈을 만드는 것을 선호하기 때문에 export de

⛔ 개념 | 변수 선언 | js에서는 크게 const, var, let으로 가능 | | --- | --- | | const | 상수 선언, 재할당X의 경우에 사용 | | var | 많은 문제가 있기 때문에 사용 X | | let | var의 문제점을 보완하기

포트폴리오 사이트를 개발하면서 깃허브 페이지로 배포를 하고 있었는데, 왜인지 모르게 세개의 사진 중에서 두개의 사진만 깨짐 현상이 발생하였다.localhost로 접속할 때는 아무 문제가 없이 아래처럼 잘 보였지만,github page로 배포를 하고나니 첫번째, 두번째

포트폴리오 사이트 제작 중 project 페이지를 깔끔하게 만들기 위해 슬라이드 형식을 사용하였다.아래 사진처럼 dot를 클릭하거나 넘기는 제스처를 취하면 다음 화면으로 넘어가는데, 이 슬라이드 하나에 비디오까지 함께 존재하니 크롬 100% 확대 화면에서는 슬라이드 형

typescript + react를 사용하던 도중, 중복되는 코드를 여러번 쓰지 않기 위해서 최적화를 하려다 발생하였다.Header.tsx 컴포넌트 파일에이렇게 코드를 작성했는데, NavLink 때문에 자꾸위와 같은 에러가 뜨는 것을 확인할 수 있었다.프로젝트 초기 세

💡 JSX(JavaScript XML)라는 JavaScript에 XML을 추가하여 확장한 문법 ❗ JSX는 **ReactElement** 를 생성 ❗ ReactElement는 브라우저 DOM 엘리먼트와 달리 일반 **객체** ❗ 리액트로 프로젝트를 개발할 때

💡 React는 상태(state)가 변경되면 컴포넌트가 다시 렌더링됨 (리렌더링)❗ React는 컴포넌트 기반 UI 라이브러리❗ 상태는 컴포넌트 내에서 관리되는 데이터❗ 상태가 변경되면 React는 해당 컴포넌트만 다시 렌더링하여 UI를 업데이트React에서 상태가

💡 Virtual DOM은 React가 빠르게 UI를 업데이트하기 위해 사용하는 개념❗ 가상 DOM은 실제 DOM을 추상화한 경량화된 자바스크립트 객체❗ UI를 빠르게 업데이트하고, 브라우저의 성능을 최적화❗ React는 가상 DOM을 사용하여 변경된 부분만 효율적으

💡 모듈 번들러(Module Bundler)는 여러 개의 자바스크립트 파일과 그 외의 리소스(스타일시트, 이미지 등)를 하나 또는 여러 개의 번들 파일로 묶어주는 도구❗ 모듈 번들러를 통해 웹 애플리케이션의 성능을 최적화❗ 코드 관리 용이모듈 관리:현대 웹 애플리케이