Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/1-blue/deprecated-portfolio
포트폴리오 웹사이트
https://github.com/1-blue/deprecated-portfolio
Last synced: 1 day ago
JSON representation
포트폴리오 웹사이트
- Host: GitHub
- URL: https://github.com/1-blue/deprecated-portfolio
- Owner: 1-blue
- Created: 2022-06-17T00:41:07.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-10-17T02:25:47.000Z (about 2 years ago)
- Last Synced: 2024-11-10T07:25:51.888Z (about 2 months ago)
- Language: HTML
- Homepage: https://1-blue.github.io/portfolio/
- Size: 1.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🐲 portfolio
> 평소에 사용하던 라이브러리들을 직접 구현해보면서 동작 원리를 공부하기 위해서 `TypeScript`를 제외한 다른 라이브러리는 사용하지 않고 모두 `Vanilla JavaScript`로 구현했습니다.
본인 소개와 기술스택 그리고 작업했던 프로젝트들에 대한 설명을 작성했습니다.
- [portfolio](https://1-blue.github.io/portfolio)
- [velog](https://velog.io/@1-blue/series/%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4)
- [trello](https://trello.com/b/xydemYIK/portfolio)
🛠️ 사용 기술 🛠️
💁♂️ 사용 툴 🙋♂️
# 👀 구현 기능
1. `scroll`에 의한 애니메이션
2. `accorion menu` 및 애니메이션 적용
3. `image-carousel`
4. 밤하늘의 별같은 움직이는 `background` ( using `` )
5. `TOC`
# 👇 가이드 라인
> 빌드 후 `/js/index.js`에 `./utils/index`부분을 `./utils/index.js`로 바꿔줘야 정상적으로 동작합니다.
+ 종속성 설치
```bash
npm install
```
+ 빌드
```bash
npm run build
```
# 🛠️ 제작환경
1. OS: `Window11`
2. editor: `VSCode`, `Sourcetree`
3. terminal: `git bash`
4. vcs: `Git` / `GitHub`
5. Front: `JavaScript & TypeScript`
6. 배포: `GitHib Pages`