본문 바로가기

전체 글41

Node.js 간단히 알아보기 + Express 프로젝트 생성하기 Node.js 간단히 알아보기 현재는 진행하는 프로젝트들의 API 서버는 Spring Boot로 진행하고 있습니다. Spring Boot는 저에게 많이 사용하여 익숙하기 때문에, 그리고 딱히 다른 백엔드 언어나 프레임워크를 다뤄본적이 없기 때문에 (주니어라 개발 경력이 많지 않습니다..) 항상 Srping Boot로 API 서버를 만들어 사용했습니다. Node.js에 관심도 있고 간단한 API 서버의 경우 Srping Boot로 만들게 되면 괜히 메모리만 많이 먹는게 아닌가 하는 생각이 들기도 하여 Node.js도 틈틈이 공부하기로 마음먹었습니다. 추후 제가 지금 만들고 있는 애플리케이션의 리팩토링이나 레거시를 걷어 낼 때 다양한 선택지도 줄 수 있을 것 같아 좋아보였고, 언어 자체도 저에겐 익숙한 Ja.. 2021. 4. 30.
Nuxt.js Toast Ui Editor 적용 Toast Ui Editor 적용하기 프로젝트를 진행하다 Nuxt.js에서 텍스트에디터를 사용할 일이 생겨서 이번엔 Nuxt.js에 Toast Ui Editor를 적용하는 방법에 대해 글을 써보려 합니다. 처음엔 Toast Ui Editor가 아닌 Quill Editor나 Summernote를 사용해서 진행해 볼까라고 생각하여 Quill Editor와 Summernote 모두 사용해보았습니다. 3가지 텍스트에디터 모두 사용해보았으나 Toast Ui Editor가 저는 가장 편리하고 기능도 괜찮다고 느꼈습니다. (nhn 만세!!) Quill Editor의 경우 심플하지만 모든 기능을 다 직접 구현해야 하는 번거러움이 있었고 Summernote는 자세히는 써보지 않았지만 저는 딱히 매력을 느끼지 못했습니다... 2021. 4. 26.
Nuxt.js routing 알아보기 Nuxt.js routing 알아보기 Nuxt.js의 정적 페이지와 동적 페이지 예제를 통한 그 안의 여러가지 개념들을 함께 복습 및 공부하려고 합니다. 프로젝트를 진행하면서 많이 사용하는 개념이기도 해서 기록겸 복습겸 쓰고 있습니다. 예제는 주로 공식문서 예제를 사용할 예정이고 필요에 따라 예제를 생성해서 작성하려 합니다. 역시나 제가 알고 있는 부분과 다른 내용이 있거나 수정할 부분이 있다면 댓글로 남겨주세요! Routing 라우팅의 경우 기본적으로 Nuxt에선 와 같이 NuxtLink 태그로 라우팅을 합니다. 기존 Vue.js 라우팅은 아래와 같이 수동으로 설정해줘야 합니다. Hello App! Go to Foo Go to Bar // 0. 모듈 시스템 (예: vue-cli)을 이용하고 있다면, V.. 2021. 4. 23.
Dart 언어 JavaScript와 다른 점 Dart 언어 JavaScript와 다른 점 저번에 간단히 Dart에 대해 알아보았기 때문에 오늘은 자바스크립트와 다른 점을 알아보려 한다. 나는 Flutter를 사용하기 위해 Dart를 공부하는 것이기 때문에 Flutter 공식 홈페이지를 참고하여 공부하였다. Flutter에서는 JavaScript와 몇 가지 차이점을 안내해주었다. 진입점 자바스크립트의 경우 진입점이 정해져 있지 않지만 Dart의 경우 진입점인 main() 함수가 반드시 필요하다. // JavaScript function startHere() { // Can be used as entry point } // Dart main() { } 콘솔 출력 // JavaScript console.log('Hello world!'); // Dart.. 2021. 4. 20.
728x90
반응형