안녕하세요. 성조입니다. 이번 포스팅에서는 useEffect를 정리 후. 포스팅해 보려합니다. 저는 올바른 정보를 전달하기 위해 학습하고 정리하는 과정에서 많은 노력을 하고 있습니다. 혹여나 잘못된 지식 전달 사항이 있다면 언제든지 댓글로 의견 공유주시면 감사드리겠습니다. useEffect란? useEffect는 React에서 사이드 이펙트(Side Effect)를 관리하는데 사용되는 Hook이다. 즉, 생명 주기를 관리하는 것으로도 볼 수 있다. 사이드 이펙트(Side Effect)는 컴포넌트들이 애플리케이션에서 일어나는 다른 모든 외부와의 상호 작용하는 것을 의미한다. 예를 들어보면 backend 개발자가 구현해 놓은 API들을 호출하거나, 이벤트 리스너를 등록 및 해제, DOM 조작하는 것 등이 존..
안녕하세요. 성조입니다. 이번 포스팅은 React.js에서 자주 활용되는 useState에 대해서 다뤄보려 합니다. 부족한 지식 전달일 수 있습니다. 이 포스팅에 대해서는 언제든지 댓글로 피드백 또는 질문, 의견을 공유하면 좋을 것 같다고 생각됩니다. useState란? 결론 : useState는 함수형 또는 클래스형 컴포넌트의 상태를 관리하고, 변경할 수 있도록 도와주는 하나의 React Hook이다. useState는 React에서 제공하는 다양한 React Hooks 중에 하나로, 함수형 또는 클래스형의 컴포넌트에서 로컬의 데이터 상태를 관리할 수 있게 만들어 주는 기능이다. useState는 초기 입력될 상태 값을 인자로 받아서 상태 값과 해당 상태를 업데이트하는 함수를 쌍으로 반환하게 된다. 다..
안녕하세요. 성조입니다. 이번 포스팅은 JavaScript를 확장한 문법인 JSX에 대해서 정리하려 합니다. 올바른 지식 전달을 위해 노력하고 있으나, 혹여나 잘못된 지식 전달이 있다면 언제든지 댓글 남겨주시면 감사드리겠습니다! JSX(JavaScript XML)란? JSX는 JavaScript XML의 약자로, JavaScript의 확장 문법이다. JSX를 통해서 JavaScript 내부에 마치 HTML와 같은 코드를 작성할 수 있게 만들어주는 것이다. JSX의 경우. React에서 컴포넌트를 작성하는 주요 방식으로 활용되고 있으며, 이를 통해 UI 컴포넌트가 어떻게 생겼는지 한눈에 이해하기 쉬운 장점이 있다. JSX의 경우 선택 사항이다. JSX(JavaScript XML) 규칙 1. 모든 태그는 닫..
안녕하세요. 성조입니다. 개인적으로 학습한 내용들을 정리해서 객관적 정보와 주관적 정보를 정리하는 포스팅이므로 100% 맞는 정답이라 정의하기 어렵습니다. 그런 부분을 참고해 주시고 포스팅을 읽어주시면 감사드리겠습니다! React.js란? 사용자 인터페이스 구축을 위한 Javascript 라이브러리이다. 이미 이전 포스팅에서 react의 간단한 얘기를 진행했다. 하지만 이번 포스팅에서 페이지 전환 없이 한 번에 이해할 수 있도록 공식 홈페이지에서 소개하는 문구를 발췌했다. JavaScript란? 고급 해석 언어이며, 클라이언트 즉, 화면 개발에 널리 사용되는 언어이다. 객체 지향 프로그래밍과 함수형 프로그래밍을 모두 지원하며, 프로토타입 기반의 스크립트 언어로도 불린다. 또한 웹 애플리케이션 구축을 포함..
안녕하세요 성조입니다. 오늘은 리액트 프로젝트 생성 방법과 React는 무엇인지. 또한 리액트 프로젝트는 어떻게 실행하는 것인지 정리 포스팅하려고 합니다. INDEX - 리액트(React)란? - 리액트 시작하기 리액트(React)란? 기존의 UI보다 보다 더 편리하게 사용자 인터페이스를 만들기 위해서 만들어진 Javascript 라이브러리이다. 2013년 5월에 페이스북에서 처음으로 출시됐다. 리액트 버전 관리의 경우 페이스북, 개발자, 기업들이 공동체 유지 보수 방법을 진행하여 버전을 관리하기 때문에 비교적 다른 라이브러리, 프레임워크와 다르게 오랜 버전 업그레이드와 유지보수 매우 수월하게 진행되고 있다. 리액트는 앵귤러(Angular), 뷰(Vue)와 다르게 공식 문서에서 라이브러리라고 정의됐다. ..
