프로젝트/react 부시기
-
React란?프로젝트/react 부시기 2023. 12. 10. 00:01
React란? React.js 또는 ReactJS라고도 알려진 React는 웹 애플리케이션용 사용자 인터페이스(UI) 또는 사용자 인터페이스 구성 요소를 구축하기 위한 오픈 소스 JavaScript 라이브러리입니다. Facebook에서 개발하고 오픈소스화 하여 대화형 및 동적 웹 애플리케이션을 만드는 데 널리 사용됩니다. 대규모의 활발한 개발자 커뮤니티를 가지고 있습니다. React의 등장배경 react를 사용하지 않더라도 html, css, javascript를 활용하여 DOM을 조작하여 콘텐츠를 변경하거나 사용자 작업에 응답할 수 있습니다. 하지만 Javascript를 활용하여 복잡한 UI를 관리하고 브라우저 간 호환성 문제를 처리하는 것이 점점 더 어려워지고 오류가 발생하기 쉽기 때문에 이 접근 방..
-
React vs VueJS vs Angular 비교해보기프로젝트/react 부시기 2023. 12. 7. 00:01
개요 react에 대해서 본격적으로 알아보기에 앞서 유사한 기술스택에 대해서 어떤 차이점들이 있는지 비교해보고자 합니다. 주로 사용되는 유명한 프레임워크로는 reactJS, vueJs, Angular 등이 있습니다. "React vs VueJs vs Angular"에 대해 비교해 보는 시간을 가져보겠습니다. 공통점 - Single Page Application 세 가지 기술의 공통점은 모두 SPA라는 것입니다. SPA를 해석하자면 단일 페이지 애플리케이션이라는 의미로 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 변경하는 기술입니다. 페이지 전환 시 페이지를 새로 요청하는 게 아니라 자바스크립트로 HTML을 갈아치우면서 부드럽게 구현하는 것인데 일일이 구현하려면 귀찮고 코드가 길어지게 ..
-
백엔드 개발자의 React 공부 시작프로젝트/react 부시기 2023. 12. 5. 00:01
개요 react 부시기라는 카테고리를 시작으로 프론트엔드 공부를 소소하게 시작해보려 합니다. 애써 외면했던 프론트엔드 개발을 처음 시작할 때는 내가 만들고 싶었던 2~3개 정도의 서비스들을 개발하면서 백엔드는 Python, Flask를 활용하고 프론트엔드는 HTML, CSS, Javascript를 활용했던 경험이 있었습니다. 하지만 내 마음대로 배치되지 않는 CSS 때문에 프론트엔드에는 급격한 흥미가 떨어지게 되었습니다. 심지어 "나는 백엔드 개발자가 될 거야"라는 생각으로 SSAFY에서는 Vue.js를 배웠지만 한 귀로 듣고 한귀로는 흘려버리기도 하였습니다. "어드민 페이지가 필요해?" 그러면 Retool이나 Appsmith와 같은 로우 코드/노 코드 개발 플랫폼을 사용해서 대시보드를 쉽게 구축하면 되..