/knowledge_sharer

지식공유자가 되고 싶어 내딛는 한 걸음🌱

Primary LanguageVue

지식공유자가 되고 싶어 만든 뷰 프로젝트

vue.js를 이용해 실무에서 사용하는 프로젝트를 만들어보도록 합니다 ( ´ ▽ ` )ﾉ

완성본 => https://soraji.github.io/knowledge_sharer/index.html

(main페이지의 목록은 localhost로만 제공해주는 API를 이용해서 dummy API를 이용하였습니다!

테스트와 실시간 정보를 위해서는 git clone혹은 zip다운 후 localhost로 띄워주세요)

이 프로젝트에서는 아래의 개념을 사용했습니다 ๑•‿•๑

  1. cli 로 프로젝트 생성하기
  2. 컴포넌트 구조 기획하기
  3. header & footer & router-view
  4. vue에서 font-awesome이용하기
  5. 검색조건 & 모달 생성
  6. API받아와서 목록 리스트 생성(v-for)
  7. for문에서 변수 가져오기
  8. 삼항연산자 (:class, :style :js)
  9. props, event
  10. 상세페이지 만들기
  11. 반응형 rowspan, 반응형 colspan
  12. eventbus 이용하여 font-size변경하기
  13. 에러발생시 slack으로 알림오기
  14. 동아시아 문자(한글, 중국어, 일어) input 입력시 모음/자음 처리

zip파일로 다운받으시거나 git clone으로 복사하신뒤에 npm i 로 node_modules 설치후에 npm run serve 로 프로젝트를 띄워주세요 ( •̀ ᴗ •́ )و