프로젝트/Portfolio(9)
-
Portfolio 페이지 만들고 배포하기(3) React에서 제공하는 Link 사용
요즘 레이아웃을 제공해주는 사이트들이 매우 많다. 장기적으로 봤을땐.. 실력향상에 도움이 될지는 모르겠지만 너무 편하고 짧은 시간에 개발을 해야되는 나의 입장으로썬 매우 감사한 서비스다. 이번 포트폴리오 페이지 제작에있어서 tailwindcss를 사용했고 https://tailblocks.cc/ 라는곳에서 제공하는 레이아웃을 대거 채택했다. 조금씩 손보는 과정에서 태그 대신 React의 Link 컴포넌트로 교체하는 작업을 진행했다. (이걸 작업이라고 해야되나 -0-) 교체하는 이유는 다음과 같다. React에서 제공하는 Link 컴포넌트를 사용하는 이유는 브라우저의 주소만 바꾸고 페이지는 새로 로딩하지 않는다는 점이다. 이로 인해서 브라우저의 히스토리가 남게되어 앞으로가기 뒤로가기 기능을 사용할 수 있어..
2023.04.17 -
Portfolio 페이지 만들고 배포하기(2) Lottie Animation 적용
포트폴리오 사이트를 꾸미던 도중 상당히 맘에드는 라이브러리를 알게 되었다. LottieFiles라는 사이트에서 제공하는 애니메이션 이미지를 JSON 파일로 받아서 Lottie Player라는 외부 라이브러리를 사용해서 재생시킨다. 로티 플레이어 GitHub - mifi/react-lottie-player: Fully declarative React Lottie player Fully declarative React Lottie player. Contribute to mifi/react-lottie-player development by creating an account on GitHub. github.com 설치 npm install --save react-lottie-player 사용법 import ..
2023.04.17 -
Portfolio 페이지 만들고 배포하기 (1)
프론트 앤드 관련부분에 넣을만한 것이 전무하다고 생각되어 조그맣게 해보려고합니다. React 기반으로하는 Next.js를 사용하는 SSR 포트폴리오 사이트를 만들건데 레이아웃이나 에디터는 Notion API를 사용해서 꾸며볼것입니다. TypeScript를 사용해보고 싶었는데, 참고하는 프로젝트에서는 사용하지 않아서 요 프로젝트가 끝나면 타입 스크립트를사용하는 것도 한번 만들어 보겠다. 자 이제 시작이야! 내꿈을 위한 여행
2023.04.16