개발이 취미인 사람

- 개요 안녕하세요. 이번 시간에는 Sequelize에 Seeders라는 기술에 대해 알아보겠습니다. 우리는 어떤 기능 개발을 하다 보면 테스트 데이터가 필요할 때가 있습니다. 필요할 때마다 우리는 데이터 하나하나를 DB에 직접 넣는 수고를 겪을 수 있습니다. 이번 시간에 알아볼 Seeders난 기술은 이런 수고를 덜어줍니다. :) - 사용법 Sequelize-cli 명령어를 통해 초기 세팅을 해줍니다. sequelize init:seeders // seeders 폴더 생성 sequelize seed:generate --name Test // seeders 폴더 안에 새로운 Test.js 파일 생성 위 명령어를 실행하면 우리가 처음 sequelize init을 통해 만든 seeders 폴더 안에 새로운 ..

- 지난 시간 안녕하세요. 지난 시간에는 모델간에 관계를 정의하는 법에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드립니다. any-ting.tistory.com/50 [Node.js] Sequelize 모델 정의 및 옵션 설정 - 지난 시간 안녕하세요. 지난 시간에는 Sequelize를 설치하고 DB와 간단한 Users Table(모델)을 만들어서 확인해 봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 진행하고 오시는 걸 추천드리겠 any-ting.tistory.com - 개요 이번 시간에는 Sequelize에서 CRUD에 대해 알아보겠습니다, 기본적으로 시퀄라이즈를 사용하시는 분들은 기본적으로 SQL 언어에 대한 개념이 있다고 생각을 하고 진행하겠습니다..

- 지난 시간 안녕하세요. 지난 시간에는 모델을 정의하고 생성하는 부분에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/50 [Node.js] Sequelize 모델 정의 및 옵션 설정 - 지난 시간 안녕하세요. 지난 시간에는 Sequelize를 설치하고 DB와 간단한 Users Table(모델)을 만들어서 확인해 봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 진행하고 오시는 걸 추천드리겠 any-ting.tistory.com - 개요 이번 시간에는 시퀄 라이즈에서 모델 간에 관계를 맺는 방법에 대해 알아보겠습니다. 보통 관계를 맺는 방식은 1 : 1(일 대 일), 1 : M (일 대 다), N : M (다..

- 지난 시간 안녕하세요. 지난 시간에는 Sequelize를 설치하고 DB와 간단한 Users Table(모델)을 만들어서 확인해 봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 진행하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/49 [Node.js] Sequelize 개념 및 설치 - 개요 안녕하세요. 이번 시간에는 시퀄 라이즈(Sequelize)에 대해 알아보겠습니다. 시퀄 라이즈(Sequelize)란 무엇일까요? 시퀄 라이즈는 DB 작업을 쉽게 할 수 있도록 도와주는 ORM 라이브러리입니다. any-ting.tistory.com - 개요 이번 시간에는 조금 더 세부적으로 모델을 만들어 보는 시간을 가져보겠습니다. 모델을 정의(생성)하는 방법은 sequelize.difi..

- 개요 안녕하세요. 이번 시간에는 시퀄 라이즈(Sequelize)에 대해 알아보겠습니다. 시퀄 라이즈(Sequelize)란 무엇일까요? 시퀄 라이즈는 DB 작업을 쉽게 할 수 있도록 도와주는 ORM 라이브러리입니다. ORM이란 무엇일까요? ORM(Object-Relational Mapping)에 약자입니다. 즉, ORM은 자바스크립트 객체와 관계형 데이터베이스를 서로 연결해주는 도구입니다. - 설치 sequelize와 sequelize-cli 그리고 mysql2를 설치해주세요. (저는 MySQL 데이터베이스에서 사용을 해봤습니다.) npm install sequelize sequelize-cli mysql2 sequelize-cli는 시퀄라이즈 명령어를 실행하기 위한 패키지 라이브러리입니다. Globa..

- 개요 안녕하세요. 이번 시간에는 Mixin에 대해 알아보겠습니다. 우리는 프로그램을 만들다 보면 공통적인 기능들이 많이 있습니다. 예를 들어 첫 페이지에 특정 애니메이션 기능이 있고 두 번째 페이지에도 동일한 애니메이션 기능이 있다고 하면, 우리는 이 기능을 모듈화를 하고 싶다는 생각이 듭니다. 모듈이란 무엇일까요? 사전에서 소개하는 단어 뜻은 아래와 같습니다. 여러 뜻이 있지만, 우리는 규격화된 부품이라는 단어를 잘 이해야 합니다. (IT 용어는 참 어려워요... ㅠㅠ) 규격은 기능을 만들어 놓을 수 있는 "틀"이라고 할 수 있으며, 그 규격 안에 기능을 정리해 놓은 걸 하나의 부품이라고 할 수 있습니다. 그러면 Vue 인스턴스들은 해당 부품을 찾아서 사용하면 됩니다. 재활용이 가능하며 관리면에서도..

- 지난 시간 안녕하세요. 지난 시간에는 Vue Router를 활용해서 데이터를 전달하는 방법에 대해 알아봤습니다. 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/46 [Vue] Vue Router 데이터 전달하기 - 지난 시간 안녕하세요. 지난 시간에는 Vue Router 개념 및 설치 방법에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. :) any-ting.tistory.com/45 any-ting.tistory.com - 개요 이번 시간에는 라우트 중첩과 리다이렉트에 대해 알아보겠습니다. 라우트 중첩은 무엇일까요? 사실은 라우트 중첩보다는 컴포넌트 중첩이라고 생각하는 게 이해될 ..

