반응형 react5 React(리액트)의 useRef에 대해 공부하자! useRef는 리액트에서 제공하는 훅 중 하나인데 useState와 비교가 많이 되는 훅인 것 같다.함수형 컴포넌트에서 특정 DOM 요소나 값을 참조할 수 있게 해주는 useRef를 오늘 알아보자!useRefDOM 요소 접근특정 DOM 요소에 접근하거나 조작할 때 사용되는데, 직접 DOM 요소에 접근하여 원하는 작업을 수행할 수 있다querySelector처럼 요소에 접근이 가능 값 저장렌더링 사이에 값을 저장하고 싶을 때 사용되고,. 리렌더링이 발생해도 유지된다.컴포넌트가 리렌더링될 때마다 초기화되지 않고, 지속적으로 유지되어야 하는 값을 저장하는 데 사용useRef의 기본 사용법//ref 사용const myRef = useRef(initialValue);myRef.current initialValue.. 2024. 6. 5. React(리액트)의 Props를 공부해보자 State는 저번시간에 알아보았고 또 중요한 부모애서 자식으로의 데이터 전송하는 Props를 알아보자상위(부모) 컴포넌트에서 하위(자식) 컴포넌트로 데이터를 전달하는 도구가 PropsProps는 컴포넌트의 속성(HTML의 어트리뷰트 같은 것)을 나타내며,부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 데 사용한다또한 props 변경에 따라 컴포넌트가 리렌더링될 수 있다(나중에 알아보자)Props 개념 이해하기Props는 두 가지 방식으로 사용할 수 있는데,구조 분해 할당 없이 props를 인자로 전달하는 방식구조 분해 할당을 사용하여 props 속성을 직접 접근하는 방식function App() { return ( // name이라는 속성으로 Alice라는 값 내려주기 .. 2024. 6. 1. React(리액트)의 useState를 공부하자! 기초니까! 오늘은 리액트의 useState에 대해서 알아보고자 한다.완전 기초이지만 완전 중요한 상태관리 그 중에서도 잘 이해하고 넘어가야 하는 useState를 공부해보자useState리액트에서 상태 관리를 위해 사용되는 Hook 중 하나로써프론트엔드에서 상태관리는 매우 중요하다.그 상태관리를 위해 useState를 사용함으로써 함수 컴포넌트 내에서 상태를 가지고 활용하게 된다. useState의 기본 사용법// 새로운 상태 변수를 선언하고. "count"라는 이름의 상태 변수를 0으로 초기화하기const [count, setCount] = useState(0); useState는 두 가지를 반환하는데상태 값(count)이 상태를 설정할 수 있는 함수(setCount)(네이밍은 아무렇게나 해도 상관없지만 [상태값.. 2024. 5. 31. React(리액트)의 렌더링 방식에 대해 알아보자 HTML-CSS-JS를 거쳐 리액트를 쓰고 넥스트 까지 쓰게 되는 요즘 넥스트를 쓰면 전부 다 할 수있다는 착각에 빠져 살게 되는 것 같았다.그리고 AI의 빠른 발전으로 인해 동작은 하지만 머리를 갸우뚱하게 되는 코드도 몇번 보았고, 1년도 안 된 주니어지만 점점 더 바보가 되는 것 같다고 생각했다.하지만 기초가 제일 중요한 것은 빠질 수 없는 것이고,단순 사용을 넘어 동작 방식의 이해와 장점을 알아보고자리액트의 렌더링 방식에 대해 다시금 정리해보려고 한다.React(리액트)의 렌더링 방식리액트의 동작방식 이전에 기본적인 웹브라우저의 동작 방식은 다음과 같다.critical rendering pathHTML을 DOM(문서객체모델, 트리형)으로 변환 / CSS를 CSSOM로 변환한다. render tree.. 2024. 5. 29. DataBase 개념 정리 회사 프로젝트 중 이제는 데이터베이스에 대한 개념도 알아가야 할 것 같아서 정리하는 주니어 SAHA입니다.! 1. 데이터베이스(Database) 데이터베이스는 관련성 있는 데이터의 집합 데이터는 구조화되어 있어서 쉽게 접근하고 관리 가능 ex) 대학교 데이터베이스는 학생들의 이름, 학번, 전공, 성적 등의 정보를 포함 이를 통해서 학생의 성적 조회, 수강 신청 등의 서비스를 제공 2. DBMS(Database Management System) DBMS는 데이터베이스를 관리하는 시스템 사용자와 데이터베이스 사이에서 사용자의 요구에 따라 정보를 생성 DBMS의 주요 기능은 데이터의 정의, 입력, 조작 및 제어 DBMS주요 기능 데이터 정의(Data Definition) DBMS는 사용자가 데이터베이스를 정의.. 2024. 2. 1. 이전 1 다음 반응형
