Getting Started with Rails 위 튜토리얼을 따라 학습하며 작성한 글입니다. 개요 앞서 route 를 설정해 사용자의 요청을 적절한 controller 및 action 으로 전달하는 법을 배웠다. 사용자의 요청을 처리할 controller 와 action 을 작성하는 방법을 공부한다. DB 기초 포스팅과 Route 포스팅의 ...
[Ruby on Rails 8][Tutorial] Controllers 와 Actions
[Ruby on Rails 8][Tutorial] Route
Getting Started with Rails 위 튜토리얼을 따라 학습하며 작성한 글입니다. A Request’s Journey Through Rails To get Rails saying “Hello”, you need to create at minimum a route, a controller with an action, and a...
[Ruby on Rails 8][Tutorial] DB 기초
Getting Started with Rails 위 튜토리얼을 따라 학습하며 작성한 글입니다. 내장 DB rails new [프로젝트명] 위 명령어로 프로젝트를 생성할 때 DB 를 지정해주지 않으면 자동으로 내장 SQLite 로 지정해준다. Database model 만들기 $ bin/rails generate model Product...
[vue3] pinia actions
action 의 역할 액션은 컴포넌트의 메서드와 동일합니다. defineStore()의 actions 속성으로 정의할 수 있으며, 비즈니스 로직을 정의하기에 완벽합니다 라고 공식문서는 설명하고 있다. 그럼 왜 methods 라고 안하고 actions 라고 이름 지어서 헷갈리게 할까? 이유는 다음과 같다. getter 라는 이름은 계산된 sta...
[Ruby on Rails 8][Tutorial] ROR 디렉토리 구조
https://guides.rubyonrails.org/getting_started.html 위 튜토리얼을 따라 학습하며 작성한 글입니다. Let’s take a quick glance at the files and directories that are included in a new Rails application. You can open ...
[Ruby on Rails 8][Tutorial] ROR 철학과 프로젝트 생성
https://guides.rubyonrails.org/getting_started.html 위 튜토리얼을 따라 학습하며 작성한 글입니다. 사전 확인 $ruby --version $rails --version 시작하기 전에 ruby 와 rails 가 설치되어있는지 먼저 확인한다. ruby on rails 8 tutorial 은 전제조건은...
[vue3] pinia getter
getter 의 역할 getters 는 computed 랑 같은 역할을 한다. getter 작성 // 방법 1 getters: { doubleCount: (state) => state.count * 2 } // 방법 2 getters: { doubleCountPlusOne() { // return doubleCount + ...
[vue3] pinia 기초 및 state
개요 vue 로 개발하면서 자손에서 조상으로 데이터를 전달해야하는 일이 있었다. 근데 컴포넌트가 너무 많이 중첩되어 있어 $emit() 을 여러번 사용해야 겨우 조상으로 가져올 수 있었다. 전역변수를 설정하는 법은 찾아보면 많긴한데, 그중 pinia 라는 상태 관리 라이브러리를 사용했다. 단순히 값만 저장하는 변수가 아닌 반응형으로 만들 수 있기 때문...
도메인이 다른 프론트엔드와 백엔드 쿠키 공유
개요 현재 내 상황은 위 이미지와 같이 프론트엔드와 백엔드가 분리되어있는 상태다. 중요한 점은 로그인시 JWT 를 발급한다는 것인데 JWT 가 쿠키에 저장되어 다른 도메인에선 사용할 수 없다. 도메인 통일하기 다행히도 쿠키는 동일한 하위도메인에 한하여 공유할 수 있다. https://front.myproject.com/ https:/...
font awesome 을 CDN 으로 적용하는 방법
개요 이미지 찾아서 넣기는 귀찮고 html 코드만으로 아이콘을 사용하고 싶을 때, 도움이 되는 것이 바로 폰트 어썸이다. 폰트 어썸에서 제공하는 css 파일을 CDN 으로 간편하게 웹사이트에 추가할 수 있다. 추가 방법 폰트 어썸 CDN 우선 이 링크로 가서 버전을 선택하고 제일 위의 all.min.css 링크를 복사한다. 필요한게 분명히 정해져있...