또실패영의 개발일지

Next.js React에서 SSR(서버 사이드 렌더링)을 간편하게 해주는 프레임워크 특징 SSR(Server Side Rendering) : 서버 측에서 렌더링해 클라이언트 쪽으로 보내주는 형식 장점: 서버에서 완성된 HTML을 보내주므로 렌더링 속도가 빠르고 SEO가 좋음 단점: CSR보다 서버에 부하가 많고 페이지 이동 시 깜빡임 현상이 있을 수 있음 CSR(Client Side Rendering) - react : 서버에서 데이터를 받아와 클라이언트 환경에서 렌더링하는 형식 초기 페이지 로딩이 오래 걸리며 SEO가 어려움 SEO(Search Engine Optimization): react의 경우 html 구성이 되어 있지 않기 때문에 검색엔진이 쉽게 찾을 수 없지만 next js 의 경우 서버에..

React 페이스북에서 제공해주는 자바스크립트 라이브러리의 하나로서 특히 SPA를 위한 사용자 인터페이스를 구축하는데 사용 SPA(Single Page Application): 필요한 모든 정적 리소스를 처음에 한번 다운로드하는 단일 페이지로 구성된 웹 애플리케이션 특징 Data Flow 단방향 데이터 바인딩: 부모 컴포넌트 -> 자식 컴포넌트로 전달하는 데이터 흐름 장점: 데이터 변화가 일어났을 때 성능 저하 없이 DOM 객체 갱신이 가능하며, 데이터 추적 및 디버깅이 쉬움 단점: 데이터 변화에 따른 화면 업데이트 코드를 매번 작성해야 함 양방향 데이터 바인딩 ex) Angular, Vue : 데이터의 변화를 감지해 템플릿과 결합하여 화면을 갱신, 화면의 입력에 따라 데이터 갱신 장점: 코드량이 적음 ..

둘다 사용을 해봤지만 우선 나는 Back-end를 할 때 JavaScript를 사용했고 Front-end를 할때는 거의 TypeScript를 사용했던 것 같다! 그래서 간단하게 살짝의 면접 대비를 위해 차이점을 정리하고 넘어가려고 한다! JavaScript 웹 개발에 주로 사용 웹 페이지를 대화식으로 만드는 프로그래밍 언어 폼 유효성 검사, 애니메이션 적용 및 이벤트 생성 수행 클라이언트 측 스크립팅 언어 : 사용자가 웹 브라우저를 열고 웹 페이지를 요청하면 해당 요청이 웹 서버로 이동 멀티 스레딩, 멀티 프로세싱 기능이 없음 TypeScript JavaScript의 상위 집합으로 JavaScript의 모든 기능이 있음 컴파일러를 사용해 ts 파일을 js 파일로 변환 정적 유형 검사 제공 클래스 기반 객..