차근차근 배움터

강의량이 상당하기 때문에 커리큘럼을 한 번 확인해보기를 추천한다 그리고 이번 강의에서는 전반적으로 큰 줄기들 위주로 어떻게 진행할 것인지 설명한다. 큰 세 가지 섹션으로 아래처럼 구분되어 있다. 강의를 수강하고 나면 여러분들을 리액트 개발자라고 부를 수 있게 될 것이라는 기분 좋은 이야기로 마무리 하셨다

Academind Community Join thousands of fellow students, share knowledge and grow together! academind.com 커뮤니티에 참여하고 싶은데 디스코드 계정이 필요하다 이상하게 가입이 안돼서 다음에 다시 도전해보는 것으로

해당 강의는 리액트에 대한 강의이지만, 리액트를 대신해서 사용할 수 있는 대안들도 있다는 사실을 알면 좋을 것 같다. 리액트는 가장 인기 있는 Front end 프레임워크 / 라이브러리이며 컴포넌트 기반의 ui 라이브러리이고 컴포넌트에 중점을 두고 있다 따라서 내장된 다른 기능은 많지 않다. 리액트에서 자주 사용하게 될 "라우팅(Routing)"과 같은 기능이 필요하다면 추가적으로 서드 파티 라이브러리를 설치해야 한다. 리액트에서는 컴포넌트에 초점을 맞추고 있다 앵귤러(Angualr) 라는 프레임워크가 그 대안이 될 수 있는데, 한 번도 영향력 있었던 적이 없고 또 인기 있던 적도 없는 프레임워크이다. 하지만 리액트보다 더 많은 내장 함수를 가지고 있다는 장점이 있다. 그리고 처음부터 typescript..

넷플릭스 화면을 보면 알 수 있다시피 어떤 카테고리를 클릭했을 때 화면이 전환되는 것이 서버에 html을 요청한 것이 아니라, 화면에 보이는 것을 변경하기 위해서 React.js를 통해 자바스크립트를 사용한 것입니다 이로 인해서 더욱 매끄러운 UI와 더 나은 사용자 경험을 제공해줄 수 있습니다. 이렇게 처음에 모든 정보를 받아서, 나중에 서버에 HTML을 재요청 하는 것이 아닌 필요한 컴포넌트가 있을 때마다 React에서 자바스크립트를 사용하여 페이지에 필요한 컴포넌트들을 제어 및 제공하는 것이다 Single Page Application 이라고 할 수 있죠. 사용자 측에서 보는 페이지 변경이 막힘 없이 부드럽게 연결 될 수 있는 비법이 바로 이 리액트에 있었습니다. 그 반대로 첫 화면에서 필요한 컴포넌..

자바스크립트를 이용해서 모달 창을 열고 닫는 과정을 작성해 보았다 모든 단계를 일일이 작성해야 하는 번거로움이 있다. 예제에서는 한 가지의 창 밖에 없었지만, 저 메인 화면에 있는 모달창이 여러 개라면 같은 작업을 여러 번 반복해야 하는 과정이 분명 존재하게 될 것이다. 명령형 접근 방식 일일이 코드에 대해서 반복적은 설명을 해야 하게 될 것이다 반대로 리액트를 이용해서 같은 기능을 만든다면 React.js가 파일이 더 많고 복잡해 보이는 듯 하지만 위와 같이 Todo 컴포넌트를 이용할 수 있다 여기에서 리액트에서 가장 중요한 개념 중에 하나인 컴포넌트가 등장한다. 리액트는 응용 프로그램을 작은 빌딩 블럭과 작은 컴포넌트들로 분할하는 것으로, 모든 빌딩 블럭, 컴포넌트들은 명확한 Task를 갖고 있으며,..

리액트는 자바스크립트 라이브러리 넷플릭스와 같은 웹사이트를 생각해보면 원활하게 작동하는 것을 알 수 있다. 화면전화도 빠르고 기다릴 필요가 없다. 로딩이 없는 것 같다. 마치 모바일 앱을 이용하는 것 같은 느낌을 준다. 전통적인 웹사이트라고 하면 클릭을 하고 그 요청이 서버에 전송되어 새로운 html페이지가 브라우저로 보내져 화면에 보여지는 과정을 거쳤다. 그리고 그 과정에서 html을 로딩하는 시간 때문에 기다리는 일이 발생했다. 브라우저에서 JS는 DOM이라는 것을 조작할 수 있다 이를 통해 HTML 요소들이 화면에 렌더링 된다 자바스크립트로 이를 조작할 수 있고, 다른 화면을 보여주기 위해서 새로운 HTML을 불러오지 않아도 된다. 이것이 JS의 역할이고 리액트 역시 JS 라이브러리이기 때문에 일종..

React 완벽 가이드 with Redux, Next.js, TypeScript 시작 Udemy에서 마음 먹고 결제한 React 강의 ! 리액트를 더 심도있게 배우고자 강의를 찾고 있었는데 Next.js와 TypeScript까지 다룬다는 내용을 보고 다른 강의 (Stephen 스테판 이라는 분도 유명하다고 들었는데)와 한참을 고민하다가 결국 이 강의로 골랐다! 맥스(maximilian schwarzmüller) 선생님과 열심히 수강해보려 한다 강의 수준은 초급자라고 되어 있지만, 꼼꼼하게 설명해주신다고 하고 중급자들도 듣기 좋다는 평을 보고 골랐다. 현재는 노마드코더의 무료 리액트 강의만 듣고 온 상태이다. 강의는 총 523개이다 숫자와 함께 블로그에 작성할 건데 양이 방대하겠다! BoBlex yujin..