Giter VIP home page Giter VIP logo

sharjects's Introduction

Sharjects

Sharlotte's Projects는 넥스트 기반의 포트폴리오 웹사이트입니다.

Note

Work In Progress, 현재 개발중인 프로젝트입니다.
모든 콘텐츠들은 미완성이며 불안정합니다.

Tech Stack

Frontend

  • Typescript
  • Next.js
  • Next-Auth
  • SWR (제거 예정)
  • MUI & Emotion (먼 미래에 제거 예정)
  • Vanilla-Extract
  • Framer motion
  • MDX

Backend

  • MongoDB & mongoose
  • Node.js (Next.js)

more info

폴더 구조

Sharjects/
├─ .vscode/          -- visual studio code config dir
├─ public/           -- static content dir
├─ scripts/          -- 개발용 스크립트들
├─ src/
│  ├─ @types/        -- Typescript 타입 정의 파일. 유틸/전역/선언 보강 등...
│  ├─ assets/        -- SVG 아이콘 컴포넌트들. 추후 제거 예정
│  ├─ components/    -- 프로젝트 내 모든 컴포넌트 모듈들. 매우 큼
│  ├─ core/          -- 리액트 맥락과 분리되었지만 프로젝트 맥락과 관련된 모듈들
│  ├─ hooks/         -- 프로젝트 내 모든 리액트 훅 모듈들
│  ├─ legacy/        -- 더이상 사용하지 않는, deprecated된 모듈들
│  ├─ lib/           -- 오직 3rd party 라이브러리와 관련된 모듈들
│  ├─ pages/         -- Next.js pages dir
│  ├─ models/        -- mongoDB 모델들. 추후 제거 예정
│  ╰─ utils/         -- 프로젝트 내 모든 맥락과 무관한 범용 유틸리티 함수 모듈들
╰─ doc/              -- 문서. 타임라인 문단들이 있음

콘텐츠

타임라인과 프로젝트를 주로 개발 중이며 블로그까지 만드는 것을 목표로 두고 있습니다.

타임라인

3년 전부터 지금까지 개발자로써, 자잘구레한 것부터 큼지막한 것까지 모든 프로젝트와 개발 근황을 나열한 연대표입니다. 현재는 연속된 문서에 불과하지만 더 많은 컴포넌트와 애니메이션을 통해 시각성을 풍부하게 만들어줄 계획입니다.

프로젝트

개인 및 팀 프로젝트를 소개하는 페이지입니다.
각 프로젝트마다 제공되는 페이지봄로 프로젝트를 더 쉽게 이해할 수 있을 것입니다. 프로젝트 페이지는 후순위 개발 목표이기 때문에 현재 완성된 페이지는 없습니다.

블로그

제 블로그 및 문서들은 티스토리, 벨로그, 네이버 카페, 노션 등 여러군데에 분포되어 있습니다. 어느정도 벨로그와 티스토리로 정리했지만, 하나로 통일된 곳에서 여러 블로그들을 보여준다면 플렛폼 종속성에서 해방되기 때문에 이 콘텐츠를 계획하게 되었습니다.

sharjects's People

Contributors

aidnyu avatar renovate[bot] avatar sharlottes avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

sharjects's Issues

타임라인 문서 개편

  • 기존 문단 모두 MDX로 전환
  • 일부 망가진 스타일 개선
    • 다크 테마에서 리모콘 배경이 여전히 하얀색
    • 페이지 패딩 실종

사이드바 공간 개선

  • 프로젝트가 나날이 늘어가면서 사이드바가 너무 협소해짐
  • 모바일은 이미 하단 Links가 보이지 않음 #24
  • 차라리 프로젝트에서 사이드바를 한 층 더 보여주는게 나음
  • 이건 나중에 추가할 블로그 콘텐츠도 Contents 서브사이드 추가란 여유를 줄 수 있음
  • 이참에 등장 트렌지션과 퇴장 트렌지션을 주는것도 나쁘지 않음
  • 헤더의 삼단바는 사이드바가 열렸을 땐 cancel 아이콘으로 트랜지션

메인 페이지 스타일 개선

  • 간격 패딩이 생각 이상으로 너무 좁음
  • Contents 섹션의 각 콘텐츠들의 개발 대기중 항목은 불필요함
  • 인터렉티브 UI - 타이틀 이름 아래 프사를 누르면 깃헙으로 이동
  • 갈아엎은 Content 섹션이 pc와 같이 너비가 긴 화면에서 가시성이 낮음

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • fix(deps): update dependency next-auth to v4.22.3
  • chore(deps): update dependency typescript to v5
  • fix(deps): update dependency chart.js to v4
  • fix(deps): update dependency framer-motion to v10
  • fix(deps): update dependency mongoose to v7
  • fix(deps): update dependency react-chartjs-2 to v5
  • fix(deps): update dependency react-horizontal-scrolling-menu to v4
  • fix(deps): update dependency react-spotify-embed to v2
  • 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

npm
package.json
  • @emotion/react ^11.9.3
  • @emotion/server ^11.4.0
  • @emotion/styled ^11.9.3
  • @mdx-js/react ^2.3.0
  • @mui/icons-material 5.11.0
  • @mui/material 5.11.0
  • @next/mdx ^13.1.6
  • bcrypt ^5.0.1
  • chart.js ^3.9.1
  • framer-motion ^7.1.0
  • mongoose ^6.4.4
  • next ^13.3.1
  • next-auth ^4.10.2
  • notistack 3.0.0-alpha.11
  • react ^18.2.0
  • react-dom ^18.2.0
  • react-chartjs-2 ^4.3.1
  • react-spotify-embed ^1.0.4
  • react-horizontal-scrolling-menu ^3.2.0
  • swr ^2.1.3
  • @types/bcrypt ^5.0.0
  • @types/node ^18.0.0
  • @types/react ^18.0.27
  • @types/react-dom ^18.0.5
  • @types/spotify-api ^0.0.19
  • eslint ^8.27.0
  • eslint-config-next ^13.1.1
  • typescript ^4.9.4

  • Check this box to trigger a request for Renovate to run again on this repository

페이지 대소문자 자동 rewrite 라우팅

기존엔 404 not found에서 소문자화시켜 리다이렉팅시켰지만 UX와 안정성 개선을 위해 서버 라우팅이 자체적으로 rewriting할 필요가 있음

  • Next.js rewrites로 소문자화
  • 404 Not Found 페이지 재단장

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.