분류 전체보기23 <taskify> 프로젝트 후기 및 회고 프로젝트 소개코드잇 스프린트에서 진행하는 2차 프로젝트로 저희 팀은 상의 후에 일정관리 서비스인 taskify 프로젝트를 진행하게 되었습니다. taskify 프로젝트는 일정 관리뿐만 아니라 팀원 간에 할 일 목록을 공유하고 실시간으로 업데이트할 수 있는 서비스를 제공합니다.제작 기간2024.04.18 ~ 2024.04.30맡은 역할UI페이지 : 나의 대시보드, 대시보드 수정공통 컴포넌트 : 대시보드 버튼, 관리자 프로필기능대시보드 Header, 대시보드·사이드 바·초대받은 대시보드 리스트, 구성원·초대내역 리스트, 관리자·기본 유저 프로필시연 영상나의 대시보드 페이지: 나의 대시보드 목록을 조회하고 초대받은 대시보드를 볼 수 있습니다.대시보드 수정 페이지: 대시보드의 이름과 색깔을 변경할 수 있으며 구성.. 2024. 5. 4. next.js SSR 과 리액트 서버 컴포넌트의 차이 넥스트13.4 이후 버전부터는 App Router 라는 새로운 방식의 라우팅이 나왔는데 이때 컴포넌트들이 기본적으로 리액트 서버 컴포넌트라고 해서 새로 도입된 개념이어서 리액트 서버 컴포넌트에 대해서 찾아보다가 서버에서만 렌더링 되는 컴포넌트라고 해서 SSR 방식과 비슷해보여서 그 차이가 뭔지 찾아 보았습니다. 검색해보니 신기하게 이렇게 비교하는 글들이 많아서 사람들 생각은 비슷하다고 생각했습니다. SSR 제가 이해한 바로는 SSR은 서버에서 렌더링한 페이지를 HTML과 JS번들 파일을 클라이언트에 전달해주면 클라이언트는 HTML을 렌더링 한 후에 받아온 JS파일을 수화 하는 과정을 거쳐서 그때 리액트 컴포넌트로서 사용을 합니다. (이것은 리액트 클라이언트 컴포넌트) React Server Compone.. 2024. 3. 29. 넥스트.js 를 사용하는 이유 React와 Next.js는 둘 다 웹 애플리케이션을 개발하는 데 사용되는 도구입니다. 그러나 둘 사이에는 몇 가지 중요한 차이점이 있습니다. 아래는 Next.js를 사용하는 이유에 대한 설명입니다. 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG) 지원: Next.js는 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG)을 지원합니다. 이를 통해 초기 로드 속도를 향상시키고 검색 엔진 최적화(SEO)를 개선할 수 있습니다. 이는 React만을 사용할 때에는 추가적인 설정과 라이브러리를 사용하여 구현해야 하는 기능입니다. 라우팅: Next.js는 파일 시스템 기반의 라우팅을 제공하여 개발자가 라우팅 설정을 더 쉽게 할 수 있습니다. 페이지 간의 이동을 위한 코드 스플리팅도 자동으로 처리됩.. 2024. 3. 24. 타입스크립트의 동작 원리 TypeScript는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어로, JavaScript의 상위 집합으로써 정적 타입을 지원합니다. TypeScript의 동작 원리를 이해하기 위해서는 다음과 같은 개념을 고려해야 합니다. 컴파일러: TypeScript 코드는 TypeScript 컴파일러를 통해 JavaScript 코드로 변환됩니다. TypeScript 컴파일러는 TypeScript 코드를 분석하고 타입 검사를 수행하여 정적 타입 오류를 찾아냅니다. 그런 다음 이를 JavaScript 코드로 변환하여 실행 가능한 형태로 만듭니다. 타입 시스템: TypeScript는 정적 타입 시스템을 기반으로 합니다. 이는 변수, 매개변수, 함수 등의 타입을 명시하고, 이러한 타입들을 사용하여 코드를 검사합니다.. 2024. 3. 24. 이전 1 2 3 4 ··· 6 다음