web/Frontend9 [React] VS Code를 사용하여 세팅하기(1) 원래 나는 jsp... jquery 시절 자바스크립트로 프론트엔드(?) 개발을 했었다... (아주 구석기시대ㅋㅋ)그러다 Frontent Framework가 급부상 하면서 예전 프로젝트에서 Vue를 한번 찍먹(?)으로 맛보게 되었고,지금 회사에선 React로 개발해보고자 하는 니즈가 있어 정리해본다. 2개 차이가 궁금하다면 아래글 참조https://ssmyefrin.tistory.com/96 React VS Vue요즘(?)에도 인지 모르겠지만 프론트엔드 개발의 양대 산맥 React 와 Vue!!! 일단 나는 Vue만 써본사람으로써 React는 어떨때 써야 더 매력적인지 알아보다 정리하게 된다. Vue와 React의 가장 큰 차이는ssmyefrin.tistory.com ✔ 우선작업NodeJS 설치가 필수.. 2025. 4. 23. React VS Vue 뭘 써야 할까 요즘(?)에도 인지 모르겠지만 프론트엔드 개발의 양대 산맥 React 와 Vue!!! 일단 나는 Vue만 써본사람으로써 React는 어떨때 써야 더 매력적인지 알아보다 정리하게 된다. Vue와 React의 가장 큰 차이는 Vue는 "프레임워크",React는 "라이브러리" 라는 점이다. 그말은 즉슨, 리액트는 자유도가 높고 뷰는 기능이 정해져있어 따라야 한다는 의미다. React는 자바스크립트 문법을 쓰고 싶은대로 사용이 가능하지만 Vue는 제공해주는 문법에 한해서만 구현이 가능하다. 둘 다 컴포넌트 기반의 아키텍처이며 빠르고 가볍다. ⚛️ Vue (프레임워크)"여기서부터 여기까지 이렇게 짜세요~" 하고 틀이 다 정해져 있음템플릿 문법 (HTML에 가깝게), 디자이너 출신도 배우기 쉬움양방향 바인딩 (v.. 2025. 4. 23. SPA 와 SSR vs CSR 프론트엔드쪽을 공부하다가 헷갈리는 개념을 정리해 보았다. ✔️ SPA(Single Page Application) SPA 란 말 그대로 한개의 페이지를 가진 어플리케이션이다. 왜 SPA 로 개발하느냐고 묻는다면, 사용자 친화적 초기 렌더링 후 데이터만 받아오기 때문에, 상대적으로 서버 요청이 적음 Virtual Dom(가상 돔) 프론트 엔드와 백엔드 분리로 개발업무 분업화 및 협업이 용이 개발이 상대적으로 효율적 페이지 전환 시에 서버로부터 새로운 페이지를 받아오지 않고, 클라이언트 측에서 필요한 데이터만 동적으로 로드하여 화면을 갱신 정도를 말할 수 있겠다. 기본적으로 SPA 는 클라이언트 사이드 렌더링이지만 그렇다고 SPA == CSR 은 아니다. 이제 아래에서 SPA 에서의 SSR 과 CSR 에 대.. 2024. 2. 13. JWT에 대한 고찰 로그인시 JWT 를 어디다 보관해야할지, 어떻게 보관해야 안전할 지 골똘히 생각하다가 정리하는 포스팅.. 일단 JWT 를 왜쓰는걸까? 남들이 다 써서^^? 걍 기존 시스템이 jwt라? 위에서 시켜서?? 물론 남들이 많이 쓰는덴 다 이유가 있다. JWT 는 stateless 해서 쓴다. 사용자 정보를 DB에 저장해놓고 요청할때 마다 I/O 해서 검증하는건 stateful 한 방식인 세션방식이다. On-premise(온-프레미스) → Cloud(클라우드) 시스템으로 넘어가면서 수평적확장(Horizontal Scale Out) 방식을 쓴다. 즉, 사용자가 1000명이었을 땐 서버가 1개였다가 갑자기 급증해서 10000명이 되면 클라우드 플랫폼이 이를 감지하여 서버를 10개 늘리는걸 수평적 확장이라 한다. 이게.. 2023. 9. 13. 이전 1 2 3 다음