[MyInfo] 나를 소개하는 개발자 Web

김현수·2023년 4월 23일
0

ppt

목록 보기
1/2

🤓 MyInfo



⚙️ 사용 기술

React
DJango
Discord Bot
Git


📄 실행 화면

  • 나를 소개하는 Arccodion Menu 와
    Mutate 로 나의 기술스택을 보여주는 Slide

  • Request 요청으로 Discord Bot 으로 연결


  • Slide 를 통한 포트폴리오 소개와 인스타그램 느낌으로 만든 Modal과 Modal 내의 Slide

  • 나의 Git / Instagram / Velog / Linked in 을 연결한 버튼 메뉴

  • DJango 에서 설계한 Model 중 Feeds


✏️ 개발 동기

프론트엔드를 지망하는 개발자로 나를 보여주고 나에게 요청을 할 수 있는 web 을 만들면 좋겠다는 생각에 개발을 함


🖋️ 설계

Front )   React

  • react-marquee-slider 와 lodash/times 을 통해 Marquee 로 이미지 Slider 를 10초마다 동작하게 설계

  • react-bootstrap 을 이용하여 Modal 과 Image Slider 구현

  • request modal 설계
  • Discord bot 을 설정한 post api call

  • axios 를 통하여 Back DJango 의 API와 연결

Back )   DJango

  • Discord bot 설정

  • Back DJango 에 Front React 연결하는 설정

profile
일단 한다

0개의 댓글