react3 React란? 탑신병자 듀오 팀 티모입니다. 오늘은 React에 대해서 알아보겠습니다. React는 사용자 인터페이스(UI)를 구축하기 위한 프론트엔드 자바스크립트 라이브러리입니다. Meta(前 Facebook)가 복잡한 UI와 컴포넌트 구성을 개선해 보다 빠른 랜더링 등의 성능 향상을 위해 만들었습니다. 싱글 페이지나 모바일 애플리케이션 개발에 많이 사용됩니다. 웹 개발이 점점 복잡해짐에 따라 기존에 사용되던 html, css, js의 한계를 극복하기 위해 jQuery 라이브러리를 사용해 DOM(Document Object Model)을 조작하였습니다. DOM : 문서 객체 모델 웹 페이지 문서를 트리 구조의 노드로 표현하며, 자바스크립트로 이 노드들을 조작함 웹 페이지의 각 요소들을 동적으로 접근 및 수정할 수 있.. 2023. 7. 24. React에서 Next.js로 베하~! 안녕하세요~ 1Tier팀 입니다. 프론트엔드&웹 개발에 관심이 있는 분들, 혹은 IT트랜드에 관심이 있으신 분들은 많이 들어보셨을 Next.js Next.js가 무엇인지, 왜 이렇게 핫한지 한번 알아봅시다. Next.js 탄생 배경 Next.js의 탄생 배경을 알고자 하면, 우선 웹 통신 중 렌더링에 대한 지식이 조금 필요하기 때문에 간단히 알아봅시다. 우선 웹 렌더링 방식에는 크게 두 가지가 있는데, 바로 Server-Side Rendering과 Client-Side Rendering 가 있습니다. Client-Side Rendering VS Server-Side Rendering Client-Side Rendering은 리액트나 뷰 같은 라이브러리를 이용하여 서버가 아닌 유저의 브라우저에서 .. 2023. 5. 11. Front-End 란? 베하~~~안녕하세요 이번주도 돌아온 BETTER MONDAY 팀입니다. 가을이 와서 날씨가 아주 좋습니다!! 맨날 시원한 가을이였으면 좋겠네요 ㅎㅎ 저번주에는 자바스크립트를 간단하게 만들어보았는데요! 이번주는 이 자바스크립트로 할 수 있는 프론트엔드에 대해 알아보도록 하겠습니다. 시작해볼까요? 그럼 슈우우우웃~~~! Front-end 웹 사이트에서 사용자가 직접 상호작용하는 부분 사용자가 볼 수 있는 화면 사용자 인터페이스 User Interface Front-end 프레임워크 웹 응용 프로그램에서 사용자 인증, 렌더링 페이지, 데이터베이스 연결, 프로필, 양식화된 정보 피드 등 중복된 기능들의 논리를 작성한 도구 애플리케이션의 구조를 달성하는 데 도움을 주어 구성 세부 사항보다 기능에 집중할 수 있도록.. 2022. 9. 26. 이전 1 다음
