Multi Developer SuHo

안녕하세요~ 날씨가 점점 추워지는 것 같죠? 여러분들도 몸살 감기 조심하세요. 😷😷 그럼 시작하겠습니다.이번에는 리액트에서 중요한 State에 대해 알아보겠습니다. 리액트에서 State란?컴포넌트 내에서 지속적으로 변경이 일어나는 값을 관리하기 위해 사용하는 것을 말합니다. 쉽게 말해, 컴포넌트가 어떤 모습을 보여줄지 결정하는 데이터라고 생각하면 됩니다. 그럼 왜 ❓❓ State를 사용해는지 궁금증이 있으실 겁니다.이런 궁금증을 해결하기 위해 제가 생각해본 결과일반적으로 변수에 할당된 값이 변경되면  렌더링시 html에 자동으로 반영이 되지않아, 직접 코드를 작업해서 해야하지만, state는 html 이 자동으로 재렌더링 되기 때문에 동적인 화면을 구현할 수 있기 때문에 사용합니다. 이러한  이유로 ..

안녕하세요~ 이번에는 리액트에서  웹 페이지를 구성하는 가장 기본적인 단위인 컴포넌트(Component)에 대해 살펴보겠습니다.크게 5가지로 1. 컴포넌트 개념  2.컴포넌트 활용   3. 컴포넌트 만드는법 , 4.컴포넌트 장단점 5. 함수형 컴포넌트 VS 클래스형 컴포넌트 차이점에 대해설명해보겠습니다.먼저, 컴포넌트의 개념입니다. 컴포넌트? , 처음 들었을 때는 어? 어디서 들어봤는데? 라고 생각하신 분들도 계실겁니다. 컴포넌트는 리액트 앱을 구성하는 가장 작고 독립적인 단위입니다. HTML, CSS, 그리고 JavaScript를 하나로 묶어 특정 기능이나 UI를 담당하는 요소라고 생각하면 됩니다.그럼 이 컴포넌트를 어디에다 활용할까요? 다음과 같은 곳에서 활용됩니다.컴포넌트 활용📓1.  UI 구성 ..

안녕하세요~   요즘 날씨가 쌀쌀하죠?🥶🥶  저도 역시 추위를 많이 타서 그런지 춥게 느껴집니다. 여러분들도 따뜻하게 입으시고 감기 조심하세요!!  그럼 이번시간에는 JSX가 무엇인지, JSX의 역할, 사용하는 이유, 장점과 단점, 간단한 사용방법에 대해 간략하게 이해하기 쉽도록  예시를  들어서 설명해드리겠습니다. JSX JSX는 JavaScript  +  XML의 약자로, React에서 UI를 더 직관적이고 간편하게 작성할 수 있게 해주는 확장한 문법 입니다. 쉽게 말해서  "HTML과 자바스크립트를 하나의 문법으로 섞어서 사용할 수 있게 해주는 것" 이렇게 생각하시면 더 쉽게 이해하실 수 있습니다. JSX의 역할은? ✍️다음은 JSX의 대표적인 역할 4가지입니다.그럼 이 JSX라는 문법을 왜 사..

안녕하세요~ 저번 시간에는 리액트의 대한 개념을 소개했었습니다. 이번 시간에는 리액트의 장점과 단점 그리고 리액트 네이티브(React Native)와 리액트의 차이를 간단하게 설명하겠습니다.우선 리액트의 장점과 단점부터 살펴보시죠😀리액트의 장점은 ✅  빠른 업데이트와 렌더링 속도✅  재사용성이 높은 컴포넌트 기반 구조✅  JSX 문법 사용   ✅  활발한 지식 공유와 커뮤니티✅  리액트 네이티브를 이용한 모바일 앱 개발리액트의 단점은 🔴 과도한 의존성 🔴 높은 상태 관리 복잡도🔴 방대한 학습량리액트 🆚 리액트 네이티브 리액트는 페이스북에서 만든 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 입니다.리액트 네이티브는 오픈소스 모바일 애플리케이션 프레임워크 입니다.     리액트(React..

안녕하세요~  프론트엔드 입문하는 강의에 추천하는 목록들을 소개하겠습니다. 주로 저는 인프런 및  유튜브에서 강의를 듣지만 다른 강의 플랫폼인 노마드 코더  에서도 참고하고 있습니다. https://nomadcoders.co/ 노마드 코더 Nomad Coders코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요!nomadcoders.co1. 유노코딩 🐧- 이 분 강의는 파이썬, 자바스크립트  HTML & CSS 를소개하거나 반응형 웹에 대한 전반적인 내용을 소개해줍니다. 저도 강의를 듣고 많이 도움이 되었고, 어려운 부분을 쉽게 설명해주셔서 이해하는데 어려움은 많이 없었습니다.  유튜브도 운영하고 있으시니  참고해주시면 좋을 것 같습니다 .https:..

안녕하세요 이번에는 리액트(React)에 대해 살펴보겠습니다.  다음과 같은 사진은 리액트를 상징하는 이미지입니다. 리액트란? 사용자 인터페이스를 만들기 위한 자바스크립트(Javascript)  라이브러리 입니다. 쉽게 말하면   "사용자 인터페이스를 만들기 위한 도구 " 라고 생각하시면 됩니다.   이렇듯 리액트는 SPA(Single Page Application)를 쉽고 빠르게 만들 수 있도록 해주는 도구이자 대표적인 자바스크립트 UI 라이브러리라고 할 수 있습니다. 이번에는 React에 대한 개념을 토대로 설명했습니다. 다음 시간에는 리액트의 장점과 단점을 주제로 소개하겠습니다. 피드백 및 댓글 달아주시면 참고하겠습니다!!