협업

오늘은 프로젝트를 진행하던 중 CSR, SSR이 무엇인지 설명해드리지 못했습니다.. 따라서, 그에 대한 내용을 정리해드리고자 합니다.. CSR, SSR을 알기 이전에 먼저 SPA, MAP 키워드에 대해 먼저 파악해야 할 필요가 있을 것 같습니다..! SPA, MAP SPA(Single Page Application) : SPA란 하나의 페이지로 구성된 웹 어플리케이션입니다. ex) 헤더 고정 메뉴 선택 클릭한부분만 바뀌는 사이트들이 SPA입니다! MPA MPA (=Multi Page Application) : 탭을 이동할때마다, 서버로부터 새로운 HTML을 새로 받아와서 페이지 전체를 새로 랜더링 하는 전통적인 웹 페이지 구성방식 매번 새로운 HTML을 서버로부터 받아옴 + 전환시 화면 깜빡임 ⇒ AJA..

Git Branch 전략 왜 Branch 전략을 정해야 할까?? 혼자서는 그저 main이나 master 브랜치에 머지하는 게 기능 개발에만 집중하기에 편했습니다. 하지만 모두와 함께 개발을 진행해가는데에 있어, 다른 분이 master에 푸시를 했는데 내가 Pull을 안하고 개발을 진행한다면?? 이게 중첩된다면?? 모든 코드를 다시 봐야하고 프로그래밍에 집중하지 못한 채 충돌난 부분만을 들여다봐야 할 것입니다. 즉, master 브랜치에서 작업하는 사람의 수가 늘어남에 따라 병합 충돌 횟수가 늘어납니다. Github Flow 사용되는 브랜치 - main : 언제든 Stable한 상태여야 한다. - topic : main 브랜츠로부터 파생시켜 브랜치 생성 ex. user-login-jwt, submoudl..

해당 게시물은 팀 프로젝트를 진행하는 데에 있어서, 'React를 사용했다'라기보다 'React를 쓰면 뭐가 좋은지, 데이터를 어떻게 다루고 있는지'에 초점이 맞추어져 있는 점 양해 부탁드립니다.. 웹 브라우저 동작 아래 그림은 웹 브라우저가 서버로 요청을 보내고, 응답 받아 화면을 그리는 과정입니다. Backend Time, Frontend Time으로 구분해서 웹 브라우저가 어떻게 화면을 표시하는지 나타냅니다. Backend Time : 렌더링 준비 단계로써, HTML 및 기타 Resources를 수신한다. Frontend Time : 렌더링 실행 단계로, Render Tree를 생성하고, Layout 및 Paint를 시도한다. 각 단계에서 어떤 일이 일어나는지 파악할 수 있어야 브라우저 렌더링 최적..

해당 게시물은 구름 국비교육 과정 내에서 React를 도입하기 전, React를 시작함에 있어서 어려운 게 아니라는 점을 알려주고 싶은 계기로 작성되어 있습니다.. React 소개와 모두 이전에 배우셨던 html을 어떻게 React로 표현할 수 있는지에 포커스를 맞추어 최대한 이해하기 쉽도록 구성하였습니다.. 부족한 점이 많겠지만 이해하는 데에 도움이 되셨으면 좋겠습니다.. React 란 무엇일까?? : 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리 입니다! : “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다. React 왜 쓰는데요?? - 웹페이지는 굳이 react안써도, html, css, javascript를 이용해서 만들 수 있습니다...