- 지난 시간 안녕하세요. 지난 시간에는 Vue Router 개념 및 설치 방법에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. :) any-ting.tistory.com/45 [Vue] Vue Router 개념 및 설치 - 개요 안녕하세요. 이번 시간에는 Vue Router에 대해 알아보겠습니다. Router란 무엇일까요? 사전을 검색해보면 네트워크에서 데이터의 전달을 촉진하는 "중계 장치"라고 설명하고 있습니다. 위 그 any-ting.tistory.com - 개요 이번 시간에는 Vue Router에서 데이터 전달하는 방법에 대해 알아보겠습니다. 기본적으로 데이터를 전달하는 방식은 두 가지 방식이 있습니다. Query Params 그리고 프로그래밍..

- 개요 안녕하세요. 이번 시간에는 Vue Router에 대해 알아보겠습니다. Router란 무엇일까요? 사전을 검색해보면 네트워크에서 데이터의 전달을 촉진하는 "중계 장치"라고 설명하고 있습니다. 위 그림과 같이 로그인 페이지와 메인 페이지가 있다면, 사용자에 요청에 맞는 페이지를 보여주는 중계 역할을 할 수 있는 기술은 Vue Router입니다. Router와 항상 함께 묶어 사용되는 개념인 Route라는 용어도 있습니다. Route를 사전에서는 "한 곳에서 다른 곳으로 가기 위해 따라가는 길(경로/루트)"라고 설명하고 있습니다. 위 그림을 보면 화살표가 route가 될 수 있습니다. 두 개념을 혼돈하지 않으셔야 개발할 때와 커뮤니케이션할 때 좋습니다. (기억하세요!! :>) - 설치 설치는 아래 공..

- 지난 시간 안녕하세요. 지난 시간에는 Computed와 Watch 그리고 Method에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/43 [Vue] Computed vs Watch vs Method 사용법 및 비교 - 지난 시간 안녕하세요. 지난 시간에는 Vue.js 생명주기, LifeCycle에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/42 [Vue] C any-ting.tistory.com - 개요 이번 시간에는 vue에서 많이 사용하는 상태 관리 라이브러리 vuex에 대해 알아보겠습니다. 상태 관리? 무슨 말..