# Nuxtjs
[LOGIN] META
메타 계정 만들기 > meta for developers > 내 앱 > 앱 생성하기대시보드에서 앱에 제품 추가 리스트 중 Facebook 로그인 설정을 누르고 셋팅하면 내 제품에 추가가 됨테스트라 따로 셋팅은 안하고 클라이언트 OAuth 설정에 참고 문서그래프 API
[도전과제] Vue,Nuxtjs로 Youtube-Video-Player 코딩하기
들어가며( - Homebrew로 FFmpeg설치하기( - Video와 Preview 이미지 준비하기(환경 설치(- 준비 파일 : 한 개의 video 영상 Video Player HTML/CSS(💡 HTML, Javascript로 구성하는 Youtube-Player
Nuxt.js - CSR 방식으로 프로젝트 구성과 이해하기
참조링크https://hong6v6.tistory.com/entry/vue-nuxt-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0https://velog.io/@haileyself/SPA-Client-Side-Rendering-%E
[NuxtJS] 01. 기본 환경세팅
NuxtJS로 포트폴리오를 만들어보면서 기초적인 부분들과 몰랐던 부분들에 대해서 정리를 할 계획이다. 일단은 가장 기본이 되는 환경세팅 하는 방법부터 살펴보자! cmd창을 열고 아래와 같은 명령어를 사용하여 프로젝트를 생성 > npm init nuxt-app <project-name> 위 명렁어를 치면 아래와 같은 화면이 나오는데, 단계별로...
Log: 개인 블로그 만들기(1)
회상하건데 본격적으로 개발에 흥미를 가진게 2020년 즈음 될 것이다. 석사 졸업을 앞두고 취업에 자신이 없던 나는 도피하듯 개발에 빠져들었고, 그 때 제일 집착했던 것이 블로그 만들기였다. 정갈한 개인 블로그를 꿈꾸며 웹개발에 입문하게 되는데 HTML, CSS, JS
[NuxtJS] Nuxt에 scss 적용
Nuxt.js에서 sass/scss 및 mixin 적용 방법 Nuxt.js에서 scss를 사용하는 방법은 아래와 같습니다. sass와 sass-loader 설치 npm i sass@1.26.5 sass-loader@8.0<span class="hljs-number" style="colo
Nestjs and Nuxtjs in one app
최근 팀에서 도메인 별 개발을 하게 되어서 프론트와 백엔드 구분이 없어졌다. 선배는 이에 대응해서 기존의 프론트, 백엔드로 구분 지어진 워크스페이스를 통합시키기 위해 express를 nuxt의 serverMiddleware를 통해 융합시켰다. 이에 영감을 받아서 nes
Nuxt에 sass/scss 를 붙여보았다
1. node-sass / sass-loader 설치 > 설치가 완료되면 package.json 의 devDependencies에 관련 항목이 추가된다. 2. nuxt.config.js 설정 3. 오류 발생 #1. webpack 버전 오류 > 오류 1 npm ru
Nuxt에 express REST API 를 붙여보았다
Nuxt에 express REST API 적용하기 nuxt.config.js axios 로 HTTP 요청 Case1 : asyncData 예시 Case2 : 함수 호출 예시 express REST API 서버 Fail : 첫번째 시도 > #### 배움 get
CSS 프레임워크를 직접 개발해보았습니다.
웹 프론트엔드 개발을 하다보면 CSS 프레임워크는 거의 필수적으로 사용하게 됩니다.저는 웹 개발할 때 Vue.js를 주로 사용하는데, 그 동안 이것저것 많이 사용해보았지만, 기능적으로나 디자인적으로 Element UI가 괜찮아서 그 동안 10개가 넘는 기업 웹사이트를
Nuxt.js 프로젝트에서 Sentry 이슈 디버깅
Sentry 이슈를 쉽게 디버깅하기 위해서는 소스맵을 사용해야 합니다.소스맵에 대한 설명은 subicura님의 크롬 개발자 도구를 이용한 자바스크립트 디버깅 글에 자세히 설명되어 있습니다.프로젝트 빌드시 소스맵을 생성 환경을 구성하면, 산출된 .js파일에 소스맵파일과