# nuxt

14개의 포스트
post-thumbnail

시퀄라이즈 도입하기

우선 아래 명령어를 입력하여 Dependeny를 설치해줍니다.시퀄라이즈는 ORM(Object-relational Mapping)으로 분류 됩니다. ORM은 자바스크립트 객체와 데이터베이스의 릴레이션을 매핑해주는 도구 입니다. 시퀄라이즈를 사용하는 이뉴는 자바스크립트로

2020년 4월 6일
·
0개의 댓글
post-thumbnail

백엔드 코딩 준비하기

project 폴더를 생성한 후 back이라는 폴더를 생성하였습니다. back폴더로 진입하여 가장 먼저 yarn init을 진행 해 주었습니다. 또한 github에 업로드 하기 위해 git init을 비롯한 필요한 작업을 진행해 주었습니다.그 다음으로 아래 커맨드를 입

2020년 4월 6일
·
0개의 댓글
post-thumbnail

Twitter Clone Cording

Inflearn의 Vue로 Nodebird SNS 만들기 강의를 듣고 배운 내용을 정리하여 포스팅 하려고 합니다.(20/04/06 월 시작)제로초 강의

2020년 4월 6일
·
0개의 댓글
post-thumbnail

Nuxt.js 시작하기 - 1. 설치

Vue.js를 사내 프로젝트에 적용해야 했다.맨땅에서 시작하자니 혼자 삽질을 많이 했고, 진도가 나가지 않는 상태였다.구글링하다 Vue.js로 개발하려거든 Nuxt.js를 무조건 도입해라. 라는 글을 봤고, 그 때부터 쓰기 시작했다.처음 시작할 땐 템플릿이라고만 생각했

2020년 3월 25일
·
0개의 댓글
post-thumbnail

[Vue.js] 카카오 우편번호 서비스 컴포넌트 만들기

Vue.js에서 Daum 우편번호 서비스를 이용해 쉽고 간편하게 우편번호 검색, 도로명 주소 입력 기능을 만들어보세요. navigator history stack관리는 덤.

2020년 3월 16일
·
0개의 댓글

04W 개발일지(뒤늦은)

주말에 정리를 못했다(feat 설날) 04W 주요사항 vue-nuxt로 todo 개발 vuetify 사용 및 컴포넌트화에 따른 재사용 방법 v-slot 및 props 컴포넌트 재사용 이슈 버튼, input박스 등을 재사용할 경우에 발생할 수 있는 여러 이슈들이 존재 각 컴포넌트별 서로 다른 부모가 있으므로 처리함수를 개별로 건네줘야한다. A...

2020년 1월 30일
·
0개의 댓글

03W 개발일지

03W 개발 일지 vue-ts 개발 스탑 이유 : vue 3.0에 ts가 같이 나올텐데 어떤식을 나올지 감이 안잡히기 때문 뭔가 새로운, 완전 다른 형태가 될 수도 있음 지금 Vue 개발의 우선순위가 먼저가 될 수 없음 vue-nuxt 개발 시작 위의 이유의 시발점(욕이 아니다) nuxt를 사내에서 사용하고 있기에 우선적으로 배워야 하는 이슈가 있음 n...

2020년 1월 20일
·
0개의 댓글
post-thumbnail

Serverless를 이용해서 Nuxt 프로젝트 AWS lambda에 배포하기

최근 클라우드 서비스를 이용한 마이크로 서비스 아키텍쳐(MSA)가 대두되고 있습니다. AWS lambda는 MSA에 적합한 클라우드 서비스입니다. 이를 이용하면 간단한 코드 작성만으로 서버 없이 배포를 할 수 있습니다. serverless 프레임워크는 node.js 환경에서 lambda 배포를 쉽게 할 수 있도록 돕습니다. 이 serverless를 ...

2019년 6월 14일
·
1개의 댓글
post-thumbnail

[삽질기록#1] EUC-KR 인코딩, hash link

EUC-KR 인코딩 시작 세상의 모든 웹사이트, api가 utf-8을 사용한다면 인코딩에 대해 전혀 신경쓸 필요가 없을 것이다. 물론 그런 일은 일어나지 않는다. will-not-happend.jpg 그러므로 어느 시점에는 인코딩에 대해 신경써야될 일이 생긴다는 것이다. 현재 진행 중인 프로젝트에서 실명 인증 기능이 필요해서 구글링을 하다보니 나이...

2019년 5월 31일
·
0개의 댓글

Nuxt Cypress 적용기

0. cypress란 https://www.cypress.io cypress는 end to end test framework입니다 end to end test란 사용자 입장에서 테스트하는 것을 말합니다. 좀 더 자세한 것은 아래의 글을 읽어보시면 좋을거 같아서 링크 공유드립니다. https://medium.com/hbsmith/e2e-test-알아보...

2019년 2월 10일
·
0개의 댓글

Nuxt Sentry 도입기

0. Sentry은 무엇인가? https://sentry.io/welcome/ sentry의 홈페이지를 보시면 아시겠지만 에러를 추적해주는 소프트웨어 입니다. 이게 왜 필요한가에 대해서는 애플리케이션을 만들고 출시하고 운영하다보면 애플리케이션을 사용하는 사용자가 에러난다고 피드백을 줄 때가 있다. 이런 피드백을 받을때 난감한 점은 유저가 어느때에 정확...

2019년 2월 9일
·
0개의 댓글

Nuxt PWA 적용기

0. PWA란? PWA는 구글에서 밀고 있는 웹기술로 progress web app의 역자입니다. 대표적인 기능으로는 푸시 알람, 오프라인 지원, 앱 같이 설치 된다는 점입니다. 일단 저는 푸시 알람과 오프라인 지원은 완벽하게 지원되는 단계가 아닌 어떻게 도입할 수 있는지에 대해서 서술해보려고 합니다. 나중에 둘 다 도입 및 해결하게 되면 추가적으로 ...

2019년 2월 9일
·
0개의 댓글

Nuxt docker image로 만들기

이번에는 nuxt를 도커 이미지를 만들어서 다음 프로젝트에서 사용하는 기본 뼈대가 되거나 aws 등의 클라우드에 도커 이미지를 올리는 등에 쓰일 수 있도록 이미지를 만들어 보도록 하겠습니다. 일단은 저는 초기 설치 후 이것을 이미지로 만들어서 다음 프로젝트에도 사용되는 기본 뼈대가 되도록 이미지를 떠보도록 하겠습니다. 0. Docker 설치 https...

2019년 2월 5일
·
0개의 댓글

AWS Lambda에 Nuxt 배포하기 (feat. Apex Up)

해당 예제는 Apex Up을 사용하여서 aws lambda에 배포합니다. 1. Nuxt.js 초기 설치 또는 npx 명령어는 npm 5.2.0 버전 이후부터 실행 가능합니다. 위 명령어로 nuxt.js를 설치시 server framework를 선택할 때 None(Nuxt default server)가 아닌 다른 것을 선택해야 lambda에 배포 가능...

2019년 2월 5일
·
0개의 댓글