inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

리액트 기본 문법, 이것만 알고 가자

리액트를 선택한 이유

해결된 질문

130

김성희

작성한 질문수 4

0

'수익형 웹사이트 사이트' 강의에서

여러가지 프론트엔드 프레임워크 중,

리액트를 선택하신 이유를 알고 싶습니다.

react aws Google-Analytics cloudflare adsense 수익화

답변 2

0

코배투

안녕하세요.

우선 강의 수강하여 주셔서 감사드립니다.

 

리액트 이외에도 Svelt, Remix, Vue, Angular 등 Javascript/Typescript 기반 여러 프론트엔드 프레임워크가 존재하고 있죠.

다만 이 중에서도 가장 많은 개발자들이 사용하고, 따라서 관련 커뮤니티 및 자료가 풍부한 프레임워크는 단연 리액트입니다.

웹 프로그래밍을 처음 배우는 분들을 함께 고려했을 때, 또는 이미 웹 프로그래밍을 잘 하실 수 있는 분들에게도 많은 사용자들이 사용하고 있어서 활발히 개선이 되는 프레임워크를 사용한다는 것은 큰 장점이 되기 때문입니다. 잠재 버그를 잡는 등 자정 작용이 활발하게 이뤄지기 때문이에요.

이 강의에서 그치는 것이 아니라 추후 다른 형태의 서비스를 스스로 만드시게 될텐데, 그때 손쉽게 자료를 찾고 적용하실 수 있도록 리액트 라이브러리를 선정했습니다.

0

김성희

소중한 시간 내주셔서 답변해 주심 감사합니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 김성희님.

리액트를 선택한 이유에 대해 질문해 주셨군요. 리액트는 많은 웹 개발 프로젝트에서 선호되는 프레임워크로, 다음과 같은 이유들로 선택될 수 있습니다.

리액트 선택 이유:

  1. 컴포넌트 기반 구조: 리액트는 컴포넌트 단위로 UI를 구축하므로, 재사용성과 관리가 용이합니다. 이는 개발 생산성을 크게 향상시킵니다.

  2. 가상 DOM: 리액트는 가상 DOM을 사용하여 실제 DOM 조작을 최소화함으로써 성능을 향상시킵니다. 이는 대규모 애플리케이션에서 특히 효과적입니다.

  3. 광범위한 커뮤니티와 생태계: 리액트는 대형 커뮤니티와 방대하고 다양한 라이브러리를 제공하기 때문에 확장성과 지원이 뛰어납니다.

  4. 유연성: 다른 라이브러리나 프레임워크와 쉽게 통합할 수 있어, 사용자의 요구에 맞춘 커스터마이징이 가능합니다.

  5. SEO 친화적: 서버 사이드 렌더링(SSR) 지원으로 SEO 최적화가 가능하여, 수익형 웹사이트에서 중요한 검색 엔진 가시성을 높일 수 있습니다.

리액트를 활용하면 수익형 웹사이트와 같은 프로젝트에서 위와 같은 이점을 얻을 수 있습니다.
관련된 내용은 강의 중에서도 다루어지므로 살펴보시면 큰 도움이 될 것입니다.

비슷한 주제로 논의된 다음 질문도 참조해 보시면 좋을 것 같습니다:
- 호스팅 업체를 결국 AWS로 정해야 하는 이유가 궁금합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

0

김성희

리액트를 선택한 이유 5가지를 들어주셨는데,
다른 프론트엔드 프레임웍도 비슷한 기능을 갖고 있는데도 불구하고,
왜 리액트를 선택했는지가 궁금했습니다.

ESFP 영어버전 받을 수 있을까요?

0

81

2

강의 9분 45초 질문입니다

0

88

4

이미지 생성 참조 툴 문의

0

78

2

사이트에 애드센스 연결하는 법

0

128

2

카카오 애드핏 글로벌

0

92

1

db 를 연결하려면 어떤걸 추천하시나요?

0

163

2

GA "수명주기" 탭 없음

0

113

2

cloudflare gitgub private repository 가져올 수 있을까요?

0

241

2

robots.txt 최신화 하는 방법을 아시나요?

0

137

1

메타태그쪽 보고 있습니다만 helmet 라이브러리가 뭔가 잘 작동 안하네요.

0

111

3

CloudFlare 설정 질문

0

377

2

SNS 공유버튼 그룹 만들기 6:30~7:30 질문있습니다.

0

144

3

React Build 문제

0

137

1

PC 접속 X, 모바일 접속만 가능

0

145

2

이미지 리사이징 현상 막기

0

140

1

AWS 배포 후 사이트 접속이 원할하지 않은 문제

0

120

1

따라하다 보니 어느순간 화면이 하얗게 나오는건 왜그럴까요?

0

157

3

이용 약관 코드도 제공을 해 주시나요?

0

126

1

코드 힌트 방법

0

223

2

마지막 강의에서 다음 강의가 있다고 하셨는데 곧 올라오나요?

0

86

2

rem 단위를 쓰는 이유

0

235

2

구글 애드센스의 경우 한 개의 아이디로 여러 사이트에 등록이 가능한 것인지 궁금합니다.

0

221

2

이미지 제작에 관한 문의

0

113

2

Layout 을 추가하니, ThumbnailList가 2번 그려지는 현상이 있어요.

0

79

2