사용기술/React.js 3

[React.js] Component란 무엇일까?

컴포넌트란 무엇인가... 되게 추상적으로 머리에는 그려지는데 설명을 못하겠다! 근데 React 컴포넌트랑 프로그래밍 측면에서 컴포넌트가 좀 다른 점이 있는것 같다 ..! 그래서 한번 자세히 알아보자!! 먼저 컴포넌트란? - 프로그래밍에 있어서 컴포넌트란 재사용이 가능한 각각의 독립된 모듈을 뜻한다. ( 교체 가능한 부품 ) - 컴포넌트 개념을 잘 적용한 소프트웨어란 부품(인터페이스를 구현받는 클래스)만 바꾸어주었을 시 오류없이 잘 작동되는 것을 의미한다. 컴포넌트는 구현, 명세화, 패키지화, 그리고 배포 될 수 있어야한다. 1. 소스코드(soure code)가 아닌 실행코드(execute code) 기반으로 재사용할 수 있도록 이미 구현(implemetntation)이 완료되어 있어야만 한다. 2.컴포넌..

[React.js] 리액트의 기본 useState란?

리액트를 공부해보니 useState가 가장 흔하게 사용되고 중요한 내용으로 생각이 들었다. 아직 지식이 얕기때문에 추후에 생각이 바뀔지도 모르지만 우선은 내생각이니..! useState에 대해 정리해보자! useState란 무엇인가? useState는 함수형 또는 클래스형 컴포넌트의 상태를 관리하고, 변경할 수 있도록 도와주는 하나의 React Hook 이다. (컴포넌트와 Hook에 대해서도 정리해야겠다) 한마디로 로컬의 데이터 상태를 관리할 수 있게 해주는 기능! 하나의 useState 함수는 하나의 상태 값만 관리할 수 있기 때문에 컴포넌트에서 관리해야 할 상태가 여러 개라면 useState를 여러번 사용해야 함!! state란 무엇일까? state만 제대로 이해하고 사용 할 수있으면 react의 절..

[React 사이드프로젝트] 리액트를 선택한 이유 (feat.DreamCoding)

5월에 회사를 그만두고 6월에 들어갈 회사에서 리액트를 공부를 조금 했으면 좋겠다고 해서 인강을 찾아보다가 드림코딩 앨리님의 리액트 강의가 좋다는 평이 많아서 강의를 선택하게 되었다! 드림코딩을 선정하기 전에 생활코딩에 react무료 강의가 있어서 먼저 들어보았다! 처음 리액트 입문 후기를 남긴 글을 원래 나의 블로그에 정리해놓았다! https://jihoon2723.tistory.com/entry/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%9E%85%EB%AC%B8%EA%B8%B0 리액트 입문기.. 리액트를 공부를 시작하게 되었다! 처음이라 기초를 차근차근 알고싶어서 인프런 강의들을 뒤져보다가 생활코딩 무료 리액트 강의를 발견하였다!!! 길지않은 강의 였기에 이틀에 걸쳐 다 들을 jiho..